eCommerce Design

Designing an eCommerce site is a science and an art within itself. Nothing can be more important than getting a user to enter a website and stay long enough to make a purchase.  As both a business and web developer, I understand the amount of effort it takes to build a site that builds confidence for the brand to the end user.

Branding is key:

Branding is key when it comes to an eCommerce design. Branding starts with the logo. A good logo will resonate confidence to your users. The logo color scheme should closely match the rest of the site. The branding can be used in all areas of marketing.

Page design considerations:

An e-commerce site is more complicated due to the number of individual page designs. While most corporate sites will require a home page and an inner page design; an e-commerce site requires all the pages related to the product and checkout process.

The following page designs are required for a properly designed website:

Category Page:

The category page is where all your cart product categories are listed. This should have a thumbnail that represents that product category.  This can include a brief description of the category. In some cases, there are sub-categories within the product category page.

Product page:

Directly under category page should be the product page. This page will contain products that are associated with those under a specific category. This can include a brief description, the price of the product, and the quantity available.   Because this page will contain abbreviated information, there is a need for a single page that contains the high-level detail for the specific product.

Product detail Page:

The product detail page contains all the information related to that product. This might include packaging, SKU, product ID and price. In many cases, this page contains pages related to the individual product that are set as “suggested products.” In most cases, these are located directly after the product information section. This is the area of the cart where the user adds products that can be purchased.

Checkout page:

The checkout page is where the user can view the items that have been added to the cart. This is normally accessed by clicking on a “view cart” button or link. This is the page where the user can see an itemized list of products and the total amount due at checkout.

Payment page:

The payment page is where the user enters payment information into the cart. User information is collected at this point. This includes name, billing address as well as shipping address.

Payment confirmation page:

After the user successfully checks out, they are redirected to the payment confirmation page. This page lets the users know that they have purchased their products, and most likely it will come with a thank you message. This page should have a link going to the main page of the cart in case the user wants to continue to browse the site and do more shopping.