Currently playing Hollow Knight
Cambridge Mobile Telematics
Cambridge Mobile Telematics (CMT) is the world’s largest AI-driven B2B2C SaaS telematics provider.
Here, I designed a series of adaptable mobile app integration mockups to visualize CMT's SDK integrations for gig apps, with the goal of streamlining the pitch-to-implementation process.
I conducted market research, iterated interactive prototypes in Figma, and cross-functionally collaborated with stakeholders in product management and sales.
ROLE
Product Design Intern
TIMELINE
Jun-Aug 2025
SKILLS
UI/UX Design
Market Research
Information Hierarchy
Prototyping
TEAM
Commercial Mobility
1 Design Manager
1 Designer (Me!)
COLLABORATORS
2 Product Managers
1 Sales Director
1 Director of Product
1 Consultant
THE PROBLEM
On average, it takes about 1.5 years for gig apps to roll out a telematics pilot- from pitch to implementation.
Due to unique visual branding and customer data privacy, CMT previously did not have a universal and comprehensive design framework for how to integrate telematics features into existing apps, making it difficult to pitch to new gig clients without effective visuals.
Consequently, much of those 1.5 years are spent in back-and-forth conversations on what a telematics pilot should even look like, often to due a client's lack of design resources and/or expertise on best practices.
As a result…
How might we streamline a design framework that is accurate to CMT, comprehensive for gig clients, and intuitive for end users?
THE SOLUTION
CMT’s Brand Agnostic Telematics Integration for Gig Apps
A comprehensive look at how CMT helps gig drivers drive safer.
DRIVING OVERVIEW
Your in-app one-stop-shop for all things telematics.
Your directory for all of your safe driving needs, designed to mesh seamlessly in any dashboard. Topped with an animated overall score arc and subscore bars, and fleshed out with entry points to the integration’s main features: Driving Insights, Subscore Pages, and Recently Flagged Trips.
Basic trip statistics
Driving event tags
Starting Location
Triggered driving events
Ending Location
Driving event indicators
Coaching cards based on triggered driving events
TRIP OVERVIEW
Details down to the last second.
Keep track of how you’re doing at a trip-level view of your driving habits with an interactive map and a comprehensive timeline of your trip.
CRASH REPORT
FNOLs in just a few taps.
Everything you need to fill out an FNOL form in the event of a crash, all in one place. Adapted for easy sharing to keep everyone in the loop.
Basic vehicle info
Interactive map
Essential crash details
Timeline recap from related trip
Upload crash site images
Toggle between personal and other insurance info
Other driver contact info
Image slots for documents, ex. insurance card and driver’s license
Achievements progress configured to gig app’s rewards system
Progress, Completed, and Claimed achievement badges
ACHIEVEMENTS
Incentives that actually matter.
Get rewarded for safe driving and earn perks that give you a competitive edge.
DRIVING INSIGHTS
Track how you’ve been doing over time.
Keep track of how you’ve been doing and learn more about where you could improve with highlighted problem scores at the top.
Trend graph to track score over time
Problem scores highlighted and called out at the top
Coaching based on driving habits
Positive reinforcement and additional coaching for good subscores
Speeding
INDIVIDUAL SUBSCORE PAGES
Problem subscore? No problem.
Learn more about each subscore in its own page, tucked away from the main Overview but there when you need it.
MARKET RESEARCH
What makes a telematics integration anyways?
I analyzed screens from Uber, Amazon, DoorDash, and Lyft, taking note of features that appeared in 3 or more apps, or features that I thought would be a good demonstration of CMT’s capabilities; remember, our goal is to be comprehensive.
KEY INSIGHTS
Here’s what we found:
1
Lack of UX Patterns
Even though Gig apps roughly have the same user base for drivers, each app’s telematics visualizations were drastically different- and sometimes impossible to access save for random push notifications.
2
Driver Dissatisfaction
Gig driver forums often cited concerns with inaccuracy and confusion on how their driving scores were being calculated, ultimately debating how it would even be helpful to them.
DESIGN PROCESS
The baseline begins with a good user experience, with intuitive user flows and visualizations that are easy to understand.
INITIAL PAGE STRUCTURE
WIREFRAMES
ESTABLISHING USER FLOWS ASAP WITH PROTOTYPES USING CMT'S WHITE LABEL DESIGN SYSTEM
SECOND ITERATION OF HIGH FIDELITY MOCKUPS AFTER REVIEWING TRIED AND TRUE HCI GUIDES
STAKEHOLDER CONVERSATIONS & FEEDBACK ROUNDS
Iterative design is hardly a one-person show.
Especially in a B2B2C environment. So here are some of the discussions we had with our most important stakeholders:
SALES: CRASH REPORT FEATURE
DESIGN & PM: ACHIEVEMENT FLOWS
END-USER: INCENTIVES AND BENCHMARKING
“What do gig drivers truly value when they're taking jobs on an app?”
-Me, person who has taken many Ubers but had never driven one
“The most successful incentives are those that give drivers a competitive edge. They're also all perfectionists, but it's hard to get there- so context matters more.”
-Harry, person who has driven many Ubers (and more)
Turns out the rewards system matters just as much as the reward itself. Here's how we addressed that:
BEFORE
Has little to do with the app’s core function
Might present tax complications for gig company and drivers
AFTER
Point tier system that rewards perks depending on driver tier*
Rewards at no extra monetary cost to the gig company
*Depends heavily on what the gig company decides
Context is definitely needed, but too much of it can be distracting. Here's how we reduced the cognitive load with visual grouping while still giving drivers just enough benchmarking:
BEFORE
Inconsistent percentile language (top 5% vs. doing better than 95%)
Repetitive language & formatting
AFTER
Less visual clutter
Greater understanding of which scores to improve
Design & PM: Achievement Flows
IMPACT AND NEXT STEPS
Time to put it to practice!
While we could technically stop there, we decided to brand out these designs based on who we're pitching to in the coming weeks. Here, we had the goal of seamlessly reimagining existing screens with our telematics integrations.
CORE SCREENS FOR A MAJOR FOOD DELIVERY APP
GIG APP CURRENT UI
+
CMT BRAND AGNOSTIC FRAMEWORK
=
BRANDED TELEMATICS INTEGRATION
As of September 2025, this design framework has been pitched to two major food delivery companies and are pending contracts.
Though the usage of these designs is still in the early stages, it's expected to shorten the pitch-to-implementation timeline by providing other designers with a sound reference. Key quantitative metrics could look like quicker turnaround times and the number of gig companies that sign contracts after the initial pitch.
Reflections
While I learned a lot this summer, from prototyping techniques in Figma to new user research tools, these are some of my biggest takeaways:
1
HCI guides are goldmines
I used to rely heavily on my intuition to guide my design processes, writing off design principles as “common sense”. However, after discovering that big companies often publish their design systems, I found myself growing more mindful of how many pixels I made my margins and how big I made my titles. I became way more comfortable and confident while iterating my designs, relying less on loose feeling and designing with more intention.
2
A question for you! And you!
It was a struggle designing those achievements screens, mostly because it was hard for me to understand what was important to our target user base on my own. But, with some Slack messages here and Zoom interviews there, collaborating with our stakeholders really helped ground my perspective on how to best design for our target user base.
3
Juggling B2B2C needs
While there were a lot of moving parts in this project, grounding design decisions in lived experiences and our core objectives prevented me from losing sight and helped me pinpoint that sweet spot for everyone.
٩(๑❛ᴗ❛๑)و
Made with some TLC and
a whole lot of white cheddar Cheez-Its.
Let's keep in touch!
ruofuli@uw.edu