Creativebits.org

an All Creative World site
iancorey's picture
94 pencils

Spa Tables

This is the first large(ish) website that I've designed from the ground-up using hand-coded xHTML and CSS. The company (obviously) designs and manufactures a large line of spa and massage furniture. The image they want to convey is that their clients will be in the lap of luxury, etc...
I'd like some feedback/bug reports, if you would be so kind. If you can't be kind, go ahead and tear me a new one and run me out of the business.
Thanks, CB!

Ian

Commenting on this Image is closed.

pokie's picture
1198 pencils

Some really bad font choices on the main page... an orphan (in a headline, nonetheless!!-- "introducing the celesta... gemini"... though that might just be my browser, I'm using Safari.).

I like the imagery, I love the rollovers... but the fonts are crap, especially the bottom central one.

Ivan's picture

Everything looks nice. Colors, layout, navigation.

Except the typography. I'm sure it's work in progress, so I hope you don't mind us tearing it apart.

I think you better use serif for all titles and sans serif for body text (mostly it's like that already). Menus can be serif as well (?) maybe and bolder, because they are a bit small.

You need more leading (line spacing) for your body. It will be easier to read.

You need more white spacing for the titles and subtitles. For example above "About Oakworks" on the About Us page.

Also, more spacing for the footer would be good.

One last thing, can you not find a more interesting image for the header? It's a bit too clinical. It feels almost like an operation, rather than a relaxing massage. Maybe just a close-up of a relaxed face or something.

iancorey's picture
94 pencils

I'll take it all back to the CSS file.
Re: the header image. I have the world's crappiest photography to choose from here (see Accessories), I agree though— pretty dark and sterile.
I'll add a couple of px to the menu font and work on the body and title typography.
I really appreciate your kind words and your criticisms. I can't thank you all enough.

ilikesalsa's picture
53 pencils

about functionality, i found that when i mouse-over the 'contact' option, the whole word moves to the right...

iancorey's picture
94 pencils

...that this client has forbidden me from using or testing on any other client or platform than IE/Win 6.0. It's absolutely ridiculous. I had Firefox uninstalled before I came to work one day for "security reasons". Most of my testing came from looking at the page at home and other people's computers and remembering what the issues I saw were.

bteverybody's picture
101 pencils

I can see why they'd remove Firefox for security reasons. I mean, the workplace is no place for security. :)

Is the company logo under the word "SPA" for a particular reason? It currently seems like the company is named SPA and Oakworks is just a brand.

If you cannot change the photo, perhaps a different background color to address the clinical look? Spas use a lot of muted pinks, greens and blues.

iancorey's picture
94 pencils

Yes. The company and I are in the process of redesigning the entire line of (gross) websites to match this fixed-width, minimal "zen" thing. There are currently six markets (and 9 unique URLs). This is the site for the Spa market. The others' will include their name in the same area, i.e., Massage, Medical, PT, etc. Repeat visitors (it's hoped) will catch onto this.
Unfortunately, blue is out of the style guide for the spa market. They insist on pink and green (the colors of my vomit, coincidentally). I think blue would look hotsie-totsie in there, but that's me, what do I know.
The more I look at that photo the more it totally looks like it was staged in the conference room. Wait, it was...

skycommando's picture
2 pencils

an effective take on what is, i guess, relatively difficult subject matter to make interesting. i think the trick in said situation is to generate some sort of creative presentability without producing a challenging or alienating website for the user. in that regard, you were successful. tough about the photo, though: the contribution that professional/high-quality photography makes is astounding.

keep up the good work.

skycommando's picture
2 pencils

will never leave subject line blank again. apologies.

iancorey's picture
94 pencils

This input has been very helpful. I hope that you were being as honest as possible. God knows I need it.

webdav's picture
22 pencils

To be perfectly honest, as you wish, you need to smack whoever decided to "standardize" on IE 6 upside the head.

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

Do you need a great new logo?

If you need a logo for your company or product you can get it done with us.
In our logo store you can pick from over 28,000 pre-made logos that will be customized to your name for free or you can post a contest for us for just $250 and our designers from all over the world will submit dozens of logo design suggestions to your specific needs.

Marketplace