1. Product Overview This is a three-role system: Customer Mobile App Employee Mobile App Owner/Admin Web Dashboard The system must feel: Premium Clean Modern SaaS Minimal Easy to navigate Performance-first This is not a cluttered enterprise tool. It should feel closer to: Uber (clarity) Stripe Dashboard (clean data UI) Notion (structured + minimal) Apple (whitespace + clarity) 2. Design Principles 2.1 Simplicity First Combine screens where possible Use tabs instead of new pages Use drawers/modals instead of navigation overload Reduce cognitive load 2.2 Hierarchy Every screen must clearly show: Primary action Secondary actions Supporting information 2.3 Consistency Consistent spacing Consistent card styles Consistent button hierarchy Unified color system Predictable layout 2.4 Premium Feel Generous white space Soft shadows Minimal borders Clean typography Strong contrast Subtle micro-interactions 3. Screen Architecture (Final Consolidated System) Total Core Screens: 39 🧍 CUSTOMER APP Navigation Structure (Bottom Tabs) Home Book Appointments Rewards Account CUSTOMER SCREENS (14) 1. Welcome / Authentication Sign in Create account Continue with Google Forgot password Account linking flow 2. Home Dashboard Purpose: Retention + Quick Action Sections: Upcoming appointment card Quick book button Rebook last service Loyalty progress card Rewards wallet preview Promotions banner 3. Booking Flow (Single Multi-Step Experience) Stepper-based interface with inline drawers. Steps: Vehicle (select/add inline) Package Add-ons Size/Condition Address (inline edit) Date/Time Price Review Terms acceptance Rewards selector Checkout (Apple Pay + Card) Must feel seamless and fast. 4. Appointments List Upcoming Past Canceled 5. Appointment Detail Service summary Timeline Status updates Photos (after completion) Payment receipt Rebook Reschedule Cancel (policy modal) 6. Rewards Dashboard Tier badge Points balance Progress bar Milestone tracker Reset countdown CTA to book 7. Rewards Catalog Reward cards Points cost Redeem modal 8. Wallet & Points Activity Available rewards Expired Points ledger history 9. Account Overview Profile Vehicles Payment methods Notifications Legal Support 10. Vehicles Manager List Add/edit (drawer) Vehicle service history 11. Payment Methods Saved cards Default Add card 12. Legal & Terms Viewer Scrollable terms Version info 13. Verification Screen OTP Email verification 14. Account Linking Screen 👨‍🔧 EMPLOYEE APP Navigation (Bottom Tabs) Today Schedule Jobs Performance Account EMPLOYEE SCREENS (6) 15. Employee Login 16. Today Dashboard Current job Next job Clock in/out Alerts 17. Schedule View Timeline of jobs Assigned jobs 18. Job Detail (Operations Hub) Tabs inside: Overview Checklist Photos Issues Upsell Completion Everything happens here. 19. Performance Screen Jobs completed On-time % Upsell stats Ratings 20. Employee Account Profile Notifications Training (expandable) 🧠 OWNER / ADMIN DASHBOARD (Web) Sidebar navigation. ADMIN SCREENS (19) 21. Admin Login + MFA 22. Executive Dashboard Revenue KPIs Today’s jobs Alerts Loyalty snapshot 23. Dispatch (Calendar + Assignment) Drag/drop scheduling Conflict detection Unassigned jobs panel 24. Jobs Manager Filterable list Bulk actions 25. Job Detail (Admin View) Timeline Photos Pricing Reward applied Terms accepted Refund actions 26. CRM Overview Pipeline board Leads Follow-ups 27. Contact Detail (Lead + Customer Unified) Tabs: Overview Vehicles Appointments Payments Loyalty Timeline Tasks Notes 28. Quote Builder & Manager Draft Sent Convert to booking 29. Services Manager Packages Add-ons Hide/show Duplicate 30. Service Editor Tabs: Basic info Pricing rules Duration Eligibility Availability 31. Global Pricing Settings Vehicle sizes Travel fees Tax Defaults 32. Employees Manager List Roles Performance Availability drawer 33. Payments Dashboard Transactions Outstanding balances Refunds Apple Pay breakdown 34. Loyalty Dashboard Tier distribution Milestones Expiring rewards Inactive customers 35. Rewards & Tiers Manager Tier config Reward catalog Milestone rules Points ledger 36. Reports Center Revenue Operations CRM Loyalty Employee 37. Automation Builder Triggers Conditions Templates 38. Legal & Terms Manager Editor Version history Acceptance logs 39. System Settings Auth settings (Google toggle) Apple Pay toggle Service zones Roles & permissions Integrations Branding 4. Visual Direction Typography Modern sans-serif Strong hierarchy Large section headers Clean label style Layout Card-based UI Rounded corners Soft shadows Minimal borders Structured grid Color Strategy Neutral base Strong primary accent Subtle success/warning/error states No loud colors Motion Smooth transitions Slide-in drawers Soft fade modals Subtle hover effects (admin) 5. UX Expectations Booking must take under 60 seconds. Rewards must be visible without digging. Admin dashboard must feel powerful but not cluttered. Employee Job Detail must feel like a command center. Loyalty must feel motivating, not confusing. Pricing must always feel transparent. 6. Deliverables Required From Designer Complete wireframes (low fidelity first) High-fidelity UI mockups Component system / design system Mobile + Web variants Dark mode optional Clickable prototype (Figma)