AutoGo

Interactive Prototype — roadside assistance platform

Three products built on one design system: dark mode for both mobile apps, a light variant for back-office web. All screens are clickable; each screen carries a demo toolbar for stepping through flows.

MOBILE · DARK Customer App 18 screens — onboarding, request creation, live tracking, change-order approval, after-service, SOS. Open gallery → MOBILE · DARK Provider App 6 screens — standby, job offer with 30s countdown, active job, condition photos, change order, completion. Open gallery → DESKTOP · LIGHT Back-office 7 screens — operations dashboard, dispatch console, request detail, customers, providers, pricing, finance. Open gallery →

Screen → requirement reference

FR REQUIREMENT SCREENS
FR-01Account creation & phone verificationc1-welcome · c1-signup · c1-otp · c1-wizard-vehicle
FR-02Location capture & permission primingc2-permission · c3-location
FR-03Request creation, evidence & quote approvalc2-dashboard-idle · c3-service-form · c3-photos · c3-review-quote
FR-04Dispatch & provider offer handlingp1-standby · p1-job-offer · b1-dispatch-console
FR-05Live tracking, ETA & masked communicationc2-dashboard-active · c4-tracking · c4-chat · p2-active-job
FR-06Condition documentation before workp2-condition-photos
FR-07Change orders with recorded customer approvalp3-change-order · c4-change-order
FR-08Completion confirmation & payment capturep3-complete-job · c4-completion
FR-09Rating, history & invoicesc5-rating · c5-history
FR-10Emergency escalation (SOS)c5-sos
FR-11Operations monitoring & case handlingb1-dashboard · b2-request-detail · b2-customers
FR-12Provider vetting & capability controlb3-providers
FR-13Pricing & dispatch-algorithm configurationb3-pricing
FR-14Payouts, commission & refund approvalsb3-finance

Design system reference: system overview · readme