AutoChanneling — Design Preview

build v0.1.0 · November 4, 2026 · for AutoChanneling team review only

The three apps

Customer app

Mobile, 390px. Search a station, book a slot, pay, follow the job, review it.

Signed in as Nimal Perera · +94 77 123 4567
Start at AC-58204 — confirmed, tomorrow 9–10 am, on the home screen
AC-57110 — in progress, today 8–9 am
AC-58402 — pending, payment failed
AC-54880 — cancelled, refunded

Station portal

Desktop, 1280px. The garage side: today’s bookings, the calendar, services, slots, staff.

Acting as Lanka Auto Care (Pvt) Ltd, the pilot chain
Branches: Lanka Auto Care — Nugegoda · Lanka Auto Care — Rajagiriya · Lanka Auto Care — Kandy
The branch switcher in the top bar changes every screen below it

Admin portal

Desktop, 1280px. The platform side: approvals, organizations, customers, policy, reports.

How to review

  1. Play freely. Nothing here can break and nothing is real — every screen reads from a demo dataset in your browser. A page refresh resets it, so walk a booking all the way through and start again.
  2. Send one consolidated list at the end of the window rather than notes as you go, and reference the screen ID printed in the bottom-right corner of every screen (like C-08 or S-12). One list, one revision round, then sign-off.
  3. Triage as you write. Anything visual or about wording is in scope for the revision round. Anything that asks for new behaviour — a screen that does not exist, a rule that works differently — is a change request against the signed design, not a revision.
  4. Some things are deliberately simplified for a prototype. Check known prototype simplifications before reporting one as a defect.

Every screen

43 + 43 + 28 + 9 = 123 screens, generated from the three app registries at build time.

This checklist is the sign-off list. Sign-off = this page plus the build version and date above; UI changes after that are change requests.