Store category navigation ↗
Small catalogs often benefit from a direct product list. Larger catalogs can use category hubs to help customers choose a direction.
Find guidance for the task
you want to improve.
Search for a shopper problem, choose a task or explore articles referencing a storefront design. Each article explains data sources, boundaries and what to test.
8 of 87 articles
Search matches Norwegian and English text. A design reference does not mean every feature is implemented; read the example boundary.
Search, categories and product lists ↗
7Product search and zero results ↗
An empty search result should offer relevant ways forward. Shoppers need to revise their search without restarting their visit.
Collection filters and variant matching ↗
Show applied filters and result counts. Allow multiple choices within a filter group so, for example, either of two colors can match.
Mobile filters: apply and cancel ↗
A separate mobile filter interface should let shoppers make several selections and apply them together with a clear, easily reachable button.
Product cards: price and decision attributes ↗
Show prices and key attributes on the card. Group variants into one product card and preserve the shopper’s place when returning from a product.
Breadcrumbs and return to product lists ↗
Separate category hierarchy from the previous results list. A return action should preserve query, filters and sort.
Product sorting with reliable data ↗
Sorting should fit the shopping task. Price, recency, popularity and ratings each need their own data.
Store SEO and content structure ↗
1Store SEO: categories, titles and URLs ↗
Each page should serve a clear task. Use readable titles, links and stable category URLs; avoid indexable pages for every filter combination.