The True Value of Product Page Design in Ecommerce Websites

Anyone online today, well almost anyone, has probably visited an ecommerce website and checked out their latest products.  The concept of a product page isn’t new by any means but the ways in which companies can customize these pages are always changing.  There is a refreshing movement in ecommerce website design and development happening these days and the product page is an underestimated area of ecommerce design considering that this is the page that customers reach and make the decision to buy or not to buy.

Below I’ve highlighted some examples of great product page design from various ecommerce sites and have weighted the pros and cons of each design.  Feel free to chime in with your own two cents about these designs as well as comments and criticism which are always welcome.  So let’s look at some ecommerce product pages and see what makes good design and not so good design on these pages…

Pros:

  • This product page uses large images to showcase the product
  • Uses red font color to draw attention to the price
  • Includes tabs that are easily accessible to customers to display features, product specs, accessories and reviews.
  • Includes a movie of the product in action
  • Allows the customer to flip through more large product images with a slide effect in the product image area of the page
  • Shows options for the product including contract length, colors and the ability to “email a friend”

Cons:

  • The design and style is somewhat “washed out”

Pros:

  • Larger image with the ability to zoom in and out to inspect the product
  • “Add to Cart” button is designed in an actionable color (in this case, red)
  • “Add to Wishlist” option is available to convert potential customers later
  • An option to up-sell customers on related products

Cons:

  • Too much negative white space
  • Product description uses a smaller font that could be harder for some people to read
  • “Add to Cart” button could be larger and seems to have been placed on the page without much thought

Pros:

  • Lots of excellent product shots
  • Has a Facebook ”like” option for social media marketing efforts
  • Graphical usability to select a size
  • Good use of space on the product page

Cons:

  • Pricing does not stand out and could be hard to find
  • The use of light colors seems to make it harder to navigate and find things on the page like emailing a friend

Pros:

  • The product description is a bit to general and it does not do too much to sell the product
  • Product price is very noticeable and shows the original cost so that customer can tell what they are saving

Cons:

  • The “Add to Cart” button is yellow which is not an an actionable color like red
  • Product image is an illustration and not an actual shot of the product
  • Product title and price are on the same line

Pros:

  • Large area for the product image with the ability to zoom in and zoom out to look at the product in greater detail
  • The ability to leave a product review
  • The ability to look at related products
  • Predominant product title and font

Cons:

  • Blue from the logo is repeated in the product page making it harder for key pieces of information to pop out on the product page
  • Product price, Quantity and “Add to Cart” button seem to thrown to the bottom of the page without a concern for how the customer is going to use the page

As you can see there are a lot things right about ecommerce design and a lot of things that always need improvement with respect to product page design.  The overall goal of an ecommerce website is to sell! Sell! SELL!  If companies expect their customers and potential customers to buy from them this is one area that if they focus on they can improve conversions and profits as well.

VN:F [1.9.10_1130]
Rate This Design:
Rating: 10.0/10 (1 vote cast)

Internet Marketing Critique #1

When it comes to promoting online sometimes originality wins.  I recently received an email from SitePoint, an online web development community, forums, marketplace and publisher of quality eBooks, talking about a promotion that they are running.

Now I don’t know how many people that are interested in design books and guides are also interested in the world cup but I thought it was an interesting enough online marketing idea that deserves discussion.

The purpose of the “This Cup” online marketing promotion is to sell e-books at a reduced rate through a series of rounds, similar to the real World Cup and as teams advance the e-book for that country advances as well until a winner is declared which the e-book is available for free for 24 hours.

Here is the landing page for this online marketing promotion…

So what makes this online marketing promotion successful?

  • Creates a sense of urgency – The smart thing about this online marketing promotion idea is that it has a beginning, middle and an end.  What it does for people is creates that “sense of urgency” to come to a buying decision quickly or they are going to miss out on the possibility of getting these e-books at a reduced prices.
  • Outlines the savings of the promotion – In aiding the potential customer to make that ever important buying decision this promotion also tells the buyer what they are saving and what they would be losing out on if they don’t buy
  • Sense of mystery – During each round the customer is not sure what will be on sale next so if there is an e-book that a customer wants there is no certainty that the e-book will be available in the next round.  Talk about an added sense of urgency.  It also adds the sense of mystery because you don’t know with 100% certainty that the e-book you are watching will be available.

  • Email Marketing List Development – Added to this page is an option to sign-up to “Follow the action” with round by round email updates.  This is definitely a clever way to develop your email marketing list further during a promotion and define a specific customer segment like “people who expressed interest in our e-books”.

  • Outlining the Rules of the promotion – It’s important with any online marketing promotion to have the rules and guidelines of the promotion clearly written, easy to understand and available on the landing page where the promotion is taking place.  Doing this helps tie together all the points I’ve listed above to creating a promotion that is going to sell and increase average conversion rates into outstanding conversion rates.

Where could this online marketing promotion improve?

There is really only one place where this online marketing promotion fails and it’s something that is relatively simple to fix.  If you go to an e-book and try to click on it to buy it you are re-directed to the top of the same page.  In order to buy the e-book you need to hover over a specific e-book and click on the link in the mouse over effect in order to buy the e-book.  It could be very frustrating to your average website user to achieve the main action of this online marketing promotion which is to buy e-books at a reduced price.

This doesn’t make this promotion a complete failure but it is something to note for your own online marketing promotion to make sure you understand how people are going to use your web page so that something like this doesn’t hold you back from having a successful online marketing campaign for your own products.

Comments are Welcome!

I am sure that while I touched on the main points and problems with this online marketing promotion you’ve got some comments on things that you saw wrong with this online marketing promotion.  Please share your thoughts about where you think this online marketing promotion was successful, where you think it failed and why you think it was either an overall success or a failure.

VN:F [1.9.10_1130]
Rate This Design:
Rating: 0.0/10 (0 votes cast)

Web Usability Case Study of Sauder.com

When my wife and I recently purchased a TV stand for our new house we did what most couples first do.  We took a trip to the local department store (Sears, in our case) and walked around, tested out and looked at furniture.  After we got our TV credenza home and I had spent the better part of an evening putting it together I realized that some of the parts were missing from the box.  Talk about frustrating!

Naturally, it bothered me because I wanted to finish putting it together that evening.  I later went back to Sears, who told me that contacting the manufacturer would save me time and would take 3 days if I contacted the manufacturer, Sauder, directly compared to 3 weeks if I went through Sears.  I was being given me the “run-around” because Sears wasn’t willing to support a product that they sold to me.  That was the bad part of the customer service experience that I received now let me get to the exceptional customer service experience that I received in the most unlikely of places… online!

case_study_sauder_01

I typed in “Sauder.com” and hit enter. After navigating to the “Repair Part Ordering” page I entered the model number of the piece of furniture and my postal code and clicked “Next”.

case_study_sauder_02

They then asked for the parts that I needed to replace, the quantity and the reason for replacing them which lastly took me to a page to fill out my order information including address, name and the rest of my details.

case_study_sauder_03

Now by this point in the process I was thinking that it would take a while before what I’ve done online would translate over to their “bricks and mortar” business that Sauder has in place.  I was wrong.  Maybe that’s just me being skeptical but I always assume the worst with online business processes like this simply because they don’t always work and when they do most times it’s not that optimal.  So was I surprised when I received an email that they received an email saying that it was being shipped out and literally two days later a package showed up at my front door from Sauder.com including the missing parts that I needed to complete my TV credenza.

case_study_sauder_04

I want to add that I never talked to a physical, real live person at Sauder but it didn’t matter because they gave me the best customer experience I’ve received in the next little while.

This should be a lesson to all business owners and entrepreneurs out their wondering what makes a good business, great.  Let me break down what made my customer experience a success using Sauder.com and why I would buy from this company again…

  • They delivered what they promised – Online businesses and online business channels of companies take note.  Customers that come to your website expect to be served, they expect to find the information that they are looking for and they also expect to find a way to contact you should they need it so as a business you need to make this a simple process.  All too often, companies get caught up with the latest and hottest looking website only to realize that their customers hate it and don’t use it.  Talk about a waste of money, resources and of course lost profits!
  • They support what they make – Sauder.com didn’t make me jump through unnecessary hoops or buy an extended warranty to anything like that.  This is how it should be when you go online and you are dealing with a company.  It added to my experience as a customer and not my frustrations.  If your company makes or sells something you need to support it.  I wouldn’t go back to Sears because even though they sold me a TV credenza, when I had problems with it they pointed me to the manufacturer and turned their back on me.  In other word, they didn’t support my problems when I had them and didn’t provide any service past selling me the product.  In the future I will deal directly with Sauder because they know how to treat me as a customer; they value me and my business.  They even sent a letter with the replacement parts apologizing for any inconveniences and that I thought was a great touch.
  • They had the business systems in place to support my request – Again, another fundamental that companies don’t always get right.  In order for my request to get from the website where I placed it to the person who picked the order and shipped it took a great deal of business systems working together in unison, people trained to understand their role and the systems and the parts needed for the shipment.  Sure, it needed more than this but I am just making the point that they (Sauder.com) have optimized their online business process to work more efficiently and effectively with their physical business.  It’s not an easy task but they made it look flawless.

I know that I normally don’t take an approach to talking about business but I think that it is worth talking about how the web and various web technologies can help standard brick and mortar businesses become more efficient and help businesses deliver more effectively on their goals and it turn keep their customers whether direct or indirect happy and coming back for more!

My experience dealing with Sauder was great, especially in terms of the customer experience that I had online (I didn’t talk to a physical person at Sauder) and my experience dealing with Sears left me feeling that they didn’t care about me past the sale of the product (This was a “face to face” customer service experience where I was pretty much “shown the door” even though I wasn’t threatening; just the average consumer looking for some help with a product I bought).

I had both extremes of customer service but I am sure that I am not the only person that this has ever happened to and unfortunately I am sure I also won’t be the last.  Feel like sharing your experience as a customer that involved the use of a company’s online tools?  Tell us what you liked or didn’t like about the experience, I am sure we could all learn something about business and successful or unsuccessful online business systems and website.  How did it leave you feeling at it was all said and done? And, what would you do different next time or improve?

Luc Arnold

“Have you had any good or bad customer experiences online?  Tell me more…”

VN:F [1.9.10_1130]
Rate This Design:
Rating: 0.0/10 (0 votes cast)