Shipmates

A logistics aggregator that lets small businesses in the Philippines book shipments across every major courier — in one flow, on desktop and mobile.

Empty booking screenAddresses filled, courier optionsService type selected, ready to bookShipment booked confirmation
Role
UX/UI Designer
Team
1 Product Designer (co-design partner), myself
Timeline
2024

Shipmates is a logistics aggregator helping small and medium businesses book shipments across multiple couriers — Borzo, GrabExpress, J&T Express, and Lalamove — in one flow, instead of managing separate relationships with each carrier.

The collaboration
I designed this with another designer, splitting flows across the webapp and mobile experience — roughly evenly across the product.
What was mine
Two flows were specifically my contribution: the address input experience, and the post-booking tracking view. Both are called out below.
Selecting a Grab Express service type during booking
The problem
SME owners were booking shipments through manual processes — calling couriers, comparing rates by hand, re-entering shipment details for every carrier.
The goal
A single booking flow that felt as easy as ordering food delivery, across both desktop and mobile.
The booking flow

One flow, every courier — no phone calls.

The core booking path was designed collaboratively — my co-designer and I split the screens across the product. Here's the mobile walkthrough, from sign-up to the fee breakdown just before a shipment goes out.

01 — Onboarding that adapts to business size

Onboarding adapted to business size. Starter accounts completed a quick sign-up, while Enterprise accounts answered deeper questions about order volume, team size, and how they planned to use Shipmates — helping tailor the experience from day one.

Sign-up — email and password
Starter account — quick set-up choosing plan and usage
Enterprise account — deeper questions on order volume and team size
02 — Booking a shipment

The Book screen is the hub: pick Express or Standard, see the courier partners up front, and pull in Multiple Orders or Shopify Orders when a business is shipping at volume. From there you choose a courier and the service type — motorcycle, sedan — and the rate comes with it.

Book — Express vs Standard, courier logos, Multiple Orders and Shopify Orders
Choosing a courier partner and service type
03 — Fees, before you commit

Before a booking is confirmed, the full breakdown of fees is laid out — so an owner knows exactly what they're paying across the carrier and the service, with no surprises after the fact.

Breakdown of fees screen
Pick-up address form with a pin-on-map fallback and a landmark field
My contribution — the address gap

When the address doesn't exist on the map

One flow I owned was the address input experience. During testing, we found a recurring blocker: many business addresses — especially in provincial or barangay-level areas — simply didn't exist on Google Maps.

I designed a fallback: if the exact address isn't available, users can drop a pin at the nearest known point and add a landmark to help the courier find the exact location — matching how people actually give directions in the Philippines.

Dropping a pin at the nearest known point on the map
The landmark field on the pick-up address form
My contribution — post-booking tracking

Designing for what you can't control

Another flow I owned was post-booking tracking. As an aggregator, Shipmates doesn't control the couriers directly — shipments can get delayed or pickups missed.

I designed a detailed tracking view so business owners always know their shipment status, and have a direct path to track, get a waybill, or cancel — without needing to call support.

Shipment details — tracking ID, courier partner, and Track / Print Waybill / Cancel actions
Shipments list with statuses
Shipment details with tracking ID and courier partner
Impact

This was a design study, so the goals are framed around intent rather than shipped metrics — the outcomes each decision was made to move.

Fewer drop-offs
The pin-and-landmark fallback is designed to keep users from abandoning at the address step when the map fails them.
Fewer support calls
A self-serve tracking view with track, waybill, and cancel built in aims to cut the inquiries that used to go through support.
Faster booking
One flow across every courier — instead of separate calls and re-entered details — is built to get a shipment out in a fraction of the time.
Next case studyCLVR Benefits