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.
7 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 ↗
1Product selection, images and information ↗
2Product images, thumbnails and zoom ↗
Thumbnails show what additional images contain. Make them accessible on mobile too so shoppers can discover the other views.
Colors, sizes and variant selection ↗
Visible size buttons make available and sold-out sizes easier to discover than a closed dropdown.
Cart, checkout and payment ↗
3Cart quantities, removal and undo ↗
Plus/minus paired with a number field makes quantity changes easier. Update totals automatically and let shoppers undo a removed line.
Edit cart size or color without starting over ↗
Let shoppers correct a variant without removing the item and finding it again. Preserve quantity when editing.
Recheck availability before checkout ↗
A saved cart is an intention, not a stock reservation. Explain changed purchasability before payment.
Order confirmation and follow-up ↗
1Order confirmation and next steps ↗
After purchase, optional engagement can be offered without interrupting checkout. Explain concrete benefits of optional actions.