Feedback on my second finished site for a client

[abathor]

I have just today finished my second website for a client, a local jobs and advertising agency.I designed and implemented it, trying to do a high quality site with clean and valid XHTML, a crisp design and and an easy to use navigational system, so that users can easily find the job they are looking for. It is powered by wordpress and uses php on the backend. The client can now use wordpress as a light CMS to update the site themselves.

Constructive criticism would be appreciated, from code to graphic design.

You can view it here.

http://www.hartland.uk.com.

Oh, and please don't go messing around applying for a job there (unless you want one!) as the site is live and working!

Thanks!

[city14]

That's pretty good looking, I didn't like the navigation bar at first, but I got used to it in like 10 seconds... NICE

[Major Banter]

Tight, neat, nice.

A few too many boxes though, looks a bit cluttered

[BubbleQ]

Think it is really nice. Though there is a bit hard to get the whole layout on the home page.
Because the tabs "Our service and Latest job news" has the same background color as the middle box witch makes it look like they are all the same box.
I would suggest that you maybe change the color on the "not middle" box to a very small tone of green (as everything else id quiet green) to point out that it is 3 boxes^^

Otherwise I think it is really nice. Enough said

[abathor]

Think it is really nice. Though there is a bit hard to get the whole layout on the home page.
Because the tabs "Our service and Latest job news" has the same background color as the middle box witch makes it look like they are all the same box.
I would suggest that you maybe change the color on the "not middle" box to a very small tone of green (as everything else id quiet green) to point out that it is 3 boxes^^

Otherwise I think it is really nice. Enough said

Thanks! I think your idea with the three header boxes is a good idea, maybe I will make them white text on green, that should make them stand out a bit better!

Thanks for the feedback so far people!

[Blink]

You've used h1 elements for everything which is less than optimal for screen readers and SEO. The h1 element should ideally be used once to signify the most important title of the content and then the other header numbers should be used logically to mark up sub-headings and such.

[zombie@computer]

i dont like the left box. Reading a page+ text with three words a line is not fun.

The rest of the site is pretty solid tho.

[abathor]

You've used h1 elements for everything which is less than optimal for screen readers and SEO. The h1 element should ideally be used once to signify the most important title of the content and then the other header numbers should be used logically to mark up sub-headings and such.

Hmm, will have to take a look at that! Thanks!

[abathor]

i dont like the left box. Reading a page+ text with three words a line is not fun.

The rest of the site is pretty solid tho.

Yeah, I don't like it either. It was fine when it only contained a snippet of the article with a link to it somewhere else, but then the client decided to put the whole article in there. (he's using a CMS.)

I should try and convince him to put it back to how it was!

[amckern]

Its a bit slow to load - maybe that's because i'm in Australia - compress everything with CS?

[zombie@computer]

Its a bit slow to load - maybe that's because i'm in Australia - compress everything with CS?

WHOA! took you two months to load

[JakeParlay]

WHOA! took you two months to load

clever one

[amckern]

Hey,

I'm preparing for Diablo 3 - i need to practice my necro skills.

[static07]

- The green borders aren't working for me, either use images, thicker borders or a softer colour. I see you're using CSS3 styling, and it's not always giving the nicest results in all supporting browsers.
- The logo has a nice serif font, yet the rest of the site uses a simple and unelegant sans serif. It's not always an option but try using a serif font.
- Line-height is too big
- Your header is too big, you can save some space repositioning the icons and searchbox.
* edit: some suggestions: *
--- resize the company logo at least to 70%
--- move the searchbox to the navigation bar, aligned to the right
--- move the icons closer to eachother and give them a slightly darker or lighter background
-- you should be able to cut the headers height by a fourth
* /edit *
- The green you use for texts is too bright, it's ok on my monitor but I can imagine some ppl having trouble reading it.
- The jobs page can benefit from a grid layout instead of just centering links under eachother.
- the upper right corner of your header should be a 90° corner, just like the logo.
- Not all jobs require you to run around with safety helmets maybe a stock photo without one? a desk job?

* it's common practice to make article titles links to the full article, and use a smaller font for the "read the full article" link
* it's also common practice to make the company logo link to the homepage

+ the overal design is very fresh and easy to look at, it looks professional enough
+ It looks quite finished, button links, icons, etc... do a good job at that
+ no tables!
+ htmlstrict
+ good metas