6 replies [Last post]
fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 44 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

I have a redesign I'd like comments on please.

Layout, ease of use and especially accessibility.

It's not finished, there are a couple of blank pages lurking in there

Also it look absolutely *beep* in IE - but that's a job for tomorrow night!

Australian website design

Cheers

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 32 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

webechodesigns.com - comments please

Is this a different design from the last one or a refinement of it?
I'm liking the logo with the mirrored effect although I think to use it twice at exactly the same size is wrong (the one on the right is a bit close to the border).
Colours & border are good too.
A couple of things I'd change:

  1. Not sure about all lowercase headings
  2. For your articles links, it'd be cool if the whole bar changed colour on rollover.
  3. One thing I've learnt recently is that skip links shouldn't be hidden on focus, ie if they're set offscreen normally, bring them into view on focus.
  4. Just being picky, but you don't need /index.htm in your URL, e.g. it could just be /articles/ which looks neater.

[/]

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 12 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

webechodesigns.com - comments please

I like this design much more than the last. Here are my suggestions:
I agree with Tyssen about the background color change in the nav hover and the same sized logo on the bottom right being smaller (oh, and the skip link too).
I would actually make the type smaller and the h4s a hair larger for more contrast. Something like font-size 85% in the body and 1.2em on the headers. The tagline seems 'off' to me - both in wording and alignment...

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 8 years 3 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

webechodesigns.com - comments please

Hello. Just another little thing: you may want to define a background color for the page itself. Right now, since my default background color isn't white, the page doesn't look too good. Cheers! Laughing out loud

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 14 years 44 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Corrections made

Thanks Guys

Some good advice there

1. Ditched the second logo
2. Changed hover state on nav links also current state
3. hover on whole links / background on article headings
4. background color set to white
5. body font size now 85% heading 1.2em - does look better
6. tagline - need to work on the wording of some - i agree
7. reworked so displays correctly in IE

Problem - article title bars now double height in IE

Cheers

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

AlexK
Offline
Regular
Last seen: 15 years 16 weeks ago
Joined: 2006-01-17
Posts: 15
Points: 0

webechodesigns.com - comments please

I actually really like this one Smile

Good colors used
Nice coding
And generally nice layout

The only thing I would change would be the "mirror" on your logo.
Good luck!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 35 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

webechodesigns.com - comments please

That gap is still there in FF. Add padding-top: 1px to #wrapper.