Commerce / Saffron Origins

Culture, carried into commerce.

An apparel storefront with product choices that stay clear from selection to cart.

Contribution: Storefront design & engineering
Project: Studio project
Explore: commerce / product options / cart

Try the interaction

Choose a colour. Find your fit.

Hands on

Saffron Origins — interactive reconstruction preview

Reconstructed interaction · sample data

Interactive reconstruction · sample dataNo account needed. Nothing is sent.

How this works ＋

Keep product options and the cart summary in the same state model. The reconstruction uses a sample tee and shows unavailable combinations as an explicit state.

The boundary. The current public store sells apparel. This demonstration uses sample inventory; production availability must be checked against Shopify.

Inside the build

The problem worth solving.

Apparel shoppers need to understand the selected size, colour and quantity before adding a product to their cart.

A considered approach.

Keep product options and the cart summary in the same state model. The reconstruction uses a sample tee and shows unavailable combinations as an explicit state.

Design decision

The current public store sells apparel. This demonstration uses sample inventory; production availability must be checked against Shopify.

Project in context