Customer portal primitives
Customer-facing self-serve family for Oak Flats Mufflermen — what Mick sees on mufflermen.com.au after he logs in. Booking, quotes, invoices, garage, service history, loyalty, documents, referral, NPS feedback, addresses, notification preferences, account summary, appointments and the workshop chat thread. Visual references only — no real customer data wired.
Customer portal primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Customer portal primitives: Customer-facing self-serve family for Oak Flats Mufflermen — what Mick sees on mufflermen.com.au after he logs in. Booking, quotes, invoices, garage, service history, loyalty, documents, referral, NPS feedback, addresses, notification preferences, account summary, appointments and the workshop chat thread. Visual references only — no real customer data wired.
Booking wizard
Four-step wizard — pick service, pick vehicle, pick date, confirm. SMS reminders auto-fire on confirm.
Quote viewer
Itemised quote with parts/labour/fees, GST math, accept or decline buttons, PDF download.
Invoice pay card
Outstanding invoice with Apple Pay, Google Pay, card and bank transfer selector — Stripe-wired copy.
Vehicle garage grid
Saved-vehicles grid — rego, body colour, last service, next service due, roadworthy, recall flag.
Service history timeline
Chronological service ledger — each entry with tech, kms, invoice and a PDF download.
Loyalty card
Customer-side stamp card — current/total stamps, tier chip, progress bar, next reward.
Doc download row
Single document row — receipt, pink-slip, dyno chart, warranty, manual — size + page count.
Referral share card
Refer-a-mate program with copyable code + URL, stats and most-recent activity ledger.
Feedback prompt
Post-service NPS prompt — 5-star rating + free-text — submits to a thank-you state.
Address book row
Saved address row — use chip (service / billing / delivery), default flag, edit + remove.
Notification preferences
Topic × channel matrix — SMS, email, push toggles. Quiet hours footer.
Account summary tile
Header tile — avatar, member-since, loyalty tier, vehicle count, next reward progress.
Appointment card
Upcoming booking card — date stamp, bay, tech, duration, reschedule + cancel buttons.
Chat with workshop
Customer-side message thread to the workshop — Hermes branded, Brad replies inline.
Full portal
Live customer dashboard — all 14 portal primitives composed into the mufflermen.com.au surface.