1327 ‘Product Page’ Design Examples
Also referred to as: Product Details Page, PDP
What’s this? Here you’ll find 1327 “Product Page” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 280 e-commerce sites. (Note: this is less than 1% of the full research catalog.)
The Product Details Page (or just “PDP”) can be difficult to get right. It’s typically a ‘template’ reused for every single product on the site (despite the individual products varying greatly in style and popularity), while at the same time any vendor-supplied product data and images often vary greatly in amount and quality. On top of this, it’s often on the product page where users make up their mind on purchasing the item or not. Hence, we’ve observed that even small UX issues in a site’s product page implementation will often cause direct site abandonments.
More ‘Product Page’ Insights
User Experience Research, Delivered Weekly
Join 60,000+ UX professionals and get a new UX article every week.
User Experience Research, Delivered Weekly
Join 60,000+ UX professionals and get a new UX article every week.
Explore Other Research Content
300+ free UX articles based on large-scale research.
280 top sites ranked by UX performance.
Code samples, demos, and key stats for usability.