 |
| Author |
Message |
Brendang Light Poster
Joined: 02 Nov 2006 Posts: 35 Location: New Jersey
|
Date: Mon Feb 26, 2007 9:27 pm Subject: Design eval requested... Take a peek, what do ya think? |
|
|
Howdy,
So here's the mock-up of the site I plan to implement.
www.killersocks.com
It's a 900x600, above the fold design. Definitely inspired by smartwool.com & sierradesigns.com
This site is a visual mock-up, so it's fairly limited in functionality. The product pages are merely place holders, and the product picts/descriptions are the same. Soon, you can expect updated text blurbs, product shots, animated webisodes ala Google/YouTube and .swf ads, as well as an integrated Killer Lifestyle blog.
Many elements are missing or non-functional, so look at it more for overall flow, visual effectiveness and ease of navigation. Basically, how a customer might respond. The nitty gritty stuff will follow, this is more about impact. I value your well-considered opinions.
Thanks folks,
Brendan G.
Killersocks.com |
|
| Back to top |
|
PamelaHazelton Practical eCommerce Columnist
Joined: 03 Feb 2007 Posts: 13 Location: USA
|
Date: Tue Feb 27, 2007 7:25 am Subject: Re: Design eval requested... Take a peek, what do ya think? |
|
|
Look in FireFox (top is cut off).
Remember that if you want to eliminate scrolling as much as possible, you have to consider the address bar and menu icons. I use them - and in IE and FF I have to scroll down to see the last bit of the bottom row of images.
Some of your large graphics (rollover appears) - the white text on the lighter or bright backgrounds is straining on the eyes. |
|
| Back to top |
|
Brendang Light Poster
Joined: 02 Nov 2006 Posts: 35 Location: New Jersey
|
Date: Tue Feb 27, 2007 6:59 pm Subject: |
|
|
Pamela
Yeah, a few of the main page category picts are too bright, (Hike and Care are the most obvious.) I have an account with a decent stock agency, I'll fish for better.
As for getting cut off vertically, I'm curious, the page height is 600, as in 800x600. Could it be having the page centered H & W? I originally had it centered only horizontally, but liked the vertical spacing as well. It sits almost exactly the same in the window as the smartwool.com. Do you see this site in it's entirety?
Hence the development process I guess. Time for me to drag out my old 17" crt behemoth and see what it sees...
thanks for the feedback,
Brendan G.
killersocks.com
Last edited by Brendang on Wed Feb 28, 2007 6:36 am; edited 1 time in total |
|
| Back to top |
|
bgetting Online Director
Joined: 08 Jan 2006 Posts: 170 Location: Newport, Oregon
|
Date: Wed Feb 28, 2007 2:53 am Subject: Looks great |
|
|
This is a great looking site. I'm not sure that it wouldn't be just as great with some vertical scroll to it. You users are going to have to face the fact of life that either some pages are going to scroll vertically or they are going to have to navigate through pages of products.
To each his own on that one, but my thoughts are I look at it are that you could grab an extra inch or two of vertical space above the fold on newer monitors, have a page twice as tall, and get the best of both worlds.
I love the code, it's nice and clean. However, I also noticed a thing or two (if you don't mind)
1. The links don't have any anchor text in them. You have the following as the links for the main navigation:
| Code: | | <a href="catrun.html" title="Home_run" onmouseout="P2H_StartClock();" onmouseover="P2H_Menu('PMhomerunbutton', 15, 0);"></a> |
Where it should probably be something like:
| Code: | | <a href="catrun.html" title="Home_run" onmouseout="P2H_StartClock();" onmouseover="P2H_Menu('PMhomerunbutton', 15, 0);">High Performance Running Socks</a> |
to gain the extra boost from the link text. It also wouldn't hurt to have better title attributes in there, making the final version look like:
| Code: | | <a href="catrun.html" title="High Performance Running Socks" onmouseout="P2H_StartClock();" onmouseover="P2H_Menu('PMhomerunbutton', 15, 0);">High Performance Running Socks</a> |
2. Your home page link at the top left (the killersocks.com logo) links back to "/index.html" when it should like back to "/" in order to avoid duplicates.
3. You should also be able to remove the "onmouseout" and "onmouseover" javascript calls to an external file. Look into adding an initialization script to the onload event that will loop through your link elements and attach the appropriate javascript events to them. This one will take a little work, as you need to get functions that will allow you to add events, but this could slim your code quite a bit and is generally just good form. Post if you need help.
Doing this one will bring your final link code down to:
| Code: | | <a href="catrun.html" title="High Performance Running Socks">High Performance Running Socks</a> |
Which is pretty slim and pretty.
4. As for the eye-straining text, go into Photoshop (or whatever you are using) and put a 1 px drop shadow behind the white text on all the images. I usually have this at an angle, no blur, and 1 pixel offset with a 75% or so opacity setting (this will vary by the background image). This should set your text off a bit more and ease that strain that Pamela mentioned.
Maybe these suggestions will help. The presentation is great, and the site is on it's way. Post if you need any help, I'll try and provide examples if you need them. |
|
| Back to top |
|
Brendang Light Poster
Joined: 02 Nov 2006 Posts: 35 Location: New Jersey
|
Date: Wed Feb 28, 2007 6:47 am Subject: |
|
|
Brian,
I owe you beers.
Taking the time to peek under the hood, make terrific, streamlining suggestions, and then provide the examples is truly appreciated. When do you sleep?
I teach today so I gotta go grab a train into NYC but I'll send you a note later that you should get a kick out of.
I certainly appreciate everyone's time and critique, but your knowledgeable support of this community and its members is outstanding.
many beers,
Brendan G. |
|
| Back to top |
|
|
|