SITE REVIEW: Scoredog Music

  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

I just finished this site for a composer friend of mine. He's worked on music for CSI, Without A Trace, America's Most Wanted and much more. His resume is quite long.

He wanted a site that was simple, fast loading, yet prfessional looking. I did the layout in Fireworks then sliced and took it to Dreamweaver.

Let me know what you think please.

http://www.scoredog.tv
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • farmer_Tom
  • Graduate
  • Graduate
  • farmer_Tom
  • Posts: 197
  • Loc: Oaklahoma

Post 3+ Months Ago

You've done a great job designing a professional website for a musician (which can sometimes be tough!) and I can only offer a few suggestions. I would take out the welcome message on the homepage and put pics of Craig's latest album instead. You may want to offer a dropdown menu on the credits page so users don't have to scroll all the way down to see Craig's trailers. Lastly, you want to be careful about putting his work on the site as mp3 downloads. Maybe offer just the middle :30 of the song as download. Overall, though, you did a great job with this cool site.
  • soul-healer
  • Newbie
  • Newbie
  • soul-healer
  • Posts: 5

Post 3+ Months Ago

It is nice site with good mangment of content. The bottom font used for header is excellent i would like to know the font name used at the bottom of the page.

Over all site give good apealling looking. and the pic of dog is really cool.

Regards.
  • mic check
  • Novice
  • Novice
  • mic check
  • Posts: 25
  • Loc: US

Post 3+ Months Ago

The last few sites I have seen have made me blind, this one however has relived me like clear eyes, wow. Anyways the area below the wonderful pic of the dog could maybe be filled with something. News perhaps? :wink:
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Thanks guys. It was a fun job that didn't take too long and was fun...

mic check, the page won't be updated enough to call for a NEWs section on that page, originally I wanted him to write a short letter of intro and sign it and we could use that to even out the page, but we were both concerned about putting his signature online.
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

I sent this link to the composer I did the site for, he wanted to post this himself but didn't want to register assuming he'd never be back. :)

Craig Sharmat wrote:
I want to thank Alan for designing my site. I am getting lovely remarks from fellow composers, friends and my agent who is a tough sell. The music at 30 secs length is a good idea but I decided to post longer examples. The pooch is an oil painting of my dog (Dan Meske is the artist) scanned and used as various pics.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

All browsers on WinXP
IE6 - Opera8.5 - Firefox1.0.7
All maximized

Great consistency between browsers !
Though Opera is giving either a padding or a margin on top & bottom.

Failed validation (Markup) (3 simple missing img alt attributes)
http://validator.w3.org/check?uri=http% ... edog.tv%2F

You're not giving me many chances to use my red pen here. :lol:

Code: [ Select ]
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #333333;
}
  1. body {
  2.     margin-left: 0px;
  3.     margin-top: 0px;
  4.     margin-right: 0px;
  5.     margin-bottom: 0px;
  6.     background-color: #333333;
  7. }

Is there a reason you're not using ?,
Code: [ Select ]
body {
    margin: 0px;
    background-color: #333;
}
  1. body {
  2.     margin: 0px;
  3.     background-color: #333;
  4. }


I think the Javascript based rollovers could be emulated with somthing like this so they work with no JS.
(this is also about 3/4 of the filesize of the JS)
Code: [ Select ]
/* Set common structure */
a#m1, a#m2, a#m3, a#m4 {
    display: block;
    height: 22px;
    width: 111px;
}

/* Set initial states */
a#m1{background-image: url(header_rollover_r1_c1.jpg);}
a#m2{background-image: url(header_rollover_r2_c1.jpg);}
a#m3{background-image: url(header_rollover_r3_c1.jpg);}
a#m4{background-image: url(header_rollover_r4_c1.jpg);}

/* Rollover states */
a#m1:hover{background-image: url(header_rollover_r4_c2.jpg);}
a#m2:hover{background-image: url(header_rollover_r4_c2.jpg);}
a#m3:hover{background-image: url(header_rollover_r4_c2.jpg);}
a#m4:hover{background-image: url(header_rollover_r4_c2.jpg);}

/* Spans stop Opera from blanking out on initial rollover */
#a1{background-image: url(header_rollover_r4_c2.jpg);}
#a2{background-image: url(header_rollover_r4_c2.jpg);}
#a3{background-image: url(header_rollover_r4_c2.jpg);}
#a4{background-image: url(header_rollover_r4_c2.jpg);}


    <p>
        <a href="one.html" id="m1"><span id="a1"></span></a>
        <a href="two.html" id="m2"><span id="a2"></span></a>
        <a href="three.html" id="m3"><span id="a3"></span></a>
        <a href="four.html" id="m4"><span id="a4"></span></a>
    </p>
  1. /* Set common structure */
  2. a#m1, a#m2, a#m3, a#m4 {
  3.     display: block;
  4.     height: 22px;
  5.     width: 111px;
  6. }
  7. /* Set initial states */
  8. a#m1{background-image: url(header_rollover_r1_c1.jpg);}
  9. a#m2{background-image: url(header_rollover_r2_c1.jpg);}
  10. a#m3{background-image: url(header_rollover_r3_c1.jpg);}
  11. a#m4{background-image: url(header_rollover_r4_c1.jpg);}
  12. /* Rollover states */
  13. a#m1:hover{background-image: url(header_rollover_r4_c2.jpg);}
  14. a#m2:hover{background-image: url(header_rollover_r4_c2.jpg);}
  15. a#m3:hover{background-image: url(header_rollover_r4_c2.jpg);}
  16. a#m4:hover{background-image: url(header_rollover_r4_c2.jpg);}
  17. /* Spans stop Opera from blanking out on initial rollover */
  18. #a1{background-image: url(header_rollover_r4_c2.jpg);}
  19. #a2{background-image: url(header_rollover_r4_c2.jpg);}
  20. #a3{background-image: url(header_rollover_r4_c2.jpg);}
  21. #a4{background-image: url(header_rollover_r4_c2.jpg);}
  22.     <p>
  23.         <a href="one.html" id="m1"><span id="a1"></span></a>
  24.         <a href="two.html" id="m2"><span id="a2"></span></a>
  25.         <a href="three.html" id="m3"><span id="a3"></span></a>
  26.         <a href="four.html" id="m4"><span id="a4"></span></a>
  27.     </p>


Overall great work. :D
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Thanks Joebert - I'll implement those as soon as possible. :)
  • Neptune5
  • Born
  • Born
  • Neptune5
  • Posts: 3
  • Loc: Planet Neptune5 (Toronto)

Post 3+ Months Ago

everything looked so perfect and welcoming and then i look to the right and see a picture of you with a make sift studio in the back, i personally think that should be removed it doesnt go with the elligance of your website, it throws everything else off, maybe get a photographer do a photoshoot with an instrument, you want everything to be top quality just like your music. Thats just what i think have a nice day

Post Information

  • Total Posts in this topic: 9 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 14 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.