Paul Rogers

eCommerce, Digital & Magento Consultant

October 3rd

Top 20 eCommerce Product Detail Pages

Having done a tonne of research for a recent M2 project and a couple of front end design projects in the last year or so, I came across many strong designs, some really cool functionality plus some sites that just seem to ‘get it right’ on both sides. While homepage and product listing pages were mostly following a very similar formula, product detail pages really stood out to me – some from a pure eCommerce point of view following best practice rules religiously – Astley Clarke, Missguided &  Whitsles for example – and some by being adventurous like MAC, Reformation or Mykita. Here’s a list of my top 20.

Astley Clarke

This product detail page ticks many ‘best practice’ boxes – compact in size with not too much scrolling required it packs in standard product description & details content plus recommended products, customer reviews, product Q&A and user generated content.

www.astleyclarke.com

Built with Magento

Sonos

A long but content rich product detail page, Sonos have gone to a lot of detail combining technical info with beautiful photography, video and blog content creating a really high end experience.

www.sonos.com

Built with Demandware

Missguided

Simple, functional and to-the-point page perfect for their young, fast fashion audience. Nice use of product video and shop the look quick links plus looks great on mobile.

www.missguided.co.uk

Built with Magento

Tangle Teezer

Great use of full width product photography and custom content blocks on each product page demonstrate they know their audience. Plus a customiser tool means you won’t get bored on this site.

www.tangleteezer.com

Built with Magento 2

Birkenstock

Functional and clean, the birkenstock.com product pages follow the longer page template we have been seeing in the last few years which means they are able to include additional elements such as the product construction guide and user generated content.

www.birkenstock.com

Built with Demandware

Réard

Really considered, delicate design. The illustrated, interactive size guide is a highlight.

www.reard.com

Built with Spree

MAC

This page ticks all the boxes in terms of product page features and content and also has a ‘designed’ feel which really enhances the experience. The swatch selector and user reviews are really strong.

www.maccosmetics.com

Platform uknown

Burberry

A sleek, luxury experience, favourites include the product image gallery layout, the interactive size finder and the packaging content block.

www.burberry.com

Built with Oracle

Deciem

An unusual product detail page, all content sits above the fold with some accordion elements storing product descriptions and user reviews.

www.deciem.com

Built on a bespoke platform

Mykita

A cool ‘layered’ design with interesting scrolling functionality and product videos.

mykita.com

Built with Shopware

Nasty Gal

Another fast fashion, young retailer, Nastygal’s product pages feature big, impactful images and plenty of matching ‘complete the look’ options.

www.nastygal.com

Built with Demandware

See’s Candy

Another ‘above the fold’ product page, the main feature is the customer reviews which seem to be the driving element for conversion and are extremely positive.

www.sees.com

Built with Demandware

GStar Raw

Another long layout page, this G Star Raw product detail page integrates additional content pieces including a very slick product construction animation, a graph detailing where the product was made and a fabric wash & care guide.

www.g-star.com

Platform unknown

Boosted Boards

A less ‘designed’ product detail page focusing more on technical spec of the product. Highlights include the comparison feature allowing you to decide on spec without leaving the page; and the ‘what’s in the box’ section.

shop.boostedboards.com

Built with Shopify

Forzieri

Really slick UX throughout this site, the product detail page stands out thanks to an interesting take on product image gallery, custom promotional flags and a dispatch time estimate.

www.forzieri.com

Platform unknown

Reformation

Another full width layout, the strongest features of the Reformation product detail page have to be the ‘RefScale’ environmental impact index and the waitlist email sign up.

www.thereformation.com

Platform unknown

Whistles

The high street retailer’s product page include a wealth of information including ‘Style Tips’ encouraging you to ‘shop the look’ and the option to check stock in store using a post code look up.

www.whistles.com

Built with Demandware

Lush

A really creative product page, favourite features include the product demo videos running in the background, the ingredients feature and the reviews which take up most of the page.

www.lushusa.com

Built with Demandware

Tinker

An elegant & minimalist design, the page feels more like a product moodboard but still manages to highlight the key features and benefits of the product. Highlights include the related product selection using lookbook as opposed to standard still life photography and moving product detail images.

tinkerwatches.com

Built with Shopify

Glossier

A great mix of product, model & lifestyle photography paired with detailed product descriptions, the elements that really stand out are the product subscription option (as opposed to a one-off purchase), the best and worst customer review plus stats on age and skin type of customers who have bought the product.

www.glossier.com

Platform unknown

partners