Courier Fleet & Mapping Mobile App
A next‑generation mobile application for couriers, featuring advanced map interactions, fleet management tools, and real‑time routing intelligence to optimize delivery operations.
Overview & Challenge
Couriers often juggle dozens of deliveries, unpredictable traffic, and fleet constraints such as fuel levels and vehicle availability. This project aimed to design a cohesive mobile experience enabling drivers to plan complex, multi‑stop routes efficiently, monitor vehicle status in real time, and continue operations seamlessly even offline. Key challenges included simplifying advanced routing logic, surfacing critical fleet data without overwhelming the user, and keeping the interface performant on a range of devices.
My Role & Responsibilities
As UX/UI Designer on a cross‑functional team of product managers, backend and mobile engineers, and QA specialists, I:
- Conducted stakeholder workshops to align business goals with courier needs.
- Led user research sessions with field drivers and operations managers.
- Defined information architecture and interaction flows for mapping and fleet modules.
- Created high‑fidelity mock‑ups and interactive prototypes in Figma.
- Collaborated on front‑end implementation, ensuring pixel‑perfect delivery.
- Ran usability tests and iterated designs based on real‑world feedback.
Timeline & Tools
Duration: September 2021 – June 2022
Team: 1 PM, 2 iOS/Android engineers, 1 backend engineer, 1 QA, 1 data analyst
Tools: Figma, Maze for testing
Design Process
1. Discovery & Research
• Conducted ride‑alongs with five couriers to observe pain points in live deliveries.
• Interviewed operations staff to map critical monitoring requirements.
• Analyzed telematics and historical route data to identify common detours and delays.
2. Ideation & Wireframing
• Sketched multiple variations for multi‑stop reorder interactions and map styles.
• Validated flows via low‑fidelity wireframes in stakeholder reviews.
• Defined card‑based fleet status dashboard for quick glance fuel and mileage updates.
3. Visual Design & Prototyping
• Established a design system with clear map color palettes for traffic, road types, and POIs.
• Built high‑fidelity prototypes showcasing drag‑and‑drop routing, live traffic rerouting, and offline tile caching.
• Conducted interactive tests in InVision; iterated to simplify toolbar options.
4. Usability Testing & Iteration
• Ran two rounds of remote testing with eight participants, ranging from novice to veteran drivers.
• Measured task success rates: route reorder task improved from 62% to 94% success.
• Iterated on iconography and feedback animations to reduce cognitive load.
5. Handoff & Implementation
• Prepared redlines and component specs in Zeplin.
• Partnered with engineers to integrate Mapbox customization and barcode‑scan SDK.
• Reviewed every sprint demo to ensure fidelity and performance benchmarks.
What Was Done as Designer
- Optimized Multi‑Stop Routing: Redesigned drag‑and‑drop address reordering with automatic ETA recalculation for each segment, reducing overall route time.
- Dynamic Real‑Time Routing: Implemented traffic‑aware pathfinding that updates routes on‑the‑fly to avoid congestion and incidents.
- Offline Map Mode: Developed geo‑zone tile caching, enabling uninterrupted operation without network connectivity.
- Geofence Notifications: Created enter/exit alerts for loading and unloading zones to ensure precise SLA monitoring.
- Interactive POI Layers: Designed filters for gas stations, toll roads, rest areas, and EV charging stations to streamline stop planning.
- In‑Map Scanning: Integrated barcode and QR‑code scanning directly on the map view for seamless delivery confirmation and minimal manual errors.
App MockUps
Results & Impact
- Average delivery time reduced by 18% through optimized multi‑stop routing.
- Offline mode increased uptime in low‑connectivity areas by 25%.
- Geofence alerts cut missed SLA events by 30%.
- Fleet fuel efficiency improved with integrated POI routing choices.
- User satisfaction scores rose 22% post‑launch in courier surveys.
Reflection & Next Steps
Collaborating closely with drivers and ops teams ensured the design solved real pain points. Future iterations will explore AI‑powered ETA predictions, predictive maintenance alerts, and enhanced voice‑guided navigation to further streamline courier workflows.