Each product is different and the answer to “How should I sell X online?” is always “It depends.”
That’s the bad news.
The good news is that there are certain rules that will get you 90% there. The rules that, if you follow them, will give you a great starting point.
So to help you prepare your eCommerce website, below you will find a comprehensive 36-point checklist that have been categorized into the following categories:
- Product Listing & Category Pages
- Product Pages
- Cart Page
- Checkout Page(s)
As always, please refer to the full article for more detailed descriptions, more examples, and more screenshots.
Site-wide eCommerce Web Design Checklist
1. Ensure Your Website is Responsive
2. The Cart Icon Must be Available on Every Page
3. The Checkout Button Must Always Be Clearly Visible
4. Have a Prominent Search Bar On Every Page
5. Clear Navigation Menus
6. Contact Information on Every Page
7. Maintain Consumer Confidence
- Customer Testimonials
- Why Shop With Us
- Delivery Information
- Return Policy
You can link to these pages inside your site footer to keep things looking clean.
8. Show Logos
Having logos of big brands gives the customer an indication of what type of product you sell — plus, it adds some authenticity and prestige to your brand for being affiliated with industry leaders.
eCommerce Homepage Web Design Checklist
9. Prominent Calls to Action
10. Have Emotionally Appealing Photography
11. Include “Top Selling”, “Featured Product” and “Recommended For You”
12. Use Imagery to Support Calls to Action and “Top Sellers”
eCommerce Catalog Page Web Design Checklist
13. Add a Category Introduction
14. Show Stock Availability
15. Show Filtering and Sorting Functions
16. Highlight Best Sellers or Customer Favorites
17. Include Customer Review Scores
eCommerce Product Page Web Design Checklist
18. Make the “Buy” or “Add to Basket” Button Prominent
19. Feature an “Add to Wishlist” Button
20. Upsell (aka “You May Also Like”)
21. Short(ish) Product Description
If products have a lengthy product description, and the customer is interested, add a “read more” underneath the concise version of the product description to allow the customer to gain further information.
22. Product Photos From Different Angles
23. Add Video Demonstrations
24. Show Estimated Delivery Time
25. Use Tabs for Products that Have A Lot of Detail
26. Display Customer Reviews or Testimonials
27. Show Stock Availability
eCommerce Cart Page Web Design Checklist
28. Show All Fees Upfront
29. Provide an Easy Way to Update Cart Items
30. Include a “Return to Shop” Link
31. Upsell (Again)
32. Show Delivery Options
eCommerce Checkout Page Web Design Checklist
33. Strip Away the Navigation Menu
34. Break Up the Order Process Into 4 Steps
- The cart interface
- Customer name, details and delivery address
- Payment information
- Confirmation page
35. Offer several payment options
36. Security Badges
Do all (or most) of the above and you’ll avoid 90% of the mistakes. Test further from there to improve based on your individual product and situation.
PS. Or you can drop me a note if you want me to help you with all this.