Page Designs

40 ‘Custom Listings Page’ Design Examples

Also referred to as: Recipe List, Meal Kits Recipe List, Map Listings, Travel Accommodation List

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

“Custom Listing Pages” covers a collection of industry-specific listing page designs, e.g., “Recipe List” and “Map Listings”. How a product list effectively dictates product presentation and provides the pathway to the right (or wrong) product page the same is valid for custom listing pages.

A balanced product list design provides users with a better overview of the products available and helps them more accurately determine which products to investigate further — essentially, whether a list item’s product page is worth opening or if it should be skipped. These are just as valid for custom listing page designs with their list items and their elements. Therefore, product listing page guidelines also cover most of the implementations for custom listing pages, and the industry-specific elements that are unique to Meal Kit sites and Travel Accommodations sites are catered by industry-specific guidelines.

More ‘Custom Listing Page’ Insights



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.

251 top sites ranked by UX performance.

Code samples, demos, and key stats for usability.

Add UX Best Practice Cards to your Figma projects.