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, such as motorcycle or 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, so 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. These are 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 →