01

Problem Space — Brand New Mobile Apps

Fleet Management is a discipline within the telematics industry that requires digital products to support vehicle tracking, asset tracking, workforce management, safety compliance, delivery management, and dispatch. The complete B2B solution includes mobile apps for en-route workers and a desktop portal for backend office teams.

Mobile app scope Vehicle status monitoring and service station search.
Path navigation to destinations.
Driving log creation and behavior scoring.
Dispatch task allocation and asset pickup.
Backend team support and communication.

02

Project Outcome

Over 3 months, I worked closely with domain experts and the leadership team to define key value propositions for each app, develop UX concepts and design guidelines, and deliver information architecture, style guides, interaction flows, wireframes, UI kits, visual mocks, and prototypes.

This work helped the company establish its mobile app experience strategy, extend its business offerings, and build a foundation for the next phase of feature development.

Project outcome overview

03

Research & UX Strategy

Domain Knowledge & User Study

Telematics was new territory for me. My priority was to first understand who the user groups were and what their use scenarios looked like — especially compared to the Fleet Management web portal we were building in parallel. Since transportation is a regulated industry, I also needed a solid grasp of safety compliance requirements. My methods included interviews with a regulation specialist, group discussions with product owners, and persona narratives for en-route workers across driving, transporting, and dispatch scenarios.

UX Design Tactic

With no historical web statistics to draw from (this was a greenfield build), and a SaaS model that needed to minimize learning curves for drivers — many of whom aren't tech-savvy — I proposed a content-first UX model instead of a menu-driven one. The actual content surfaces directly on the UI, reducing interaction friction and making the apps self-explanatory from the first launch.


04

App #1 — Fleet Mobile Worker

Designed for long-distance drivers in logistics and transportation. The app helps them ensure assets are secure, vehicles are in good status, locate nearby service stations and parking, and stay aware of their driving behavior — all from their phone while en route.

Information Architecture

Following the content-first tactic, the app's hero page serves as a content hub and navigation bridge to all functional areas — trip statistics, driving behavior scoring, en-route assistance, and reports.

Information Architecture
Fig.1 — Information Architecture

Visual Exploration

I created two visual directions, weighing company image, product character, and current design trends.

Visual Concept A — moodboard and exploration:

Visual Concept A — moodboard
Fig.2 — Visual Concept A: Moodboard
Visual Concept A — exploration
Fig.3 — Visual Concept A: Exploration

Visual Concept B — moodboard and exploration:

Visual Concept B — moodboard
Fig.4 — Visual Concept B: Moodboard
Visual Concept B — exploration
Fig.5 — Visual Concept B: Exploration

After discussions with the leadership team, we moved forward with Concept A, with further refinements.

Final Mocks

App #1 — Final Mocks
App #1 — Value props

05

App #2 — IFTA Fuel Tax Reporting

IFTA (International Fuel Tax Agreement) requires carriers to report the fuel purchased and distance traveled per jurisdiction each quarter. This app helps carriers save administration time and eliminate manual data reconciliation — aggregating fuel transactions by location and fuel type into a pre-built compliance report.

Concept Ideation

The overall functions were relatively straightforward. My ideation focused on how to minimize the learning curve for drivers moving from paper forms to a digital tool. I proposed using a paper log analogy — a form header for the trip overview, with line items for individual fuel consumption records — so the mental model would feel immediately familiar.

Paper log analogy
Fig.6 — Paper log used as a design analogy

Concept Mocks

The experience model: whenever drivers cross a state line or add fuel, all they need to do is tap a button — the rest is automated. A first-time onboarding tip guides new users through creating their first trip.

IFTA App — Concept Mocks

06

App #3 — Resource Tracker

Designed for en-route workers who answer dispatch requests. The app enables users to receive tasks, start, complete, or reject them, navigate to destinations, and view delivery windows and contact information.

Design Challenge

The main challenge was how to present dispatch tasks in chronological order when delivery time windows frequently overlap. After working with the development team to understand the backend dispatch algorithm — which optimizes assignments based on worker location and availability — I designed a loose timeline concept: overlapping tasks appear in the same time section, all in sequence. Completed or rejected tasks update in place.

The key to a usable experience was ensuring that available actions are always contextually accurate:

An ongoing task shows driving minutes and surfaces a Complete action.
An upcoming task shows leave-by time and surfaces a Start action.
A newly dispatched task is called out distinctly, with an Accept or Decline option available for a limited window.
Dispatch card states
Fig.7 — Relevant actions and info for tasks in different timing states

A second key function lets workers mark their status — on duty, on break, or off duty — so the dispatch system knows when and to whom to send new tasks.

Work status switch
Fig.8 — Easy work status switch

Concept Mocks

Resource Tracker — Concept Mocks