Challenge
Dispatchers and drivers coordinated via WhatsApp groups, causing lost updates, duplicate deliveries, and no audit trail when things went wrong.
Loading experience...
Web Dev - 2025
Logistics Operations Web App
Built a mobile-first operations companion for a regional logistics company to replace WhatsApp-based coordination with a structured real-time workflow.
Field operations workflow system / From WhatsApp chaos to structured ops
Overview / Client
Regional Logistics Operator
Overview / Role
Full-Stack Designer & Developer
Overview / Year
2025
Overview / Stack
Next.js — TypeScript — MySQL — Tailwind — PWA
Overview / Duration
11 weeks
Overview / Category
Web Dev
Solution
Designed and built a lightweight PWA with role-separated views for drivers and dispatchers. Offline-tolerant with service workers, optimised for low-end Android devices and slow connections.
Gallery
Key visuals and system snapshots
Driver task board
Real-time job queue with status updates, delivery notes, and escalation flags — designed for one-thumb use on Android.
Dispatch coordinator view
Fleet overview with live status streams, bottleneck indicators, and quick reassignment controls.
End-of-day report screen
Automated shift summary with completed deliveries, exceptions, and performance delta against targets.
Coordination time
−38%
Dispatcher hours spent on manual status checks.
Late deliveries
−22%
Due to earlier exception detection.
Adoption rate
94%
Driver daily active use within 3 weeks of launch.
Process & Design
- +Ride-along with drivers and shadow dispatchers across two shift types to understand real workflow.
- +Define minimum viable feature set with operations lead — avoid scope creep in critical path.
- +Design mobile-first UI in Figma with low-literacy-friendly interaction patterns.
- +Build Next.js PWA with MySQL backend, optimistic UI updates, and background sync.
- +Deploy on internal server with progressive rollout — 3 drivers first, then full fleet.
Result & Impact
Replaced ad-hoc messaging with a structured ops layer that gave management real-time visibility, reduced manual coordination, and scaled smoothly to a 60-driver fleet.
“We went from chasing drivers on WhatsApp to having a live view of every route. It changed how we run shifts entirely.”