Prototypes
Live interactive prototypes across product areas. Click any card to open the prototype.
DSU — Dock Master & Schedule
Warehouse operations for IKEA 4-Walls: topology setup, co-worker mobile ops, supervisor oversight.
DSU Co-worker Operations v10
May 2026 — full debriefing flow: route select, LOTR driver receive, per-LU scan & classify, destination confirm, debrief close
DSU Co-worker Operations v10 — Product
Apr 28 product round (Abhimanyu / 4-walls PM): LU detail sheet anchored below scan, weight + origin/destination sub-lines, damage-aware progress, scan summary across inbound/relocation/completeness
DSU Co-worker Operations v9
Apr 27 IKEA round — RBAC restructuring, damage flow rework, validation, missing-LU UX safeguards
DSU Co-worker Operations v8
Apr 21 IKEA feedback — manifest-close gate, damage resolution persona, RBAC escalation, Completeness sync
DSU Co-worker Operations v7
Storybook compliance — theme tokens, Typography variants, StatusChip for status indicators
DSU Co-worker Operations v6
Login redesign, arrival time labels, dock info, time-range waves, route summary, relocation audit trail
DSU Co-worker Operations v4
Per-LU staging handshake — scan LU → stage → confirm QR → next LU. Damage path skips staging.
DSU Co-worker Operations v5
Actionable urgent alerts, node-filtered manifests, labeled IDs, 2-level damage, dispatch cutoff, per-LU staging handshake
DSU Co-worker Operations v5.1
Mobile device frame (360x640), 48dp touch targets, mobile-optimized spacing — based on v5
DSU Co-worker Operations v2
Redesigned for HHT continuous scanning — persistent scan field, manifest list with live status, inline damage marking
DSU Co-worker Operations v3
Swipeable rows, overflow menus, bottom sheet actions — evolved from v2
DSU Co-worker Operations
Mobile-first warehouse operations: InScan & Routing, Staging Completeness Check for DSU co-workers
DSU Co-worker Operations v1
Mobile-first warehouse operations: InScan & Routing, Staging Completeness Check for DSU co-workers
DSU Supervisor Dashboard (v6)
v6 iteration — starting point duplicated from v5
DSU Supervisor Dashboard (v5)
v5 iteration addressing Ruchika round-4 feedback: decision column post-complete, PIN on override/force dispatch, 30-min dock slots, required damage photo, tighter loading gate, KPI reconciliation, audit export, search label alignment
DSU Supervisor Dashboard (v4)
v4 iteration addressing Ruchika round-3 feedback: timestamp clarity, dock-board legend, customer returns tab, physical-scan verification, reject/rework comments
DSU Supervisor Dashboard (v3)
v3 iteration addressing Ruchika round-2 feedback: reason codes, shift handover depth, audit + notification filters, LOADING CTAs, debrief route detail, dock appointments
DSU Supervisor Dashboard (v2)
Supervisor dashboard with override mode, audit trail, shift handover, debrief window, notification panel, and reason capture on all actions
DSU Supervisor Dashboard (v1)
Live staging oversight dashboard: route progress, LU drill-down, at-risk alerts, search, and pre-dispatch sign-off
DSU Topology Setup v8
v8: IKEA May 4 feedback — DSU-level operating schedule + exception calendar (with dock override), required co-worker skills label, dock model lock on edit, appointment Start/End time, derived network, storage location bulk CSV upload
DSU Topology Setup v5
v5: network-agnostic docks, per-LU processing time, vehicle models on docks
DSU Topology Setup v6
v6: reprint QR, schedule override, auto-diff approvals, hours column, homepage utilization
DSU Topology Setup v7
v7: unified appointments (dispatch/debrief/refill), status-based Gantt, flat timeline, optimized dashboard layout
DSU Topology Setup v4
v4: login + node selection, edit capabilities, tabular schedule, scan-based barcode flow, named audit trail
DSU Topology Setup v3
6 independent config areas: dock models, docks, schedules, storage areas, locations, approval workflow
DSU Topology Setup v2
All 5 flows: first-time wizard, add dock, edit dock, barcode re-mapping, X-Dock storage management
DSU Topology Setup v1
First-time setup wizard for hub topology: dock models, docks, storage locations, barcode mapping, schedules, and capacity
DSU 4 Walls Operations
Full DSU operations module: topology setup (Super User), co-worker floor journey on RDT device, and supervisor route oversight dashboard — grounded in the IKEA 4 Walls functional scope.
NCM — Network & Capacity Management
Service types, network configuration, serviceability, node capacity, last-mile capacity.
NCM v8 — Network & Capacity Management
NCM v8: IKEA v6.2 feedback round — Activation Date drop, status-tab refactor, Bolton PuP → Collection Point, SP type (Linehaul/Last-mile), Lane LUT × dispatches matrix, area SP filter by node, POD column removed
NCM v7 — Network & Capacity Management
NCM v7: iterative refinements on top of v6 — capacity legend labels, plus in-flight feedback
NCM v6 — Network & Capacity Management
NCM v6: comprehensive feedback round — approval workflow fixes, input validation, three-level capacity hierarchy, lane capacity, utilisation bars, operating hours hierarchy with break windows, processing time & cut-off separation, review matrix improvements, SP master, zipcode master, map layer enhancements, and 60+ UX/data fixes
NCM v5 — Network & Capacity Management
NCM v5: approval flows for node save/create/activate, API upload for nodes, lane bulk upload + per-day hours, collection point CRUD + calendar management, bulk zipcode import, calendar drill-down, operating status radio with break windows, enhanced exception config with scope/capacity
NCM v4 — Network & Capacity Management
NCM with breadcrumbs, map visualiser, version history, activation scheduler, SALT config, collection points, capacity color coding, and calendar inheritance
NCM v2 — Network & Capacity Management
Enhanced NCM with wizard-style creation, processing time configuration, RBAC indicators, bulk uploads, validation, and multi-flow use cases
NCM v3 — Network & Capacity Management
NCM with edit capabilities, holiday calendars, approval workflows, flattened lane model, and per-service-type node mapping
NCM v1 — Network & Capacity Management
SFO Specialist configuration: service types, network, serviceability, opening hours, node capacity, and last-mile capacity (closed + open network)
Workforce Management
Workforce management — co-worker profiles, RBAC, shifts, holidays, absence reassignment.
WFM — Workforce Planning v4
v3 base — iteration in progress.
WFM — Workforce Planning v3
v2 base + skill-deactivate flow refresh (no per-co-worker reassignment), persona surface cleanup (Co-worker type & legacy role mapping removed), header CTA tightened.
WFM — Workforce Planning v2
v1 shell + Personas master (E29-I001), Skills master, co-worker create wizard, audit trail, four-eyes verification, and role creation. Aligns with the WFM Extended User Flows brief.
WFM RBAC Permission Matrix v1
Admin view of role × permission matrix. Defines what each role can do across co-worker, shift, leave, route, and admin surfaces.
WFM Absence & Reassignment v1
Dispatcher flow for last-minute absences: identify impacted routes today, auto-suggest eligible replacements, reassign driver/helper or cancel.
WFM Holiday & Operational Calendar v1
Org-level calendar for national / regional holidays, reduced-capacity days, and recurring exceptions. Drives workforce capacity separately from per-person leave.
WFM Co-worker Profile Manager v2.1
v2.1: pixel-perfect port of Claude Design handoff — custom Locus tokens, dark purple top bar, orange accent, gradient avatars. Deliberately bypasses Encore-MUI constraints for visual fidelity exploration.
WFM Co-worker Profile Manager v3
v3: branched from v2 — iterating on enhancements within Encore-MUI constraints. v2 is preserved as the baseline for comparing with v2.1.
WFM Co-worker Profile Manager v1
SFO Specialist tool to manage co-worker master data: profiles, skills, availability, and leave — feeds planning & dispatch
WFM Co-worker Profile Manager v2
v2: denser dashboard — KPI strip, quick-filter tabs, avatars, tenure, sectioned detail drawer with tab counts, floating Assumptions pill
Rider Management
CRUD operations for rider entities in a logistics fleet
WFM — Schedule (Roster)
Multi-day roster planning — drag shift definitions onto a worker × day grid. Coverage gaps surfaced per day; lifecycle Draft → Publish → Active → Completed (per workforce.Roster spec, DEC-062).
WFM — Workforce Planning v1
Unified shell for Co-workers, Holiday & Operational Calendar, Absence & Reassignment, and RBAC. One SFO Planner persona, one left-nav.
Other
Standalone prototypes, reference examples, and tools.
Rider app v1
DSCO-2909 — login + LP + map-first trip accept / reject / start / mid-trip reacceptance
DiSCO Mobile Landing
Control-center home for frontline workers — schedule-informed, role-aware (DSCO-2202)
Profile Settings
User profile settings page with photo upload, personal info editing, and locale configuration
Prototype Playground
AI-powered prototype creation playground — type a prompt, get a working prototype with Figma design and dev spec
Dashboard Example
KPI cards, status chips, and data tables
Form Example
Multi-field form with validation and stepper
Reschedule Order
Customer shipment dashboard with reschedule order action