In Application Voice Agent

In Application Voice Agent

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

Conversational DesignVoice UXAI Copilot2018 – Present

At a glance

I owned and designed Hey Transflo, a conversational voice feature that plugs into Transflo's driver apps. Drivers hear prompts, messages, notifications, hours-of-service status and load details hands-free, so they stay informed and compliant without picking up the phone.

2018concept and conversation design
2019launched as a plug-in voice feature
3Transflo driver apps it plugs into
AInow evolving into an in-cab copilot
My role
Feature Owner & Lead Designer
Team
Product, UX, Engineering
Timeline
2018 – Present
Platform
iOS · Android · Tablet
01

The challenge

Drivers get a constant stream of dispatch messages, load updates and compliance alerts, but reading a screen while driving is unsafe and restricted. They needed a way to stay informed without picking up the phone.

02

What I led

  • Created the concept and owned the feature from first sketch through launch
  • Designed the conversation: the "Hey Transflo" phrase, prompts, spoken responses, and clear listening, speaking and recovery states
  • Defined the core voice commands: next stop, HOS status, read messages, read notifications and daily summary
  • Designed for hands-free, glanceable use so drivers stay focused on the road and within distracted-driving rules
  • Built it as a standalone plug-in so any Transflo driver app could add voice
  • Built and led the team through repeated rounds of customer input, market and technology research
  • Now guiding its next stage as an AI copilot with automated features that learn from how drivers use it
03

The outcome

Hey Transflo launched in 2019 as its own plug-in feature and was adopted across Transflo's driver apps. Drivers ask for their next stop, HOS status, messages or a summary of their day and hear the answer. Today that foundation is becoming an AI copilot in the cab.

Leadership shownConversational designProduct ownershipVoice UXTeam leadershipCustomer researchAI product strategy

Overview

Hey Transflo is a conversational, in-app voice assistant for truck drivers. I designed it in 2018 as its own plug-in feature, and it launched in 2019. Any Transflo driver app can add it, so drivers get the same hands-free voice experience wherever they work.

Drivers tap the mic, wait for the listening cue, and ask in plain language. Hey Transflo answers out loud, so they can keep their eyes on the road and stay compliant.

What drivers can ask:

  • "What is my next stop?"

  • "What is my HOS status?"

  • "Read my messages."

  • "Read my notifications."

  • "Give me a summary."

I owned the feature from the first concept and have led its team through every stage since, from voice assist to the AI copilot it is becoming today.

Services

Conversational Design, Voice UX, Product Ownership, Product Design, Customer & Market Research, AI Product Strategy.

Client name

Transflo

Team

Feature Owner & Lead Designer (John Karl), Product Management, UX Design & Research, Mobile Engineering, Stakeholders, SME's

Designing the Conversation

Goal:
Make talking to the app feel as simple as talking to a dispatcher, with short prompts, clear answers and no guesswork about what the app is doing.

  • Wake and listen: the "Hey Transflo" screen shows "Things to Ask," so drivers always know what they can say.

  • Clear states: distinct listening, speaking and ready-to-speak states, each with its own icon and motion.

  • Graceful recovery: when it doesn't understand, it says so plainly and lets the driver try again or replay the answer.

Hands-Free in the Cab

Purpose:
Give drivers the information they need while driving without asking them to read or tap through screens.

  • One large mic target to start, and one clear X to close

  • Spoken answers for next stop, HOS status, messages, notifications and a daily summary

  • Built as a standalone plug-in so each Transflo driver app could add voice in the same way, on phones and tablets

  • Designed around distracted-driving rules so drivers stay compliant

From Voice Assist to AI Copilot

Where it is going:
Since launch I have led the team through repeated rounds of customer input, market research and technology research. Each round shaped the next version.

  • 2018: concept, research and conversation design

  • 2019: launched as a plug-in voice feature

  • Today: evolving into an AI copilot in the cab, with AI-automated features and machine learning that improves from how drivers use it

Hey Transflo: a conversational voice feature that plugs into Transflo's driver apps.

Final observations

Hey Transflo shows how conversational design can make a complex, safety-critical job simpler. Starting with a small set of clear voice commands built trust with drivers, and making it a standalone plug-in let it grow across Transflo's apps. That same foundation is now the starting point for an AI copilot that helps drivers before they even ask.

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.