Graphic Design Competition - Look inside for details (Competition WON - No More entries)

It's nice to see it live! However if it were my site, the text would be text, the images would be part of the stylesheet layout, and the buttons would be the only clickable part of the new sections (otherwise they are kind of redundant!).

But hey, what would I know :p
 
The new graphic is buggered up on some parts. Seem to be fine until the page gets up to a higher resolution, which is when they begin to show more obviously.
Changed the brightness/contrast to show them easier. Highlighted in red are the most noticeable ones.

Give me a break, all I had was Paint :D
 
Oh, and the horizontal bar in the middle of "Today Only" should be changed to the softer one that is used vertically in "my" section. The current one is too harsh looking to fit in with the soft lines IMO ;)
 
It's nice to see it live! However if it were my site, the text would be text, the images would be part of the stylesheet layout, and the buttons would be the only clickable part of the new sections (otherwise they are kind of redundant!).

But hey, what would I know :p

A lot more work (for a non-web designer) and it would lose a lot (blending of text into image, choice of fonts). Also thinking commercially making it easy to click-through is surely the most important thing?
 
I've always been taught to have continuity and avoid large clickable images (especially ones that masquerade as text).

I'm no web designer either, but just going off what I've learnt through 10 years in "IT"!

It would certainly make sense to make all the image bar the buttons not clickable IMO, but at the end of the day whatever OcUK thinks is best.
 
Oh, and the horizontal bar in the middle of "Today Only" should be changed to the softer one that is used vertically in "my" section. The current one is too harsh looking to fit in with the soft lines IMO ;)

Yeah, it'll get done, had enough html/css for one day though (not my day job thank god). the white background on the images too.
 
It would certainly make sense to make all the image bar the buttons not clickable IMO, but at the end of the day whatever OcUK thinks is best.

It also makes it simple for the graphics guy to make whole new images as and when marketing have the need. Doing it your way, thought technically better, would require the assistance of a web designer.
 
It also makes it simple for the graphics guy to make whole new images as and when marketing have the need. Doing it your way, thought technically better, would require the assistance of a web designer.

Surely then, having the buttons as a separate image would make it even easier? If the "button" image is positioned "over" the "product" image with CSS, then you can change the product image without affecting the button?
 
Surely then, having the buttons as a separate image would make it even easier? If the "button" image is positioned "over" the "product" image with CSS, then you can change the product image without affecting the button?

Don't tell me that works with IE? Even IE6 needs to still be functional.
 
It also makes it simple for the graphics guy to make whole new images as and when marketing have the need. Doing it your way, thought technically better, would require the assistance of a web designer.

Looks nice, but from a HCI and Disability Accessibility PoV this is a big problem. I have some points that I hope will help you.

Firstly, the text is not searchable (by bots or humans using browsers), and this is a big issue for users who are blind or sight-impaired. Screen readers cannot accurately read text from images, and therefore you place this category of user at a distinct disadvantage [see the DDA section 4.7 p39, 5.23 (p71) and 5.26 (p68)].

Even sight-impaired (versus blind) users are at a disadvantage because they can no longer change the font to more a easily readable one, and enlarging an image pixelates it - often making it more difficult to read.

Furthermore, some users have problems distinguishing certain colour contrasts, and by making the colour, font and background unalterable, you prevent them from being able to change this to something more suitable for their condition.

For something such as a logo, this isn't important content and you should simply provide "alt" text that shows what is in the picture. For these new items you should _minimally_ do the same, but ideally fix it properly.

To give you an idea, open your site in Firefox and go to view -> page style -> no style (and turn off image loading). The site should still make perfect "sense" in a semantic sense, and all of the same information should be there :-).

Disclosure:
I am a sw engineer, in cloud etc, but touching on the web stuff.

hth
 
A lot more work (for a non-web designer) and it would lose a lot (blending of text into image, choice of fonts). Also thinking commercially making it easy to click-through is surely the most important thing?

Thinking commercially, you're loosing any potential SEO gains from text that's within graphics though!
 
Back
Top Bottom