-
OK Steven, here's the deal. I think you have a particular challenge in creating a great design for an commerce technology site like this. It always is - it's just the nature of the content. But you've done a really striking job with what you have - honestly.
Here's some thoughts...
- I like how you've handled the header. On such a site the header is arguably the most important design piece. And you've done a great job of keeping it well designed and well structured. It doesn't feel overly crammed with info, and you've done a good job of presenting the info in a clear fashion. I really like it.
- I'd be interested to see more examples of your design for the site, like the site homepage, a list page (page that lists multiple products), a checkout page, etc. It's hard to give much feedback with only one example page.
- I really like your call to action area. It stands out well, and I like how you've reserved the use of the color green for key visual areas of the site.
- I think the description area is a little large. Honestly I think you should reduce the font size and make that description area take up less screen real estate. As is you are risking the visitor getting lost in the description and never engaging with the purchase elements. I think you could cut it's size roughly in half by using two columns, and a font size 2 - 4 points smaller.
- Footer looks excellent. Very simple but contains the relevant info for users. And aesthetically it's a treat. Good Job!
To reiterate, see my notes...
stormtek-productpage.png
-
1
great job on the header
-
2
breadcrumb is good
-
3
photo treatment?
You could do something more with your photos like a white background with 3 px of padding, then a 1px gray border.
-
4
Awesome
I really like how you've handled the call to action. The button is gorgeous, the whole div stands out apart from the page well. Excellent!
-
5
This is too big
Reduce the screen real estate of this discriptive area by 25-50%. Use smaller font-size (honestly you could use 12px font size here) and split info into columns to make max use of the screen area. And use text-align justify. You just don't want the user to get too lost in the description that they don't buy the product.
-
6
Add another call to action button down here
Your call to action statement here is not good enough. It's honestly close to worthless unless you have a link to actually click here here. I would suggest just putting another instance of your call to action button down after the description.
-
7
Nice work on the footer
Not too much, not too little - just right. :-)
I disagree with point 5 about using 'text-align:justify;' - the rest of the point is valid :)
Justified text looks great in printed media where things can be controlled, but doesn't work so well online. Some interesting reading on it here: http://www.webtypography.net/RhythmandProportion/Horizontal_Motion/2.1.3/
All that said, it is an opinion and not a fact, so it may work with your website. The only thing to do is try it and see what you think.