Quick Start
Start Consumer Journey
Begin from the splash screen
Consumer Home Screen
Main shopping experience
Start Operations Journey
Picker & Driver app entry
Admin Portal Login
Management dashboard entry
Project Report
Full project overview & status
Applications
Consumer App
Browse, order & track groceries
74
- System & Onboarding 3
- Authentication 4
- Address Management 6
- Home & Discovery 13
- Product & Cart 10
- Checkout & Payment 10
- Orders & Tracking 8
- My Shop & Lists 7
- Profile & Settings 11
- Notifications 2
Operations App
Picker & Driver workflows
46
- Shared (Auth, Shift) 11
- Picker Flow 18
- Driver Flow 17
Admin Portal
Store management dashboard
26
- Authentication 3
- Dashboard 1
- Order Management 2
- Product Management 4
- Inventory 2
- Reports & Analytics 3
- Customers 2
- Staff Management 2
- Promotions 1
- Settings 3
- Account & Errors 3
Key User Flows
First-Time Registration & Order
Consumer
▼
Quick Reorder
Consumer
▼
Picker Order Fulfillment
Picker
▼
Driver Delivery Flow
Driver
▼
Admin Daily Operations
Admin
▼
⚙️ System & Onboarding 3
▼
🔒 Authentication 4
▼
📍 Address Management 6
▼
🏠 Home 6
▼
🔍 Search & Discover 7
▼
📦 Product 5
▼
🛒 Cart 5
▼
💳 Checkout & Payment 10
▼
📋 Orders & Tracking 8
▼
⭐ My Shop & Lists 7
▼
👤 Profile & Settings 11
▼
🔔 Notifications 2
▼
🤝 Shared (Auth & Shift) 11
▼
📦 Picker Flow 18
▼
OPS-P-001Picker DashboardP0
OPS-P-002Order QueueP0
OPS-P-003Order DetailP0
OPS-P-004Pick ListP0
OPS-P-005Pick ItemP0
OPS-P-006Barcode ScanP0
OPS-P-007Scan SuccessP0
OPS-P-008Scan FailP0
OPS-P-009Quantity EntryP0
OPS-P-010Out of Stock FlagP0
OPS-P-011Substitute SearchP0
OPS-P-012Substitute ConfirmP0
OPS-P-013Customer PendingP0
OPS-P-014Order ReviewP0
OPS-P-015Order CompleteP0
OPS-P-016Performance StatsP1
OPS-P-017Batch PickP1
OPS-P-018Photo CaptureP1
🚚 Driver Flow 17
▼
OPS-D-001Driver DashboardP0
OPS-D-002Delivery QueueP0
OPS-D-003Delivery DetailP0
OPS-D-004Store Check-inP0
OPS-D-005Verify OrderP0
OPS-D-006NavigationP0
OPS-D-007ArrivalP0
OPS-D-008Delivery ConfirmP0
OPS-D-009Photo ProofP0
OPS-D-010SignatureP0
OPS-D-011Delivery CompleteP0
OPS-D-012Customer CallP0
OPS-D-013Issue ReportP0
OPS-D-014EarningsP1
OPS-D-015Route OptimizeP1
OPS-D-016Shift SummaryP1
OPS-D-017RatingsP1
🔒 Authentication 3
▼
📊 Dashboard 1
▼
📋 Order Management 2
▼
📦 Product Management 4
▼
📦 Inventory 2
▼
📈 Reports & Analytics 3
▼
👥 Customers 2
▼
👷 Staff Management 2
▼
🏷️ Promotions 1
▼
⚙️ Settings 3
▼
👤 Account & Errors 3
▼
Documentation
📋 Screen Indexes
🗺️ Navigation Maps
📊 Project Documents
🔧 Technical Specifications
📝 Product Requirements
📅 Planning & Management
Brand Identity
Primary Dark Green
#043F2D
Off-White Background
#E9EFE7
Lime Accent
#C9F06B
White Surface
#FFFFFF
Shared Framework Files
🎨 CSS Stylesheets
brand-tokens.css Color, font, spacing variablescomponents.css Buttons, cards, inputs, badgesmobile-shell.css Mobile frame (375px viewport)admin-shell.css Desktop layout (1440px)⚡ JavaScript
wireframe-states.js State toggle (loading/empty/populated/error)navigation.js Screen-to-screen linking🔠 Fonts
Alexandria.ttf Headline fontAlatsi.ttf Body font🖼️ Images
ffm-logo.png Official brand logo (from client)placeholder-product.svg Product placeholderempty-states/ 4 empty state illustrations
Screen Count Summary
| Application | P0 (MVP) | P1 (Should Have) | Total |
|---|---|---|---|
| Consumer App | 51 | 23 | 74 |
| Operations - Shared | 11 | 0 | 11 |
| Operations - Picker | 15 | 3 | 18 |
| Operations - Driver | 13 | 4 | 17 |
| Admin Portal | 16 | 10 | 26 |
| TOTAL | 106 | 40 | 146 |