Retail product configurator demo

Design a custom garment. Send it to the mirror.

A touch-first kiosk and iPad flow modeled on food-ordering simplicity: demographics, silhouette, details, fabric pairing, cart pricing, and a mock Smart Mirror handoff.

Retail KioskGuided build · 5 steps
1. Demographics
2. Silhouette
3. Details
4. Prints
5. Cart
Total updates liveS$218
1. Configure on kioskPick the garment, fabric, and pricing in a touch-first flow.
2. Push live stateSelections emit a mirror-ready payload with customer and garment data.

Five taps from walk-up to mirror preview.

This prototype keeps the retail journey obvious: large touch targets, one decision per screen, immediate price feedback, and a clear cart handoff.

Select age & gender

Step 1 of 5

Built for kiosk hardware, iPad sales assistants, and the in-store mirror.

The demo shows the production integration shape: a shared configurator state, priced cart payload, and event-driven Smart Mirror overlay.

Touch UILarge controls, no-instructions-needed flow, kiosk timeout recovery, and iPad-safe responsive layout.
Configurator CoreSilhouette, component, and fabric compatibility rules with live 2D garment rendering.
Pricing + CartMulti-piece order state, reversible print uplift, component surcharges, and checkout handoff.
Mirror APIREST/WebSocket event payload containing customer profile, garment vector, print assets, and cart line ID.

Demo features tailored to the job brief.

A lightweight but credible slice of the requested product, suitable for proposal outreach and stakeholder review.

Food-ordering style UX

Sequential screens reduce choice overload and make the flow suitable for public retail kiosks with minimal staff instruction.

2D garment rendering

Fabric pairings update on a live silhouette. The same state object could later drive higher-fidelity vector or 3D assets.

Mock WebSocket event

Proceeding to mirror emits a realistic payload and updates the mirror overlay, proving the integration contract early.