Practical eCommerce

Your Profile · Log in to check your private messages · Log in · Register · Search Forum · F.A.Q.'s

HOME · Friday, July 4, 2008

Community Forum

Practical eCommerce Community Forum Index » Show Off Your Site!

Design eval requested... Take a peek, what do ya think?

Post new topic   Reply to topic
Author Message
Brendang
Light Poster


Joined: 02 Nov 2006
Posts: 35
Location: New Jersey

PostDate: Mon Feb 26, 2007 9:27 pm   Subject: Design eval requested... Take a peek, what do ya think? Reply with quote

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

PostDate: Tue Feb 27, 2007 7:25 am   Subject: Re: Design eval requested... Take a peek, what do ya think? Reply with quote

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

PostDate: Tue Feb 27, 2007 6:59 pm   Subject: Reply with quote

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... Shocked

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

PostDate: Wed Feb 28, 2007 2:53 am   Subject: Looks great Reply with quote

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

PostDate: Wed Feb 28, 2007 6:47 am   Subject: Reply with quote

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, Cool
Brendan G.
Back to top
Display posts from previous:   
Post new topic   Reply to topic
Page 1 of 1
Practical eCommerce Community Forum Index » Show Off Your Site!


 

Ecommerce Articles

Browse All Articles
Browse our complete archive of ecommerce articles.
Accounting, Management & Legal
Ecommerce articles related to managing a small business including ecommerce accounting, business strategy and legal considerations.
Conversion & Usability
Online business articles about converting web site visitors into customers and how to gauge and improve your business website's usability.
Development & Programming
Articles to help designers, developers and programmers create successful, search engine friendly ecommerce websites and improve existing ones.
Hosting, Infrastructure & Software
Articles for ecommerce businesses about ecommerce web hosting, business infrastructure, business strategy and helpful ecommerce & small business software.
Interviews & Profiles
Interviews with prominent ecommerce business personalities and profiles of successful online businesses.
Inventory & Shipping
Ecommerce articles about inventory management, ecommerce order fulfillment and product shipping considerations.
Marketing & Revenue Growth
Articles relating to online marketing, email marketing and using the Internet to growing your business.
Search Engine Optimization
Search engine optimization articles for ecommerce business owners, strategists, marketers and developers.
Shopping Carts & Online Payments
Articles covering ecommerce shopping cart platforms and options for choosing an online payment gateway.
Training & Education
Tutorials and articles providing training and education for ecommerce business owners and developers of ecommerce websites.

Search Articles

Ecommerce Community

Ecommerce Blogs
Read our blogs about ecommerce topics written by industry professionals.
Community Forum
Connect with other ecommerce professionals to trade advice and answers in our community forum.
Podcasts
Check out our ecommerce podcasts covering topics ranging from interviews to tutorials.
RSS Content Feeds
Subscribe to our RSS feeds and have fresh ecommerce content delivered to you.

Ecommerce Resources

Free Email Newsletter
Sign up for Ecommerce Notes, our free email newsletter for ecommerce business owners and developers.
Ecommerce Directory
Browse our directory of ecommerce products and services, or submit your own listing in our directory.
Ecommerce Glossary
Familiarize yourself with terminology or submit terms to help others with our Ecommerce Glossary.
Events Calendar
Find out about upcoming ecommerce events or invite other ecommerce professionals by posting your own event.
Press Releases
Browse ecommerce related press releases and post your own press release for distribution.
Ecommerce Store & Back Issues
Pick up back issues of Practical eCommerce magazine along with other merchandise from Practical Ecommerce

About Practical eCommerce

Frequently Asked Questions
Look at frequently asked questions regarded using our website, subscribing to our magazine and more.
Advertising Information
Information about advertising in Practical eCommerce magazine, on our website, or in our email newsletters.
Editorial Sharing
Learn about options for sharing our content with your visitors, customers or employees.
About Us
Learn more about Practical Ecommerce magazine and meet our staff.
Contact Us
Contact Practical Ecommerce at any time for more information. We'd love to hear from you.
AdvertisementBDXIClearCartMarketplace Earth

Copyright 2007 Confluence Distribution, Inc. and Practical eCommerce.
All Rights Reserved.

Privacy PolicyConditions of UseWebsite MapContact Us