So I have just started to write my first proper website and have only designed the homepage so far which isn't even finished, nothings even linked yet but I would like so opinions on the look of it so far to see if there is any point continuing on it if its ugly. Thanks.

 

I haven't spell check it yet so don't comment on the atrocious SPG.

 

The site is http://www.jamiemcardle.com/

 

Edited June 26, 201313 yr by jamiemcuk

I think so far the light blue is too light at the moment and can be difficult to read with the white background.

 

Make the logo a link to the homepage, it's the convention and most people browse home using the logo.

 

I also saw that your "Find out More" buttons are images with JS showing another image using the onmouseover function. It would be better for speed to use css instead with the :hover function.

 

Your menu is wrapped with the <ul> tag but there are no <li> tags wrapped around each menu item making the <ul> tag pointless. It would be best to put each menu item in an <li> tag.

 

I don't see the need for the Internet/Monitor/Social images to have a mouseover unless they are linking to the same place as the "find out more" button. I think it would be better that both the button and the image above would hover together rather than seperate.

 

The closing tag for #info is spelt incorrectly ("</dov>").

 

I saw you're using the <center> tag. It's best to use CSS as it's a depricated tag.

 

The gap between the "Web Design" and "Graphic Design" is different from the other side. Best you make the gaps the same.

 

Also the favicon links to your local folder!

 

I like the font you're using for your logo but I think it's a bit weak. I think something is needed to spice it up a little.

 

Maybe the <p> tags are a tag too light. I'm all for contrast!

 

It's coming along nicely so far, looking forward to seeing the final product! Hope this helps somewhat.

Edited June 26, 201313 yr by Panda

Thanks a lot. I was planning on linking the logo and the blue is a little bright. Haha I was wondering why the #info in css wasn't doing anything so thanks for noticing the bug. How would I do the rollovers in css and the center in css? I haven't made the favicon yet so thats why it's not linked right and ill make sure to research the <ul> and <li> tags as I do not understand them yet. Thanks a lot for your advice.

Pandas comments are pretty spot-on.

 

Design wise it's a good start. I would probably left align the 'What services...' to the 'find out more' button. Also the menu would look better vertically aligned in the middle rather than the top, again next to the right 'find out more' button.

 

Code wise there are a few old techniques being used. Regarding the rollovers, you can achieve those using CSS (http://jsfiddle.net/jack_pallot/Zgcdq/). The icons are a bit confusing, if an element isn't clickable it shouldn't really have a hover (rollover) state, it's a bit of a usability issue.

Edited June 26, 201313 yr by Jack

Looks nice and clean, Make the blue a little darker to work with the white, plus you need to move the contact link in a bit it's hitting the side of your navigation.

Bouncing off what everyone else has said so far, the light blue is a bit overkill. Also, unless the images corresponding with the three blocks (webs.png, graphics.png and social.png) are going to be links to their respective areas, there's not much point in having them change on hover. I figured they won't be, since all three blocks have a huge 'Find Out More' link beneath them. Unless you're just going for a bit more of a flashy, interactive design, I'd tone down the hover transition or eliminate it altogether.

 

Otherwise, looks good, nice and clean. Look forward to seeing it develop.