3 Rule-breaking Product Pages, Designed for Conversions


Most ecommerce platforms have a normal format. Their product web page designs are comparatively typical, with a left-to-right show and a dominant picture. Calls-to-action virtually all the time seem close to the highest, particularly on cellular.

However the norm isn’t all the time one of the best. Manufacturers that perceive their audiences can defy conference and leverage prime actual property to spice up conversions.

Let’s have a look at three on-line shops which are breaking the product-page guidelines.

3 Product-page Rule Breakers

Hen Rock Espresso Roasters is aware of what’s necessary to prospects. So it supplies essential elements above the CTA — for desktop and cellular — together with the bean’s progress altitude (which correlates to acidity) and the roast degree. This helps buyers make immediate shopping for selections. Hen Rock realizes that choosy espresso drinkers usually worth specifics over value.

Bird Rock Coffee Product Page - featuring a chart for altitude and roast level

Inserting particulars above the CTA is sensible when it drives the acquisition. Supply: Hen Rock Espresso Roasters.

The picture above is on a desktop. In a traditional cellular view, buyers need to scroll two or extra screens to achieve the CTA. However not for Hen Rock. Even on cellular, Hen Rock locations essentially the most sought-after particulars above the CTA, reducing the chance of buyers trying elsewhere for solutions.

Nixon, a way of life accent model, delivers totally different experiences on cellular and desktop. On desktops, it locations product imagery within the heart of the web page, between the outline and CTA. However on cellular, the principle picture shows first, adopted by product choices, add to cart, and outline.

The desktop view facilitates studying left to proper, showcasing key causes to purchase. Each views present thumbnail photos of every variant to hurry up selecting a colour and materials configuration.

Nixon watch product page, featuring a large image of a stylish watch

A 3-column product-page desktop format lets Nixon.com spotlights the principle product photos.

Gymshark, which sells health attire and equipment, focuses on product photos. On a desktop, grids of pictures (and typically movies) take up the complete left facet. On cellular, thumbnails are giant sufficient to see core particulars. With a set CTA on cellular, buyers solely want to take a look at the underside of the display so as to add the product to the cart.

Displaying extra photos robotically with simple enlarging reduces clicks and swipes, reducing abandonment and rising conversions.

Gymshark backpack product page, showing several product use images in a grid

Gymshark spotlights a number of product views on desktop and cellular.

What Drives Consumers?

Tens of millions of ecommerce websites look eerily related. Retailers ought to take into account their viewers’s needs and behaviors to distinguish from rivals. Warmth and monitoring maps can present precious perception into the place guests depart. Detailed analytics inform us actual stopping factors within the conversion course of.

Reassembling product pages requires a steadiness of design, performance, and shopper expectations. And product kind performs a giant function. A way of life firm has totally different challenges than one promoting energy instruments.

When wireframing new product web page layouts, take into account:

  • Important vs. secondary product photos. Emphasize essentially the most compelling photos, equivalent to alternate views and context-of-use.
  • Information that drives the acquisition resolution. Something introduced above the CTA ought to information the consumer to purchase or not. For carry-on baggage, it’s wheel high quality, distinctive options, and dimensions. For espresso, it’s the acidity and roast degree. However not all merchandise want info close to the highest, so consider case-by-case.
  • Time- and action-saving options. The most effective layouts current the required data within the least quantity of house, with loads of respiratory room. Remember that popups and popovers require clicks and faucets.
  • How your viewers decides. Some people buy wallets primarily based on performance; others worth value. You possibly can current the proper info by understanding the rationale buyers buy particular gadgets.

Don’t be afraid to experiment with product web page variations. Begin by inviting loyal prospects to critique proposed layouts. Then comply with up with reside A/B testing. Take copious notes and annotate your analytics device.


Please enter your comment!
Please enter your name here