Production scenes for Oak Flats
Twelve workshop-grade compositions stitched out of the primitive umbrella — quoting, fitment, bay scheduling, supplier health, handover, and dispatch — all wearing real Oak Flats Mufflermen vocabulary.
Production scenes for Oak Flats is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Production scenes for Oak Flats: Twelve workshop-grade compositions stitched out of the primitive umbrella — quoting, fitment, bay scheduling, supplier health, handover, and dispatch — all wearing real Oak Flats Mufflermen vocabulary.
Pick a scene
Each scene lives in its own sub-route at full scale with realistic domain data — Hilux dual-cabs, Patrol Y62 cat-backs, ADR-checked Manta exhaust, weld bays 1 through 4, and Albion Park Rail customers.
Parts catalog card
Reusable catalog tile with SKU, supplier and fitment chips, stock-state pill, AUD RRP and an add-to-quote CTA. Hover lifts with a soft glow.
Open scene 02Job ticket
Full job ticket — customer, year/make/model + rego plate, service chips, bay, time budget, photo evidence and the actions floor leads use.
Open scene 03Vehicle profile card
Photo + year/make/model + rego + engine + body + on-file visit count. Links straight into the full vehicle file.
Open scene 04Quote builder workspace
Three-column workspace: parts library, live quote, customer + vehicle context. Drag a part across to build the quote.
Open scene 05Fitment compatibility checker
Cascading make / model / year selects against a selected part with a colour-coded compatibility result and explanation.
Open scene 06Supplier dashboard
Supplier health summary — contact, last call, outstanding POs, top-moving SKUs table, media readiness sparkline, donut health.
Open scene 07Weld bay allocation
Live availability grid for four weld bays across today plus an unassigned-job pool ready to drag onto a bay.
Open scene 08Handover checklist
Customer handover sequence — photos, recorded sound demo, itemised invoice and payment status, send & print actions.
Open scene 09Quote card stack
Stack of pending quotes rendered like a swipe deck. The top card is interactive — approve, amend, decline.
Open scene 10Job board
Kanban view of every active workshop job across Backlog, In Progress, Quality Check and Done — with priority tinting.
Open scene 11Workshop week schedule
Weld bay swimlanes across today's hours with event blocks showing job number + rego plate per booked slot.
Open scene 12Mobile tech card
Dispatch card for the mobile fitting van — avatar, status, current job, ETA, distance and contact CTAs.
Open scene