8:36

Delivery #004

📦 Ready for Pickup
SJ
Sarah Johnson
123 Main Road, Sandton, 2196
📍
📝 Delivery Notes: Ring doorbell. Dog is friendly.
4 items in order
R 205.44
Delivery Steps
1. Collect at store
2
2. Verify order
3
3. Navigate to customer
4
4. Deliver
Check In at Store

Screen Annotations — OPS-D-003 Delivery Detail (Command Center)

Screen ID: OPS-D-003
Flow: Delivery Detail / Command Center
Previous: OPS-D-002 Delivery Queue
Next: OPS-D-004 Store Check-In
Command Center: This is the main driver working screen. It shows all delivery details in one view and provides the current action button at the bottom. The button label changes as the driver progresses through steps: "Check In at Store" → "Start Navigation" → "Arrived" → "Confirm Delivery".
Customer Card: Shows customer avatar (initials), full name, and quick-action buttons for calling and messaging. These use masked/VoIP numbers for privacy.
Map Preview: Small tappable map showing destination pin. Tapping expands to full navigation view (OPS-D-006). Expand icon in corner indicates interactivity.
Delivery Notes: Highlighted in amber/warning background to draw attention. Drivers must read these before arriving. Notes include gate codes, parking info, special instructions.
Timeline: Visual progress indicator showing 4 delivery steps. Completed steps show green checkmarks. The current/active step has a pulsing ring effect. Future steps are greyed out.
Sticky CTA: Always-visible action button at bottom. Text changes contextually based on the current timeline step. This is the primary driver interaction point throughout the delivery.