Home > Internet and Ecommerce > Ecommerce > e-commerce homepage design : 9 golden rules


Paul Gareth Evans

Guide to e-commerce homepage design : 9 golden rules

9 quick commandments to help you optimise the most important page on your e-commerce website


Uncommonly
Useful
8.3
out of 10

Add Your Comments
 
 
Email Guide to e-commerce homepage design : 9 golden rules to a friend
Save the Guide to e-commerce homepage design : 9 golden rules to My Work.com Favorites
Print the Guide to e-commerce homepage design : 9 golden rules
link to this page
Save to del.icio.us
digg it!


The most important page on any e-commerce website is the homepage. Its make or break time : a user will usually decide if he wants to stay (and hopefully make a purchase) after only a few seconds, so you've got to get this page just right!

There are hundreds of rules that can be applied to this, but here is a list of (what I consider to be) the 9 most important.



Action Steps
The best contacts and resources to help you get it done

Use the page structure to channel users where you want them to go


help them find what they are looking for by highlighting the most (max 3 or 4) important calls to action on the page (eg "Start here" or "Search for XYZ" where "XYZ" is what you are selling)

I recommend: Buy the Eisenberg's book Call to action to really understand merchandising on an e-commerce homepage

Put your most important elements at the top left of the page


Users will scan your homepage in an average of 3 seconds to work out if they want to stay. The most viewed area of the page is at the top left, so don't leave this critical real-estate area "redundant"

I recommend: A friend of mine moved the search functionality on Vacances Ski from the middle of the page to the top left and overnight increased the number of searches (better conversion funnel) by ten-fold

Establish a clear navigation structure


Get your users used to it immediately. Keep it simple (I recommend just text navigation), don't overdo it. Make sure each link to go deeper into the site is labeled in such an obvious way as to avoid confusion

I recommend: reading this article on moden-day webdesign to see how navigation structure should be "bold and simple"

Summarize your company's business activity near top of page


This should tell your first-time users about the site's main purpose, and will avoid them second-guessing. Eg If you sell blue turnips in Europe then the tagline could be "Selling Blue turnips throughout Europe

I recommend: See an article on homepage design written by web ergonomy guru Jakob Nielsen. See also this site about internet promotions how a text baseline just below the logo can help situate the context (NB not an e-commerce site, but example is relevant)

Place search engine near top of page


Everyone understands search - so if your site uses a search engine (either keyword or multi-criteria), then place this near the top of the page (eg a good area to put it is at the top left of the page), and include a visible "go" button so that it is inherently obvious to users

I recommend: seeing how lastminute.com (leading European travel website) handle search on their homepage : clean and easy to understand

Put access to basket/caddy at top right of page


If you have a caddy/basket functionality, place access to it at the very top right of the page, above or integrated into the principal navigation. Most, if not all e-commerce sites do this

I recommend: Look around at  other e-commerce sites (including your competitors). I will stick my neck out and say t hat 9 out of 10 of them will follow this rule.

Make customer service infos visible


If you have a customer services page or a telephone number then put them at the top right of the page, near the basket - users will look here to find them. Customers need this for reassurance.

I recommend: seeing how amazon.com do it : help links clearly visible at top right and repeated at the very bottom

Reassure with logos and awards


If you work with well-known partners and brands, or if you have won an award from a well-known source, then shout about it on your homepage! Customers will be reassured if they see this and take your company more seriously as they are able to relate to something they already feel comfortable with

I recommend: going as far as building an "Our awards page" and linking to it from icons on the homepage

Group corporate information in one place


Group all corporate information (eg Who are we? / Company information / contact details / etc) in one distinct area on the page and make it clearly visible for the customer

I recommend: Its normally a good idea to put this towards the bottom of the page (it is not a direct revenue channel), and repeat the links throughout the site

Tips & Tactics
Helpful advice for making the most of this Guide

  • KISS at all times (Keep It Simple, Stupid) and put yourself in the shoes of a first-time visitor. Will they understand the page? Will they click where you want them to click (revenue channels)? Do they have access to relevant help pages if they get stuck?
  • There are some great articles to support this one here on Work.com. Go and have a look in the "website design" section
  • Dont overlook basic search engine optimisation on your homepage. This is too big a subect to cover in detail here, but I recommend the SEOBook by Aaron Wall as a must-buy for novices and experts alike

Featured Vendors

AT&T Enterprise Solutions
AT&T's Enterprise Application Hosting: Reliable, Cost Effective.
att.com/enterprise

Business On Main: Online Community
Free Online Tools & Resources To Help Start Or Grow Your Business!
www.BusinessOnMain.com

Ecommerce Solutions
Quick & Simple 3 Step Setup. Let Homestead.com Help you Create a Free Website & Be Found by Customers. Start your Free Trial Online.
Homestead.com

NetSuite Ecommerce Software
Manage Your Entire Online Business with One System. 2008 CODiE Award Winner. Free Product Tour!
www.NetSuite.com/Ecommerce

Sign up for the What Works for Business weekly e-newsletter!
 Related Resources from Business.com Back to top 
 Best Sites to Learn MoreBack to top 

A large collection of articles from the web's ergonomic pioneer

One of the best sites to learn SEO at, for novices and experts alike. I recommend buying the book as a great introduction to this field.

Agreat article written by fellow work.com member Jenni Simcoe. Can be read in conjunction with this article

A fantastic site covering all things about design on the web. This page collects several different articles about the discipline of web design


  CommentsBack to top 

Loading Comments...


Add Your Comments


Email Guide to e-commerce homepage design : 9 golden rules to a friend
Save the Guide to e-commerce homepage design : 9 golden rules to My Work.com Favorites
Print the Guide to e-commerce homepage design : 9 golden rules
link to this page
Save to del.icio.us
digg it!


Is any content on this page inappropriate? To let us know, please click here.



© 2009 Work.com, Inc. All Rights Reserved. Work.com is a property of Business.com.
Help | About Us | Site Map | Terms of Use | Privacy Policy | Community Policy | Taskonomy | Advertise | Contact Us | Local Business Directory | Work.com Feed