Matrack Driver Safety
fleet driver-safety analytics dashboard for Matrack. It turns thousands of AI dashcam alerts into a single safety score, a risk breakdown, and a short list of drivers to act on, across desktop and mobile.
Overview
Matrack's Safety Dashboard is the command center for its fleet customers' driver safety. It takes a constant stream of AI dashcam and driver-monitoring alerts, distraction, phone use, eyes closed, yawning, overspeed, hard braking, and turns it into one clear picture: how safe the fleet is, which drivers need help, and what to do about it. I designed it for both desktop and mobile, so a safety manager gets the full analytical view at the desk and a focused, tab-based version in the field.
The Challenge
A safety program generates an overwhelming amount of data. Thousands of alerts a month, across every driver, every hour, every route, each one a small signal that on its own means little. The risk with a dashboard like this is that it becomes a wall of charts, technically complete and practically useless. The real job was to answer three human questions fast: is the fleet getting safer or more dangerous, which driver do I need to worry about, and what should I actually do next. And it had to answer all three on a wide desktop canvas and a narrow phone screen with equal clarity.
Research & Insight
Designing for safety data means designing for decisions, not for completeness. A few principles guided the whole thing.
One number sets the tone. A safety manager needs a single read on the fleet before any detail, so an overall safety score leads, with the risk breakdown right behind it.
Risk is a hierarchy, and color should say so. Low, medium, and high aren't neutral categories, they're a priority order, and the same three colors should carry that order through every chart and card.
Drivers, not data points. The unit that matters is the person. Ranked performers and a "requiring attention" list turn a sea of events into a short list of names to act on.
Numbers don't tell you what to do. Raw analytics leave the interpretation to the reader, so the design pairs the charts with plain-language insight, what improved, who needs a review, when alerts spike.
The field and the desk are different jobs. On a phone a manager checks status and reacts, at a desk they analyze, so the same information had to reshape itself, not just shrink.
Product Strategy
Score first, detail on demand. The overall safety score and the four risk-tier totals sit at the very top, so the health of the fleet reads in a glance before anyone digs into a chart.
A consistent language of risk. Low blue, medium amber, high red, used identically across the KPIs, the risk donut, the per-driver bars, and the status pills, so a color means the same thing everywhere.
Turn analytics into a to-do list. Top Safety Performers, Drivers Requiring Attention, and an insights rail translate the graphs into ranked people and clear recommendations, so the dashboard suggests action instead of just reporting it.
Depth for those who want it. Trends over time, alert types per driver, a time-of-day heatmap, and geolocated event tables with media give a manager the evidence behind every number, without forcing it on the ones who only need the summary.
Two layouts, one system. Desktop keeps everything in view with a persistent insights rail, mobile reorganizes the same content into three tabs, Overview, Alerts, and Drivers, so each screen size gets a layout built for how it's used.
Experience Architecture
Desktop.
The top band is the pulse: the overall safety score beside total, high, medium, and low-risk alerts, each with a week-over-week trend.
The middle is the analysis: driver alert trends over time with a searchable driver selector, a risk-distribution donut, a fleet stat strip (drivers, vehicles, distance, accidents), a per-driver stacked breakdown of alert types, and a time-of-day heatmap.
The tables are the evidence: distracted-alert events with location, speed, and media, and a Drivers Requiring Attention list scored and tagged for training, review, or monitoring.
A persistent Insights rail runs down the right, safety improvement, attention required, peak hours, top performers, and recent activity, so the interpretation sits beside the data the whole time.
Mobile.
The same content splits into three tabs. Overview leads with the score, the KPIs, the trend and risk charts, critical alerts, top performers, and the insight cards. Alerts holds the per-driver analysis, the heatmap, and the distracted-alert list. Drivers holds the fleet stats and the attention list as tappable cards. Each tab is a job, so the phone never asks a manager to scroll through everything to find one thing.
Interface System
A single risk palette. Blue, amber, and red for low, medium, and high run through every chart, badge, and card, so risk is legible before a label is read, with a calm teal marking the headline safety score.
Charts built to be read, not admired. Soft area fills on the trend lines, a clean donut for the risk split, stacked bars for alert types, and a time-of-day heatmap, each labeled and paired with tooltips that give the exact numbers on demand.
Status as a signal. High, Warning, Training Required, Under Review, and Monitoring all read as colored pills, so a driver's standing is clear at a glance and never rests on color alone.
Insight in plain words. The recommendation cards translate the data into sentences a manager can act on, which is the difference between a report and a tool.
Responsive by intent. The desktop's dense, everything-visible canvas and the mobile's focused three-tab flow are the same system expressed for two very different moments.
Outcome
As Lead UI/UX Designer, I designed Matrack's Safety Dashboard to turn a firehose of driver-safety alerts into something a fleet manager can actually run a program from: a single safety score up top, a consistent language of risk throughout, a short list of drivers to act on, and plain-language guidance on what to do next, all of it holding together from a wide desktop display down to a phone in the cab. It's a data-heavy product designed to feel calm, where the hardest work went into deciding what earns the top of the screen and what can wait for a tap.
