Page Designs

998 ‘Product List’ Design Examples

Also referred to as: Product Listings Page, PLP

What’s this? Here you’ll find 998 “Product List” full-page screenshots annotated with research-based UX insights, sourced from Baymard’s UX benchmark of 256 e-commerce sites. (Note: this is less than 1% of the full research catalog.)

E-commerce product lists and their filtering and sorting tools determine how easy or difficult it is for the user to browse the site’s product catalog. The product list effectively dictates product presentation and provides the pathway to the right (or wrong) product page. During our large-scale usability testing, solely the design and features of the product listing page impacted users’ success rate in finding products they wanted to purchase by up to 400%. Product Lists are sometimes also referred to as “Product Listings Page” or abbreviated “PLP”.

998 ‘Product List’ Page Designs
Filter by:

User Experience Research, Delivered Weekly

Join 60,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter
See all 998 designs

User Experience Research, Delivered Weekly

Join 60,000+ UX professionals and get a new UX article every week.

A screenshot of the UX article newsletter

Explore Other Research Content

300+ free UX articles based on large-scale research.

256 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.

Sign up to access this resource

Sign up to Baymard and get access to 150,000+ hours of UX research and Best Practice Guidelines, backed by real user data.

Curious to find out what Baymard can do for your team? Start exploring 5% of our research, including 50 Best Practice Guidelines, with a Free Plan today!


Have any questions? Email us at support@baymard.com