Product Collection
Sticky filter sidebar, sort toolbar and product grid — with the facets dropped rather than stacked on mobile, so a shopping page does not open as a form.
Storefronts, product pages, cart and checkout as whole screens.
Storefront UI is a sequence, and the leaks are at the joins: a product page that forgets the variant on the way to the cart, a cart that reveals shipping at the last step. These are composed screens for the whole sequence — listing, detail, cart, checkout, confirmation — so the joins already line up.
Sticky filter sidebar, sort toolbar and product grid — with the facets dropped rather than stacked on mobile, so a shopping page does not open as a form.
Gallery, sticky buy box, details accordion and reviews — ordered by what a shopper needs before they can decide.
Address and payment with the site navigation stripped and the order summary moved above the form on mobile — both aimed squarely at completion rate.
Editable lines beside a sticky summary, so the total and the checkout button survive a scroll through four quantity changes.
The post-purchase screen, with navigation restored and a rail that shows what to buy next rather than what was just bought.
Order history in the settings shell rather than a second sidebar layout — an account area and a settings area are the same shape.
The page between a listing and a product detail, with the two questions a comparison table alone cannot answer: will it fit, and can I actually have it.
Checkout for the buyer who will not fill in a form: wallet buttons above the fields, and the address a wallet returns shown and changeable before the charge rather than after it.
For the customer with an order number and no account — a lookup, an arrival range rather than a promised date, and the review form where the "how did we do" email actually lands.
Checkout, all five screens of it
The whole purchase funnel: collection, product detail, bag, checkout, confirmation and an account area. Seven routes, no commerce SDK.
Carts, address forms, payment steps and order summaries.
Grids, filter rails, galleries, variant pickers and buy boxes.
Order history, tracking, returns, ratings and help centres.
Top bars, mega menus, mobile drawers and app sidebars.
Not found, server error, maintenance, offline and permission walls.
Whole pricing screens — tiers, comparison, FAQ and the close.