Fleets Manager

A dispatch web app and a driver app for a small fleet business in the Philippines.

app.fleets.com/shipments
Fleets shipments dashboard
Driver app — order details
Role
UI/UX Designer
Brief
Build a dispatch web app and a driver app
My contribution
User research IA & flows Interaction design Visual design
Platform
Web dashboard + driver app

In a province of the Philippines, a small fleet business was drowning in delivery and pick-up requests. They wanted to grow — but their dispatching ran on group chats and good memory, and that only scales so far.

Goal
A dispatching dashboard that makes assigning work efficient, plus a driver app to receive tasks.
My role
I worked end-to-end — interviewing drivers and admins, mapping the flows, and designing both the web app and the driver app.
FD
Fleet Dispatch
8 members · Viber group
Dispatcher
Pick-up ready at Sunrise Bakery, Brgy. San Roque. 3 boxes.
8:02
Dispatcher
Who's near Poblacion? Delivery to Sto. Niño.
8:04
I'll take it, 10 mins out.
8:05
Dispatcher
Thanks Mario. Pick up at the bakery first before you drop off.
8:05
On the way.
8:06
The problem
The current dispatch dashboard runs on manual processes — which means inefficiency, and tasks or pick-up requests getting missed by drivers.
The objective
Automate the dispatch dashboard so task allocation is quick and low-effort, and build a driver app that plugs straight into the fleet management system.
Audience

We talked to the two people who’d live in this product every day. They want completely different things, so the design had to work for each of them on their own terms. Dispatchers: at a desk, assigning and tracking orders all day. Drivers: out on the road, just want to see the next task and accept it without fuss.

How they dispatched before
The old dispatch flow: customers order via Messenger, dispatchers log orders in Airtable, assign drivers over Viber, track delivery, and riders update status in a Viber group chat
airtable.com/dispatch-tracker
The old workflow — an Airtable base for tracking orders and assigning riders

Dispatchers tracked every order in this Airtable base and assigned riders from a dropdown — then messaged each driver on Viber by hand.

Pain points

Interviewing the admins and drivers gave us a clear picture of where the current process was breaking down.

No way to track drivers
Drivers update their progress over Viber, but reaching them at the right moment is hit or miss.
Orders slip through the cracks
Tasks live in a Viber group chat — so a driver who forgets to scroll back can miss an order entirely.
Opportunities

How might we make dispatching smoother and stop orders from being missed — for a calmer, more reliable experience?

For dispatchers
A dashboard that makes dispatching efficient and lets them monitor progress at a glance.
For drivers
A simple app to receive and accept delivery tasks — no group-chat archaeology required.
Dispatcher web app

I leaned on Jakob’s Law — people spend most of their time on other tools, so they expect yours to work like the ones they already know. The dashboard borrows patterns dispatchers were already comfortable with.

Dispatching is the core action. A rider is assigned right from the table — one dropdown, no context switch — and the moment a rider is picked the order flips from unassigned to assigned and the driver gets the task.

app.fleets.com/dispatch
Assigning a rider dispatches the order
Order IDCustomer Name Assigned Picked UpStatusRiderActions
108Jenny Crisostomo12/16/202210:05 AM12/16/202210:15 AMAssignedJohn Dela CruzView Order•••
107Jenny Crisostomo12/16/202210:05 AM12/16/202210:15 AMAssignedJuan Carlo San..View Order•••
106Jenny Crisostomo12/16/20229:38 AM12/16/202210:20 AMAssignedMike RamosView Order•••
105Jenny Crisostomo--Unassigned
View Order•••
104Jenny Crisostomo--Unassigned+ Assign a riderView Order•••
103Jenny Crisostomo--Unassigned+ Assign a riderView Order•••
102Jenny Crisostomo--Unassigned+ Assign a riderView Order•••
101Jenny Crisostomo--Unassigned+ Assign a riderView Order•••
100Jenny Crisostomo--Unassigned+ Assign a riderView Order•••
Creating an order

The “add an order” form was the hard one — a lot of fields to fill in. I grouped them into categories you expand with a click, which cuts the clutter and the cognitive load.

A local note

In the Philippines there’s a word for this: pabili — you ask someone heading out to buy something for you, like groceries, and bring it back. It’s an everyday favour between neighbours. The “To Order” tab is built around exactly that: the dispatcher tells a driver what to buy, and the driver shops and delivers it in one trip.

Add order — sections collapsedAdd order — order section expanded
Driver app

For drivers the brief was simple: a clean, obvious interface to accept pick-up and drop-off requests, so nothing gets missed. It talks directly to the same system the dispatchers use — the order arrives the moment a dispatcher picks the rider, and the driver walks it from accept to delivered, photo proof and all.

A driver delivers an order end to end
Make a trip now!
Hi Rider!
ORD1234July 19, 2022
Mcdonald’s Lucao, Dagupan City
Mariano Aguinaldo St., Dagupan
Delivery Fee₱100.00
See DetailsAccept
ORD1235July 19, 2022
Jollibee Perez Blvd., Dagupan
Tapuac District, Dagupan
Delivery Fee₱90.00
See DetailsAccept
Home
Trips
Results

The redesigned dashboard automates the parts that used to be manual, so dispatchers can assign and track work with far less room for error. And because the driver app shares the same system, drivers get their tasks in real time — fewer missed orders, smoother handoffs, and a fleet operation that finally scales with the business.

Next case studyShipmates