In this article we’ll look at nine specific factors that are generally present on well-designed e-commerce websites.

1. Ease of Navigation

When attempting to sell products to visitors, the first requirement for selling a product is that the shopper has to be able to find specifically what he or she is looking for. Effective navigation is important to any website, but it’s especially critical for e-commerce sites. Lost visitors will result in lost sales, so every effort should be made to have a site with clear, logical navigation.

E-commerce sites often face considerable challenges with navigation because of the number of products that are presented on the site. Large sites, such as those of department stores, have to be especially careful with navigation, because finding what you want will usually become increasingly difficult with more options. One factor to consider is how the average visitor will attempt to find a particular product. What makes sense to the designer or to the company owing the site may not be the same path that the average visitor would take to find a product. Sufficient user testing is extremely helpful for identifying potential navigational issues.

Examples:

The Pottery Barn uses a drop down navigation menu to help visitors find what they are looking for. The top level of the navigation menu contains links to the major product types that are available on their site, and hovering over a link will bring up the drop down menu that helps to narrow it down to find more specific products.

Nike’s online shop uses a vertical navigation menu. When you hover over an item, such as “Men”, you will then be presented with options for different product types, brands, collections, and sports, making it easier to narrow it down and find what you want quickly.

2. The Design Does Not Overpower the Products

The focus of an e-commerce site should be on the products that are available for purchase. A design that is extravagant for no legitimate reason will usually do more harm than good, as it will draw attention to the design of the site and away from the products. Yesterday we posted a showcase of e-commerce sites with a minimal design approach. There sites have chosen to keep the design simple so that the products don’t have to compete for the attention of visitors.

Examples:

Apple uses simplicity in the design of their products as well as anyone. Their online store takes the same approach with a clean, attractive design that does not provide any distractions for shoppers.

Rapha has a beautifully design website, but it still has a rather simple approach.

Shoe Guru is another very well-designed site that avoids anything excessive. The page shown below lists the men’s athletic shoes that are available. The page simply provides a product photo, name, and price, as well as a link to the product page for more details and purchase options.

3. Easy Checkout

User experience on e-commerce sites is critical to success. If the checkout process involves too many steps or is confusing, shoppers will wind up abandoning their cart with items left unpurchased. Ideally, the checkout should involve a minimal amount of steps and should be as easy as possible for shoppers.

Examples:

Add an item to your cart at White and Warren and you will immediately see the contents of your shopping cart. You will be presented with the options to continue shopping or to checkout. If you chose to checkout, you can login as an existing customer or create a new account.

At BCBGMAXAZRIA when you add an item to your bag, rather than being taken to a new page, your cart will appear on top of the page you are viewing. If you wish to checkout you can simply click the link to do so, or you can close the bag and continue shopping.

4. Branded

Many shoppers are influenced in their purchasing decisions by the brand, and so the need to establish a strong brand is import for both online and offline selling. In the cases of stores that sell online as well as in physical locations, the website is only a part of an overall branding strategy. In these cases the website should work well with other branding efforts of the company so that customers feel comfortable on the website.

Examples:

Oakley is a well-established brand that is recognized as a leader in their industry. Their website does an effective job of working with their existing brand. It is an attractive website that stands out from many of the others that are selling sunglasses online.

Crate and Barrel’s website is well-designed and fits well with the companies overall branding.

5. The Design Style Matches the Products

Like any other type of website, e-commerce sites can have countless different design styles. However, when designing an e-commerce site it’s important to consider the style of the products that will be available on the site. This is a little bit more relevant for smaller stores with a specific type of product and for websites of a particular brand or company that has established a certain identity.

If the design style does not match very well with the particular products that are for sale, there will be a disconnect that exists and visitors may have a hard time relating to products and determining if it is right for them.

Examples:

Innovative Baby sells clothing, furniture and other items for kids. The design and color scheme of their website does a good job of matching up with their products, but it still looks professional and appealing to the adults who are likely to be the ones doing the shopping.

ShopRush’s website has a trendy look that fits well with its salon products.

6. Showcases the Most Popular Products

Many e-commerce sites make an effort to showcase items that are likely to be of interest to visitors, obviously with the intention of helping visitors to find something that they will buy. A number of sites are using a large area on the homepage that they can use to promote current sales, new product lines, or whatever will generate interest. On theses sites, this area will often be updated frequently, or it may include some type of slideshow.

Examples:

In the image below you will see that Eddie Bauer uses a large portion of the homepage to promote an end-of-season sale. There is a very large image and links to sale items in several categories: men, women, bags and gear, and white sale.

When you click on “Girls” at TOOBYDOO, you will arrive at the page shown below. There are links on the left to specific types of products, but a large portion of the page is used for promoting popular items. A large image of a specific item is shown with a link to buy the product. There are several different products that are promoted in a rotation.

7. Promotes Related Products

One of the keys to a successful e-commerce store is the promotion of related products that the customer may also be interested in. Sometimes you will see related products listed and shown on item detail pages, and other times you will see suggestions being made after adding an item to your cart. Promoting the right products that buyers are likely to be interested in is key regardless of the approach that is used.

Examples:

When looking at the detail page of a comforter on The Company Store, visitors will be presented with related products such as cleaning and storage products. This is an excellent example because someone who is going to buy the comforter may easily be influenced to add on these other products to take care of their original purchase.

PacSun shows related products to the right of the screen on product detail pages, where they will easily be seen by all visitors that are looking at a specific product.

8. Effective, Accurate Product Photos

Selling online is different than selling in a physical store because the buyer cannot touch the product or see it in person before making a buying decision (unless they have seen it somewhere else). Providing quality photos that accurately portray the product can help to overcome this challenge and can make the buying decision easier on visitors.

Examples:

REI includes many different pictures of products, in this case a tent. The pictures show the product from several different angles and stages, as well as packed up. Potential buyers will be able to get a very good feel for the product based on these photos, and not buying it because of a fear of the unknown is much less likely than would be the case without as many good photos.

Armani Exchange includes product photos from all angles so that potential buyers will not have to assume how the back or sides of an item will look.

9. Effective Site-Wide Search

Although navigation is critical for making it easy on visitors to find what they want, there is still the need to allow them to search. Some visitors will still have trouble finding a specific product even with good navigation, and with larger e-commerce sites it may often be more feasible to simply do a search than to move through several layers of links. The type of search and the amount of options that should be offered to narrow the search should be based on the size of the site and the items that are available.

Example:

At Lee, after choosing the type of product you would like to look at, the left sidebar will include some advanced search options that will narrow down the products being displayed if you are having trouble with the items that are shown.

Author:  Vandelay Design

If you are worried about the outdated text or broken links then, website design and maintenance should be the solution. Planning for website design and maintenance should be ideal for updating the website. One can easily find service provider for website design and maintenance. There are several service providers out there offering with high quality website design and maintenance and that too at competitive prices.

The websites dealing with ecommerce, information needs to be updated regularly. For instance, the news related to the company, images, information on products, web content, prices and the content needs to be updated.

The sites that abstain from changing content and the overall appearance for a long period hold risk of losing interest of the visitors. For an old site, more changes in website design and maintenance needs to be done. It would also allow the site to maintain its freshness. Taking certain steps should allow you to take right decisions related to website design and maintenance.

Some web beginners would charge on hourly basis, while the rest would charge on monthly basis. Sometimes, website design and maintenance can be planned in such a way so as to allow you to makes changes on own.

Decision regarding the usage of Macromedia’s publishing program is quite important. The program offers with an array of advantages for the users. It would allow you to connect to live sites, yet make draft for the web pages where the changes need to be made, editing it and updating the work. After completing all of these steps, one can make it online to live site. ‘Contribute’ operates like any daily day-to-day desktop type of program. Using it is quite simple and would allow you to update without having any troubles. If you are looking forward to make changes on your own then, you should probably try out this program.

It is advisable to seek some professional help for website design and maintenance. The experts would help with website design and maintenance the best way. Irrespective of the path chosen for website design and maintenance, having a practical approach for keeping the site updated should be fine.

Author:  vpatel
Source:  ArticleDashboard.com

Choose from one of the following package options and save $100.00:

• Website Packages - Informational websites
• eCommerce Packages - Shopping Cart based websites
• DIY Templates - Custom templates for DIY shopping cart based programs
• Build Your Own Package - Build your own custom website package

$100.00 savings will be applied at checkout when you use Coupon Code:  TUNEUP

Minimum purchase of $300.00 is required. Not valid on Bronze Template Package. Valid for a limited time only.

Jason Stevensen Photography

Jason Stevensen Photography was looking for a clean and simple look with an eye catching entrance and a way to manage their gallery of pictures. In addition, he was looking for a new updated logo to match his personality.

For the home page, I took a photo from his collection and created a collage from that photo. The photo is broken up into separate pieces while still maintaining the original photo composition. In addition, when you hover over the individual pieces of the image, the visitor can reach the various galleries of the website which are showcased with a sample from that gallery when hovering.

For a clean and simple gallery, I used Simpleviewer to display all the photos in a thumbnail format with the larger picture appearing once clicked on.  The result is a clean yet innovative website for this talented photographer.

To that end, I have altered pricing for my Website packages, Ecommerce packages and DIY Template packages to reflect building your website without the need for a design of a new logo. The logo design will be an optional service that can be added to your package. Prices for a new logo will begin at $150.00 for 1 concept with 3 revisions.

I hope this will better meet the needs of my clients who like to know upfront their costs without having to submit for a FREE No obligation quote. As always, all clients have the option of creating my Build Your Own package for your exact needs.

I discovered Design Newz' Twitter and happily decided to follow after looking at their posts.  They appear to be automated but that does not make them ANY less interesting or handy! And yes I could be entirely wrong, it is after all hand-picked info. Their claim to fame is hand picked tutorials, tips and more for those in graphic and web design.

I'm always trying to learn new things, especially in the area of graphic design.  I've never been a full fledge graphic designer, more of a graphic manipulator but with sites such as this one, I'm taking more steps towards being a full fledged graphic artist/designer. 

So stop by and check out Design Newz, either on their Twitter for those obsessed like me or visit their blog/website directly at: http://www.design-newz.com

Hannibal Garden Center

Hannibal Garden Center requested a temporary page for their soon to open website. Client provided a graphical mockup of what they wanted in Photo Shop and I transferred into HTML. Conversion into HTML completed within 1 business day.

Their website will be changing as its designed, but current page may be viewed at Hannibal Garden Center.

In my continued effort to provide all options to my clients, I have built a custom order form to pick and choose the items needed for your website, creating your own custom designed web package. Choose the specific options you need and we will do the rest!

Check out all of the options now at Build Your Own Design Package.