Page Types Overview

Category Page

34 design examples manually annotated by Baymard researchers

What’s this? Here you’ll find 34 annotated “Category Page” design examples from Baymard’s UX benchmark of 60 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)

Category Pages are typically used only for broad top-level categories that are so broad it doesn’t make sense to show users a product listing page. On mobile sites, these pages are particularly difficult to design, as the small mobile screen makes it difficult to simply scale down the desktop design and get good results, where users are provided with a decent overview of all the subcategories within the top-level category.

More ‘Category Page’ Insights

  • Beside these mobile Category Pages we’ve also benchmarked the desktop versions; see the 74 desktop Intermediary Category Page examples.
  • Learn More: Besides exploring the 34 mobile “Category Page” design examples below, you may also want to read our related article “The State of Mobile E-Commerce Search and Category Navigation”.
  • Get Full Access: To see all of Baymard’s 246 mobile research findings you’ll need Baymard Premium access. (Premium also provides you full access to 49,000+ hours of UX research findings, 700+ e-commerce UX guidelines, and 57,000+ UX performance scores.)