Trucking Mobile Application

Trucking Mobile Application

Drivers All-In-One Workspace Mobile Application

Mobile ApplicationB2CSupply chain Logistics2018 – Present

At a glance

From contract designer to Head of Mobile Product, I have shaped Transflo's flagship driver app at every level: strategy, design, delivery and its next AI-powered phase. It serves 500K+ drivers with 3.2M+ downloads.

3.2M+app downloads across North America
70%faster document time-to-submit
4.8★iOS rating, driven by NPS and review insights
80%+of my team members promoted to higher roles
My role
Contractor → Head of Mobile Product
Team
PMs, designers, researchers, dev & stakeholders
Timeline
2018 – Present
Platform
5 release platforms incl. iOS & Android
01

The challenge

Drivers juggle scanning, loads, navigation and compliance in one app, often on the road. Long, error-prone flows slowed document submission and payment, drove support calls and held back app-store ratings. The product also needed a clear path into AI.

02

What I led

  • Own product strategy, experience vision and roadmap, and lead key market decisions
  • Led market and competitive analysis with Product and leadership teams
  • Built the release process for a complex schedule across 5 platforms
  • Built, mentored and led PMs, UI/product designers, researchers and dev teams; 80%+ grew into higher roles
  • Redesigned registration, scanning and load workflows through discovery, journey mapping and rapid prototyping
  • Turned NPS and app-store reviews into fixes that lifted ratings on iOS and Android
  • Wrote the go-forward roadmap for the AI-agent phase and led AI adoption across teams
03

The outcome

The core document flow went from 10 steps to 3 and time-to-submit fell 70%. Ratings rose to 4.8 on iOS and 3.4 on Android, support demand dropped, and the product and teams are now set up for an AI-agent future.

Leadership shownProduct strategyMarket & competitive analysisTeam building & mentoringRelease managementAI adoptionMobile UX

Overview

Transflo Mobile+ is a configurable and driver-centric app that combines mobile scanning, telematics, load management, navigation, and communications into a single, seamless experience. It’s trusted by millions—over 3.2 million downloads—and supports major fleets across North America.

Key features include:

  • Unlimited Mobile Scanning: Capture, auto‑crop, compress, and submit documents like BOLs, PODs, weigh tickets, and claims with optimized image quality and minimal effort.

  • Loads Workflow & Messaging: Accept or decline loads, view trip details and maps, handle multi‑stop routes, and message fleet or broker contacts directly.

  • Integrated Navigation & Bypass Tools: Built‑in CoPilot Truck navigation with real-time traffic, routing by truck specs, and Drivewyze weigh‑station bypass alerts.

  • ELD/HOS Support & Telematics: Hours‑of‑Service compliance via T‑Series ELD integration, automatic duty‑status updating, plus access to advanced telematics data through ATI integration.

  • One‑Tap Signature & Accident Reporting: Digitally sign eBOL/ePODs, submit accident/OS&D reports with photo uploads, and track document history with confirmations.

  • Customizable Dashboard UI: Tailor your home screen with configurable dials, tiles, bottom‑nav menus, and voice‑activated commands via Hey Transflo.

Services

UX Redesign (Dashboard/Navigation 2018), Application Direction, Product Design, Motion Design.

Client name

Transflo

Team

Director of Product Experience (John Karl), Sr UX Designer (Jake Cummings), UX Designer/Researcher (Kassandra Knapp), Ux Designer (Emily Bashore), CPO (Justin King), Product Manager (Evan Johnson), Jr. Product Manager (Zach Elnahwy), Mobile Dev Manager (Darrel Durkie), CTO (Salem Elnahwy), VP of Dev (Ed Gutierrez), Stakeholders, SME's

Registration UX Overview

Objective:
To provide drivers and fleet users with a simple, intuitive onboarding process that gets them registered and ready to use Transflo Mobile quickly—with minimal friction and high data accuracy.

Scanning UX Overview

Purpose:
To enable drivers to quickly and accurately scan and transmit key documents (e.g., bills of lading, proof of delivery, fuel receipts) from their mobile devices, improving document turnaround time, reducing paperwork errors, accelerating payment processing, and adding requested functionality to speed up capture to confirmation.

Transflo Mobile Loads Workflow UX Overview

Purpose:
To guide drivers through the end-to-end process of managing and completing freight loads, ensuring clarity, compliance, and efficiency at every step of the journey.

Core UX Objectives

  • Simplify load execution from pickup to delivery

  • Ensure task compliance with clear prompts and checkpoints

  • Minimize driver distractions with intuitive, mobile-first design

  • Provide real-time visibility to fleets and back-office teams

Continuous Enhancement to Mobile Product

Final observations

Transflo Mobile+ is a robust, feature-rich platform designed to meet the complex demands of drivers and logistics professionals. From a UX perspective, it demonstrates a strong foundation in user-centered design, while also revealing meaningful opportunities for refinement—driven by real-world usage, evolving user expectations, and contextual insights.

John Karl

19 Years • Product & UX Design Leader Leading Mobile Product for 500K+ Users

If you like what you see or have any questions, feel free to send me an email anytime.

Selected work

[2010 -2025]

Bibliophiles iOS app shown on iPhone screens

Icon set for the mobile app

Bibliophiles: Book Discovery & Reading Community App for iPhone

V2 of the 2016 book-rating concept rebuilt as a native iPhone app that learns your taste, opens the copy you own and connects readers who like what you like

View case study →

Groundtruth command screen with the satellite map of the DR-4399 damage sites
ConfidentialPassword Protected

Icon set for the mobile app

Groundtruth: FEMA Damage Assessment Platform

Phone photos in, FEMA-ready damage records out, with AI that separates every photo and a person who confirms every item

View case study →

ShowDeck Launch Grid: songs as backlit glass pads on a Mac

Icon set for the mobile app

ShowDeck: Live Show & DJ Audio App for Mac, iPad and iPhone

One offline app to run live shows, worship services, water-ski shows, live music and radio, with AI as the build team

View case study →

Icon set for the mobile app

Halo: Vehicle Experience Concept

One driving experience across an AR head-up display, instrument cluster, center screen, CarPlay and CarPlay Ultra

View case study →

Icon set for the mobile app

Gumdrop Grid: Candy Puzzle Game for iPhone

A candy puzzle where gummies melt and the board cascades, taken from concept through App Review with AI as the build team

View case study →

Icon set for the mobile app

HoneyDo Scan: LiDAR Measuring App for Field Estimates

An iOS field app that scans rooms with LiDAR, reads documents and collects signatures, then sends it all straight to the estimate

View case study →

Icon set for the mobile app

AI-Powered Field Service Management Platform

A cloud platform with a built-in AI agent that runs a service company's scheduling, estimates, invoicing, payments and reporting, so crews can focus on the real work

View case study →

Icon set for the mobile app

HoneyDo Crew Website

A brand-forward website with a custom AI assistant that turns local homeowners into booked visits

View case study →

Icon set for the mobile app

Schoolnight

A vibe-coded family app that turns Canvas homework into one calm daily summary

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Workflow Studio

Empowering users to independently design and refine supply chain workflows for greater efficiency and agility

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Workflo AI

Innovating AI Guided Back Office Workflows

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Mobile Design System

Leading UX and Dev to one source of truth for the driver-app UI

View case study →

Icon set for the mobile app

Wallet

All Digital Discounted Fueling at your Fingertips

View case study →

Icon set for the mobile app

Scorecard Feature

Designed gamification elements for the mobile user experience to encourage positive driver behaviors, enhance engagement, and contribute to improved company performance scores—ultimately supporting reduced insurance costs through safer driving habits.

View case study →

Icon set for the mobile app

In Application Voice Agent

Conversational voice assistant that keeps truck drivers informed, hands-free and compliant

View case study →

TFM+

Icon set for the mobile app

Trucking Mobile Application

Drivers All-In-One Workspace Mobile Application

View case study →

Icon set for the mobile app

Event-Management SaaS: Brand, Web App & Launch

A full brand system, 40+ web app screens and a launch commercial for an event-planning startup

View case study →

Icon set for the mobile app

Lakeside Resort: Brand, Video & Print Campaign

A new resort identity, location video, website and print campaign for a waterfront campground destination

View case study →

Icon set for the mobile app

Marketing Platform: Web Redesign & Content Program

A responsive redesign, mobile app screens and an ongoing content program for a brand-marketing start-up

View case study →

Icon set for the mobile app

Spine Surgery Practice: Brand, Website & Patient Print

A brand system, website redesign and patient print materials for an orthopedic spine practice

View case study →

Icon set for the mobile app

Video Studio: Physician, Insurance & Event Production

Physician introductions, a weekly insurance video series and drone event coverage from Entangle Media's in-house studio

View case study →

Icon set for the mobile app

Agency Growth, Brand & Marketing

Growing a Tampa creative agency as Director of Marketing & UX: agency brand, marketing and new service lines

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

International Auditing Prototype

Research and Development initiative to design and build the innaResearch and Development initiative to design and build the international auditing software platform utilized by one fo the top auditing firms in the world.

View case study →

Icon set for the mobile app

Novel Rate

Crowd-sourced book ratings and reviews app

View case study →

Icon set for the mobile app

R&R Divide Insurance Portal

Insurance agency web app with a KPI dashboard and agent directory

View case study →

Icon set for the mobile app

Amprop Ventures Website

Website design and branding for a real estate developer

View case study →

Icon set for the mobile app

Quik Tracks

iOS app for firing sound effects and backing tracks live

View case study →

Icon set for the mobile app

Quidamo

A watch-face style circular interface, designed from concept to launch

View case study →

Bibliophiles iOS app shown on iPhone screens

Icon set for the mobile app

Bibliophiles: Book Discovery & Reading Community App for iPhone

V2 of the 2016 book-rating concept rebuilt as a native iPhone app that learns your taste, opens the copy you own and connects readers who like what you like

View case study →

Groundtruth command screen with the satellite map of the DR-4399 damage sites
ConfidentialPassword Protected

Icon set for the mobile app

Groundtruth: FEMA Damage Assessment Platform

Phone photos in, FEMA-ready damage records out, with AI that separates every photo and a person who confirms every item

View case study →

ShowDeck Launch Grid: songs as backlit glass pads on a Mac

Icon set for the mobile app

ShowDeck: Live Show & DJ Audio App for Mac, iPad and iPhone

One offline app to run live shows, worship services, water-ski shows, live music and radio, with AI as the build team

View case study →

Icon set for the mobile app

Halo: Vehicle Experience Concept

One driving experience across an AR head-up display, instrument cluster, center screen, CarPlay and CarPlay Ultra

View case study →

Icon set for the mobile app

Gumdrop Grid: Candy Puzzle Game for iPhone

A candy puzzle where gummies melt and the board cascades, taken from concept through App Review with AI as the build team

View case study →

Icon set for the mobile app

HoneyDo Scan: LiDAR Measuring App for Field Estimates

An iOS field app that scans rooms with LiDAR, reads documents and collects signatures, then sends it all straight to the estimate

View case study →

Icon set for the mobile app

AI-Powered Field Service Management Platform

A cloud platform with a built-in AI agent that runs a service company's scheduling, estimates, invoicing, payments and reporting, so crews can focus on the real work

View case study →

Icon set for the mobile app

HoneyDo Crew Website

A brand-forward website with a custom AI assistant that turns local homeowners into booked visits

View case study →

Icon set for the mobile app

Schoolnight

A vibe-coded family app that turns Canvas homework into one calm daily summary

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Workflow Studio

Empowering users to independently design and refine supply chain workflows for greater efficiency and agility

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Workflo AI

Innovating AI Guided Back Office Workflows

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

Mobile Design System

Leading UX and Dev to one source of truth for the driver-app UI

View case study →

Icon set for the mobile app

Wallet

All Digital Discounted Fueling at your Fingertips

View case study →

Icon set for the mobile app

Scorecard Feature

Designed gamification elements for the mobile user experience to encourage positive driver behaviors, enhance engagement, and contribute to improved company performance scores—ultimately supporting reduced insurance costs through safer driving habits.

View case study →

Icon set for the mobile app

In Application Voice Agent

Conversational voice assistant that keeps truck drivers informed, hands-free and compliant

View case study →

TFM+

Icon set for the mobile app

Trucking Mobile Application

Drivers All-In-One Workspace Mobile Application

View case study →

Icon set for the mobile app

Event-Management SaaS: Brand, Web App & Launch

A full brand system, 40+ web app screens and a launch commercial for an event-planning startup

View case study →

Icon set for the mobile app

Lakeside Resort: Brand, Video & Print Campaign

A new resort identity, location video, website and print campaign for a waterfront campground destination

View case study →

Icon set for the mobile app

Marketing Platform: Web Redesign & Content Program

A responsive redesign, mobile app screens and an ongoing content program for a brand-marketing start-up

View case study →

Icon set for the mobile app

Spine Surgery Practice: Brand, Website & Patient Print

A brand system, website redesign and patient print materials for an orthopedic spine practice

View case study →

Icon set for the mobile app

Video Studio: Physician, Insurance & Event Production

Physician introductions, a weekly insurance video series and drone event coverage from Entangle Media's in-house studio

View case study →

Icon set for the mobile app

Agency Growth, Brand & Marketing

Growing a Tampa creative agency as Director of Marketing & UX: agency brand, marketing and new service lines

View case study →

ConfidentialPassword Protected

Icon set for the mobile app

International Auditing Prototype

Research and Development initiative to design and build the innaResearch and Development initiative to design and build the international auditing software platform utilized by one fo the top auditing firms in the world.

View case study →

Icon set for the mobile app

Novel Rate

Crowd-sourced book ratings and reviews app

View case study →

Icon set for the mobile app

R&R Divide Insurance Portal

Insurance agency web app with a KPI dashboard and agent directory

View case study →

Icon set for the mobile app

Amprop Ventures Website

Website design and branding for a real estate developer

View case study →

Icon set for the mobile app

Quik Tracks

iOS app for firing sound effects and backing tracks live

View case study →

Icon set for the mobile app

Quidamo

A watch-face style circular interface, designed from concept to launch

View case study →

Drop me a follow

Tampa, FL

Available for work

Let’s create something great together.

I turn messy problems into products people love, with a team that loves building them.

Drop me a follow

Tampa, FL

Available for work

Let’s create something great together.

I turn messy problems into products people love, with a team that loves building them.

Available for work

Let’s create something great together.

I turn messy problems into products people love, with a team that loves building them.