Head to Head: Product Page Design From Top Online Retailers

Comments

1. 1.

   Angus (July 25th, 2010, 8:20 am)

   More interesting would be to datamine Big Commerce sites and let us know who has the best conversions so we can all learn. There are well known sites out there converting in the 20% range and one consistently in 30% to 50%. Like to know how this compares to Big Commerce sites and you could even tell us which of your provided templates converts best.

   [Reply]

   

   Mitchell Harper Reply:
   July 26th, 2010 at 7:23 am

   Great idea Angus, I’ll see what our team can come up with.

   [Reply]

   

   David Lipschitz Reply:
   July 27th, 2010 at 11:54 am

   I also like this idea.

   Note that I’ve found that many people are visiting my web page, but not filling in the form and not buying.

   I note that when I show someone the product they usually buy it.

   How can I “show” the people the product online? I have added videos to my web site.

   [Reply]

   

   Mitchell Harper Reply:
   July 27th, 2010 at 10:14 pm

   Hi David. YouTube is the best way and you can easily add a YouTube video to a product description in BigCommerce by clicking the “video” button on the WYSIWYG editor.

   [Reply]

2. 2.

   Don Rudisuhle (July 25th, 2010, 11:06 am)

   Hi Mitch,

   From my perspective, the most appealing storefronts are:

   Amazon
   Audible
   Deals Direct
   Sony

   This due to the prominent placement, size and color of the Add to Cart button.

   The least desirable storefronts were:

   Dell
   Macy’s
   Neiman Marcus

   This is because with a 5-second scan of the page, I was not able to discern the presence of an Add to Cart button or how otherwise to buy the product. Some had too much colorful clutter competing for your attention.

   We are very impressed with BigCommerce and are looking forward to going live with our new store, Cryptocritters. We have been selling on eBay, eCrater, Etsy, CafePress and Zazzle for years and we think that the powerful marketing tools you provide and going to make a big difference in our business. Your instructional videos have been especially useful.

   The main impediment to finishing our store has been the need to dedicate the majority of our time to the activities that actually bring in the cash to pay the bills. I just recently returned from a consulting assignment in Armenia.

   We are wondering if we should delay the deployment of our store until BigCommerce Version 6 is available so we don’t have to make a lot of changes later….

   Don Rudisuhle
   Cryptocritters LLC

   [Reply]

   

   Mitchell Harper Reply:
   July 26th, 2010 at 7:24 am

   Hi Don. It’s up to you. If you need some of the new features it won’t be a long wait. If not you can go ahead and launch whenever you want to. Regardless, it’s easy to upgrade when the new version does come out.

   [Reply]

3. 3.

   IRON-ONS"R"US (July 25th, 2010, 11:18 am)

   I like the above Product Detail Page the best

   [Reply]

4. 4.

   tsi chien hu (July 25th, 2010, 2:43 pm)

   I would definately say the ZAPPO’S and DEAL direct

   It is near the pricetag and cannot be missed.

   [Reply]

5. 5.

   Jack (July 25th, 2010, 7:25 pm)

   I have to say Amazon and Dell I find quite hard to navigate. In particular Amazon generally has too much content on their pages and it’s probably in fact one of the worst sites to navigate around. Sears.com stands out well and DealsDirect.com – On the contrary Audible.com has too much content as is quite messy. I see what your getting out – we should give it a try.

   [Reply]

6. 6.

   Lenny (July 25th, 2010, 11:50 pm)

   Mitchell! they probably don’t have your expertise!

   [Reply]

7. 7.

   Julie R. Bechthold (July 25th, 2010, 11:53 pm)

   Interesting how UNcluttered most pages have become. I would think people still want MORE information about a product that they cannot hold physically, touch, smell or possibly even judge size (by sight of the image alone), not less.

   I also find it interesting that Walmart.com, Macys.com and NeimanMarcus.com do NOT have an “Add To Cart” button, (of any color), above the fold (or at least not on the part of the page we can see, above)!

   Also, kind of fascinating to see how most of the retailers, above, went with ‘opposite’ colors, on the color wheel, or ‘complimentary’ colors to make the button stand out more. Even when it made the sight not look as ‘pretty’ as it may have been.

   Now, I just wonder what their individual conversion rates are, while keeping in mind those things mentioned above.

   Very interesting, “half a”, case study!

   Thanks for reminding me to think this way. I tend to want to make the websites look ‘designed’, color theming them instead of using complimentary colors to make things POP, which I obviously need to remember to do more of!

   Thanks again,

   ~WebBiz

   P.S. We just got our store up, and running properly, now it’s time to refine our design. Thanks for the reminders!

   [Reply]

8. 8.

   Deborah Robinson (July 26th, 2010, 8:23 am)

   Dell and Walmart are the only designs I really don’t like. Neiman Marucs and Myer are boring.

   I’d be interested in knowing whether left-handed people also prefer the ‘Add to Cart’ button on the right hand side of the page? Is it because we read from left to right or because most people have the mouse on the right-hand side of their computer?

   [Reply]

9. 9.

   James (July 27th, 2010, 8:46 pm)

   I cant seem to find the ‘add to cart’ logo on the BigCommerce templates. Is this something we have to install ourselves (or am I missing something quite obvious!). Thanks.

   [Reply]

   

   Mitchell Harper Reply:
   July 27th, 2010 at 10:11 pm

   Hi James. Do you mean the add to cart button? They’re on all product pages and other areas of the template such as the home page.

   [Reply]

10. 10.

    Dawn (July 28th, 2010, 9:25 am)

    Hi – Neiman Marcus is definitely the worst of the lot. I’m all for simplicity of design, even to the point of wanting it ultra clean – but not so far as to eradicate the ‘buy’ option from sight.

    Meyer, Sears, Zappos were my picks (can you tell I hate busy pages?), followed by Shoes and Ezibuy. All have easy to find buy buttons.

    I do like the super clean look of the N.Marcus site and would love to see a template option that offers a similar, non-intrusive, zen-like atmosphere so that the product photos are the most prominent thing. Do let me know when you guys add one….

    I’m currently setting up our twin sites under CanadianCalibreInc and CCIshop – so far the Big Commerce software is handling our rather particular needs rather well and we’re looking forward to launching towards the end of August, if all goes as planned.

    Dawn.

    [Reply]

11. 11.

    Roger W. (July 28th, 2010, 5:23 pm)

    Mitch,

    Is it possible to have two “add to cart” buttons on a product page. A button above the fold and a button at the bottom so the customer does not have to scroll back to the top after reading content or watching a YouTube video?

    Can you change color, size and placement of the “add to cart” button in BigCommerce?

    Roger

    [Reply]

    

    Mitchell Harper Reply:
    July 28th, 2010 at 6:29 pm

    Hi Roger. It’s possible but honestly I wouldn’t recommend it. Customers are accustomed to certain elements being placed in certain locations and none is more important than the Add to Cart button. Also if your products have variations they would have to appear with the second add to cart button as well which would mess up your layout in my opinion.

    You can change the layout, etc of the button with CSS, sure. Here’s an article to help you out: https://support.bigcommerce.com/questions/920/Can+I+Customize+My+BigCommerce+Template+using+HTML+%26+CSS%3F

    [Reply]

12. 12.

    Simon (July 29th, 2010, 5:12 am)

    Traditionally the best converting add-to-cart button is the large, orange one as close to the price as possible. Interesting to see the add-to-cart button in the upper right hand of the page becoming more popular. I think it was getelastic.com ecommerce blog where I read a test on that and the results suggested a better conversion rate. One to test ourselves… Mitchell just quickly are you guys seeing much activity on the wibiya bar?

    [Reply]

13. 13.

    Arielle Phan (July 29th, 2010, 2:34 pm)

    Hi Mitchell,

    I’d love to suggest ModCloth. Although it is not a big name like Macys but the sales and growth is amazing. True story of real start up: from 2 person to a small company that has about $1 mi in sales every month. They were featured on BusinessWeek as one of Best Young Tech Entrepreneurs 2010, 2009.

    Long story short, in 2009, they had about 2 mi unique visitors per month. Their front design is like most of other stores like Forever21..:
    http://www.modcloth.com/

    However, when it comes to SHOP section, they stand out! Why? Check this out:
    http://www.modcloth.com/store/ModCloth/Womens/Dresses/Razz+Time+Dress

    1. Big Description/Measurement section next to also Big Picture. (also nice, personal, engaging description)
    2. Right below the title is engaging tools: not just Sharing buttons but also Love Button which serves like a list for the buyer/member of the site. This helps big time! Just like on etsy, you add an item to favorite (love list)
    3. Be the buyer section: This is what set ModCloth apart from every other competitor. It is another way to keep the audience engaged and help the buying department: no more left over inventory, customers have a say in your stock!

    I wanted to implement this to my site but I don’t think a static page can do its justice since it needs many features: inserting from my product list, voting plugin etc. So I hope BigCommerce can take this into consideration

    4. Huge Add to Cart, Add to Wish List, Add to Other wishlist: Amazon etc
    5. Recommended Items are right below “Add to Cart”
    6. Under Review, another reminder for customers: “Related Items”, “Recent Views”

    [Reply]

    

    Mitchell Harper Reply:
    July 31st, 2010 at 12:00 am

    Hi Arielle. Very nice – thanks for sharing.

    [Reply]