Interactive sample · Fictional data
Product canvas
Explore six connected web and mobile workflows, from a customer action to the team's next task.
What this demonstrates
- Shared records
- Web and mobile views
- Guarded actions
Watch workflow
1/5 · Customer need
Check size S
Everyday cotton overshirt
HKD 1,280.00
Harbour store
Size S is unavailable.
Local story. Your workspace stays intact.
Try it yourself
Explore with your own choices. Watching keeps your work intact.
Changes stay in this demo and reset when you reload. No external systems are changed.
Follow the steps at your own pace. Use the workspace controls to try each action.
How it works · Step 1 of 3
Choose a workflow. Each scene pairs a customer view with the team's workspace using original sample records.
Product canvas
One product. Every side of the story.
Explore how a customer app and a staff workspace work together. Choose a task, play its sample story or try the controls yourself.
Play and Restart reset only the selected sample. Exploring stops the walkthrough and keeps your changes until you restart or reload.
Reduced motion is on. Use Next sample step for direct changes.
Commerce and stock
Choose a variant on the phone and check the same stock in the staff workspace.
Workspace
Store availability
- Reference
- PRD-204
- Size
- S
- Price
- HK$1,280
- Stock
- 3
Sample snapshot · 8 October 2026, 09:40 HKT
Mobile view
Everyday essentials
Everyday cotton overshirt
Organic cotton · relaxed fit · stone
HK$1,280
This size is unavailable at the selected location. Choose another store or size.
PRD-204 · COT-204
Task outcome
Choose a variant on the phone and check the same stock in the staff workspace.
One reservation, one variant and a matching stock movement across both views.
Original product examples with fictional records. Changes stay in this page and reset on reload. No purchases, messages or external updates are made.
Connected customer experiences and operational tools, built around a complete task.