BlueComply, UI/UX design for a trucking fleet compliance platform

BlueComply

BlueComply
Brand & Product Design · B2B SaaS

BlueComply — UI/UX design for a trucking fleet compliance platform.

BlueComply is a B2B SaaS compliance platform for trucking fleets. The Ugly Studio led brand identity, product UI/UX design, and design system development — from research through dev-ready handoff.

Trucking fleets manage DOT and FMCSA rules across spreadsheets, emails, and a handful of disconnected portals. One expired document can ground a driver or fail an audit. The tools that exist weren't built for the safety managers and fleet operators actually doing the work.

BlueComply is a B2B SaaS platform that brings every credential, inspection, and deadline into one dashboard. We designed the brand, the product UI/UX, and a complete design system — from blank page to dev-ready screens.

Deliverables

Brand identityProduct UI/UXDesign systemDev-ready handoff
BlueComply compliance dashboard showing fleet compliance score, active drivers, and expiring credential alerts
BlueComply driver profile with DQ file tab showing document status badges
BlueComply drug testing dashboard with random pool selection and test tracking
98.4%
audit pass rate across fleets onboarded
+24%
more credentials renewed before deadline
1,204+
compliance tasks tracked in the first two quarters
The product

One compliance dashboard for the whole fleet.

We mapped every task a fleet manager and safety manager does in a week, then designed a system where each one is a click or two from the dashboard. What's expiring, what needs action, what just passed, all visible at a glance.

Every compliance workflow gets its own screen. Audit packs generate in one click. The interface is clean enough that anyone on the team can read it under pressure.

BlueComply drivers list UI with active, applicant, and terminated status filters
BlueComply FMCSA clearinghouse dashboard with compliance query tracking
BlueComply data table with color-coded compliance status badges and one-click audit export
The brand

Brand identity for a compliance SaaS platform.

Most compliance tools look stressful on purpose — red warnings, dense tables, fine print everywhere. We designed BlueComply's brand identity to feel like the opposite: open it and know things are handled. Calm blues, bold type, clean structure.

BlueComply logo mark and wordmark on light and dark backgrounds
BlueComply typography specimen showing primary and secondary typefaces
BlueComply color palette with compliance status colors — green valid, amber expiring, red missing
BlueComply icon set and UI illustration system

Color carries meaning everywhere — green for valid, amber for expiring, red for missing. Same logic from the dashboard down to the smallest status chip.

BlueComply UI design system showing buttons, modals, tables, status badges, and form components
The design system

Design system built to ship and scale.

A complete UI component library — buttons, tables, modals, status badges, form inputs — so the dev team builds from one source and the product stays consistent as it grows.

BlueComply brand system applied to compliance dashboard with bar charts and summary statistics

Rolled out across the product, the design system holds up everywhere. Here's how it looks in context.

BlueComply incidents and claims management interface with tabbed navigation
BlueComply compliance reminders dashboard showing upcoming and overdue deadlines
The outcome

From a spreadsheet to system of record.

Fleets on BlueComply hit a 98.4% audit pass rate and renew 24% more credentials on time. What started as a spreadsheet replacement is now the tool teams open every morning.

Next projects
← All projects