Onramp
UX DesignDecember 2020

Onramp

Freight payments UX

UX design for a freight trucking fintech startup, covering fuel payments and lumper payment flows.

Tools: Figma, Adobe Premiere Pro

OnrampMichael Morris

KACHOW! LLCKarina Chow (UX design)

View Live Project

The Client

The freight trucking world is highly complex, with many different actors and payment scenarios. Truckers can be part of a large corporate fleet or sole proprietors. Diesel purchases are often done via company credit card, while lumper payments (more on lumpers below) are typically done through cash or COMCHEKs, specialized checks from COMDATA, which has a near monopoly on them.

Onramp is a startup aiming to automate payments and optimize efficiency and security across the freight ecosystem.

The Ask

In 2020, we worked with founder and CEO Michael Morris to design UX for Onramp's first product concepts: their flagship FuelPay feature and a lumper payments flow, delivered as interactive prototypes and video walkthroughs they could put in front of users and investors.

The Process

All designs and interactive prototypes were created in Figma, with demonstration videos produced in Adobe Premiere Pro.

Figma workspace with Onramp designsScreens for every actor and scenario

FuelPay: The flagship feature rewards freight drivers for fueling at partner stations like Love's and Pilot Flying J. We designed a mobile flow where truckers plan their route on a map, get directed to participating stations, refill their diesel or reefer fuel, and complete the transaction through the app. Rewards might include gift cards, free food, showers, and other truck stop perks.

Pilot Flying J integration designsThe Pilot Flying J partner flow

Lumper Payments: A lumper is a laborer who loads or unloads cargo at the destination. Say you're a freight trucker transporting West Elm furniture across the country: when you arrive, professional lumpers greet you to unload it. They're usually not hired by West Elm but are independent contractors paid by the freight driver, in cash or COMCHEKs. We designed flows for both sides: the fleet or driver initiating payment, and the lumper receiving it via SMS or email.

Fleet: pay a lumperLumper: receive via SMSLumper: receive via email

The Outcome

We delivered complete Figma designs covering both FuelPay and lumper payment flows, with screens for all user types and scenarios. The interactive prototypes and video walkthroughs gave Onramp tangible assets for user testing and investor conversations as they developed their vision for modernizing freight payments.

What the Client Says

“Karina joined our fintech startup as one of the first team members and helped shape the UX direction for our trucking payment platform. Her ability to translate complex payment flows into simple, driver-friendly interfaces was invaluable.”

Michael Morris

CEO at ONRAMP

Interested in similar work?

Get in Touch