Anatomy of a CATEGORY PAGE

How to create a ECOMMERCE CATEGORY PAGE

Ecommerce category pages are essential for directing customers to the appropriate products, helping them navigate the site, and even encouraging them to check out items that aren’t on their shopping list.

Elements that cannot be missing.

Grid or list view?

Grid view allows product images to be the center of attention and facilitates efficient browsing behaviors.
Use list view for spec-driven products.

  • Grid view allows product images to be the center of attention and facilitates efficient browsing behaviors.

Use list view for spec-driven products.

Number or products in a list

Inform users of the total number of products in a list so they know what to expect as they begin browsing.

Filters

Filtering is about empowering users to take a large, generic product listing and narrow it down to a small, manageable selection of products that are uniquely tailored to their needs and interests.

  • Use list view for spec-driven products.

Product comparison tools

E-Commerce “Compare” tools allow users to select products and view side-by-side sheets of their specifications.

  • Should be displayed on the product list, as they best complement the search journey and browsing behaviors here.