Recently, we helped an online book store to double their performance. We improved the visitor to buyer ratio of their mobile product pages almost twofold.
Typical mistakes for product page design
Here are 8 typical mistakes we see in product page design:
Not looking at mobile firs
Not using the space very well
Not putting all crucial buying info above the fold (even on mobile)
Hiding the buy button
Having other buttons – like a wish list button – more visible than the buy button
Information presented in an un-organized way
Though most us use our right hand (about 90%) having the buy button on the left-hand side
After pressing the add-to-cart button, it is difficult to go to the next step in the checkout process
Here is what our clients’ product page looked like on a mobile device:
Take a look here: https://www.obeliskboeken.nl/shop/cirkel-doorbroken-thea-terlouw/
How we came up with this design
We took all this information and created a brief for our designer. He was then able to come up with a first design for the front-end developer. He then made it into a new working product page with an addition to the checkout process.
An addition to the checkout process?
We noticed that the eTailers used a modal popup asking whether the user wanted to check out or not. This made a lot of sense to us. A mobile device experience should be very actionable, ie. See the book, buy the book, checkout. And that’s the experience we wanted to recreate for our client’s users.
After a few days we compared the results in Google Analytics. We paid close attention to the following relationpairs:
Products added to cart vs product detail
Sales vs. product detail.
Hello! My name is Feisal. I’m your personal online marketing manager. I would love to share some I ideas… Interested in a informal conversation?