Windcraft

10 patterns

Ecommerce page patterns

The storefront flows — product lists, product detail, cart, checkout, order history. Patterns define the layout and states a store needs to convert.

Product listStorefront catalog — grid of products with filters and sort.
Product detailSingle product page — gallery, variants, stock, add-to-cart, reviews.
CartCart page or drawer — line items, totals, checkout CTA.
Checkout — shippingStep 1 of physical-goods checkout. Address + shipping method.
Checkout — paymentStep 2 of physical-goods checkout. Payment method + billing.
Checkout — reviewFinal review before order placement. Shows everything in summary form.
Order confirmationPost-checkout success page. Shows order number, summary, next steps.
Order historyList of user's past orders. Filter by status, search by order number.
WishlistSaved products for later purchase.
Search resultsResults page for site-wide search query.

Related

Auth page patterns
Onboarding page patterns
Billing page patterns

Build ecommerce page patterns on your system.

Get started