Online store design: from categories to checkout

Online store design should help people find products, evaluate their features and place an order. Appearance is part of that journey. Build the structure around real inventory and product selection rather than a blank template with sample names.

Categories and search

Category names should match how people search, while filters reflect decision-making features. Test products in several categories and searches with no results. Empty states should offer a next step. On mobile, filters should not obscure comparison information.

Product pages and variants

Show accurate images, price, availability, variants and delivery information. Details must remain consistent after a variant change. Copy should explain differences relevant to the purchase. Photographs help assess appearance but do not replace dimensions and specifications.

Basket and checkout

Before confirmation, show products, quantities, delivery and total costs. Test basket changes, form errors and payment returns. Customers should understand what happened and how to continue. Preserve entered information when a recoverable error occurs.

How should the live design be assessed?

Place test orders in the appropriate test mode on desktop and mobile. Check messages and order details. Later, assess journey stages and user reports. Design does not guarantee sales; traffic, price and the offer’s terms matter too.

Project checklist

• Find a product without knowing its exact name.
• Change a variant and check its image, price and availability.
• Test unsuccessful and successful ordering in test mode.