OrientMake the wait legible
Loading State
Transparent progress for inventory, fit, bundles, and delivery checks.12 stores
Checking Riya’s size nearby
Matching size L across 12 stores
Manali · Jan 18–27Commerce UI · Open letter No. 01
To
Product designers
building AI commerce
Dear product designer,
Commerce should feel like care in transit.
Twenty small interface primitives for discovery, decisions, checkout, and support—written as one open letter about making AI-native shopping more transparent.
20interaction patterns4shopper moments1trust principle
With care,Riya
OrientReasoning without theatre
Thinking
A calm pause that shares the decision being considered.WarmthFitTiming
Weighing warmth against packability…Using Riya’s trip, saved size, and budgetOrientAnswer in useful pieces
Streaming Response
Let the recommendation arrive in a readable, stable rhythm.Riya, I’d choose Northline’s Cloudline Jacket. It gives you the wind protection Manali needs without adding another bulky layer.
Riya’s saved size runs slightly relaxed in this cut, so I’m holding a medium.
OrientPause before commitment
Approval Card
A final, explicit check before money or identity leaves the shopper’s hands.Ready for your approval
Riya, place this ₹61,600 order?
3 items · Standard delivery · Visa ending 2408
OrientShow what is in play
Tool Chips
Small controls for the sources and abilities shaping an answer.Use these sources for Riya’s answer
3 sources selectedDecideOne job, visible steps
Task Rows
A compact checklist for work that crosses several systems.DecideService with memory
Concierge Chat
A conversational surface that carries preferences forward.RiyaI want one warm set, but nothing that feels too technical.
I kept the silhouette simple and used the technical detail only where it improves warmth. This set packs into one carry-on.
DecideKeep the goal in view
Outcome Bar
A persistent summary of budget, warmth, and delivery confidence.Riya’s trip setStrong match
₹61,600 of ₹66,000-12°C readyJan 16 arrival
DecideExplain the pick
Recommendation Card
One confident recommendation with the evidence that earned it.
Best matchNorthline · Women’s shell
Cloudline Jacket
Warm enough with Riya’s saved mid-layer, relaxed through the shoulders, and available nearby.
₹27,20094% match
DecidePortable shopper memory
Context Cards
Small, editable facts about the trip, body, and budget.01TripManali
Jan 18–27
02FitRelaxed
Usually M
03Budget₹66,000
₹4,400 left
DecideMake trade-offs scan
Comparison Table
A short comparison shaped around the shopper’s actual decision.| Shell | Warmth | Fit | Arrival |
|---|---|---|---|
| Cloudline Best | High | Relaxed | Jan 14 |
| Ridge 02 | Highest | Regular | Jan 16 |
| Alta Air | Medium | Slim | Jan 13 |
ActThe promise changes hands
Order Records
Sortable records for the shopper tracking an order and the seller fulfilling it.ActNarrow with evidence
Filter Table
Live constraints for product matches or orders that need intervention.Showing 3 of 8 matches
1Cloudline₹27,200Jan 14
2Ridge 02₹29,900Jan 16
3Alta Air₹24,400Jan 13
ActTwo familiar front doors
Storefront Nav
A shopper storefront and a seller workspace without a new navigation language.Ready for Manali
Warmth, without the bulk.
ActIntent before keywords
Search
Live results for a shopping need or an operational exception.ActConnect the hand-offs
Journey Flow
One order viewed through the customer promise and the seller workflow.01Discover02Compare03Approve04Receive
ContinueEvidence in small doses
Insight Cards
Compact signals that change a recommendation or an operational next step.ContinueMake intent implementable
Code Block
A compact implementation contract with the trust requirement built in.Implementation contract
Make the consequence impossible to omit.
<ApprovalCard
total="₹61,600"
consequence="Charges Visa •••• 2408"
onApprove={placeOrder}
/>Riya sees the amount and card before approval.
Contract satisfiedContinuePreferences that change the answer
Taste Tuner
A control that swaps the recommendation, not only its styling.Recommendation updatedAlta Air Jacket
Light structure · balanced warmth · easy to pack
ContinueHelp where confusion happens
Selection Actions
Select unfamiliar language to reveal explanation and save actions in place.Product detail
The recommendation uses a before confirming the next action. Select any phrase to ask for help where it appears.
Try selecting the highlighted phrase.One decision, in a real screen.
The outcome, recommendation, evidence, delivery promise, and approval now work as one shopping moment—not five isolated specimens.
94% fit match