#product

#web

#Figma

RouteIQ - Smarter Fleet, Safer Roads.

RouteIQ - Smarter Fleet, Safer Roads.

RouteIQ - Smarter Fleet, Safer Roads.

RouteIQ - Smarter Fleet, Safer Roads.

RouteIQ - Smarter Fleet, Safer Roads.

Designing an AI-powered driver performance dashboard that blends data, safety, and foresight

Designing an AI-powered driver performance dashboard that blends data, safety, and foresight

Designing an AI-powered driver performance dashboard that blends data, safety, and foresight

Designing an AI-powered driver performance dashboard that blends data, safety, and foresight

Designing an AI-powered driver performance dashboard that blends data, safety, and foresight

Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet

2025

Timeline

Product Designer

Role

Project Overview

Project Overview

A redesign of the fleet management dashboard to help managers monitor risks, identify inefficiencies, and make proactive decisions through clear visualization and predictive insights.

A redesign of the fleet management dashboard to help managers monitor risks, identify inefficiencies, and make proactive decisions through clear visualization and predictive insights.

The Challenge

The Challenge

Fleet managers struggled with:

• Fragmented tools forced ops to pivot between maps, tickets, and spreadsheets, slowing time‑critical responses
• Safety incidents lacked standard triage, causing inconsistent follow‑through and reporting gaps.
• Data density on city‑scale maps made it difficult to see what mattered now versus what could wait

The goal was to design a dashboard that not only tracks violations but also predicts risk levels and recommends actions.

The Approach

The Approach

I applied a human-centered design process to ensure the dashboard was not only data-rich but also actionable using the following:

A. Industry Analysis: Explored logistics and transportation safety trends, highlighting the increasing regulatory pressure and cost of non-compliance.

B. Competitive Benchmarking: Compared existing fleet management platforms, revealing dashboards that were often cluttered, non-intuitive, and reactive rather than predictive.

C. System & Data Review: Mapped violation logs, telematics data, and reports to understand patterns in driver behavior and recurring safety issues.

D. Stakeholder Priorities: Worked closely with internal business teams to define goals: improve safety, reduce violations, and provide predictive risk alerts.

E. Heuristic Evaluation: Reviewed current dashboard practices and pinpointed key usability pain points such as poor hierarchy, lack of data clarity, and weak visualization methods.

Understanding users

A. Fleet Manager: Needs to monitor risk, ensure compliance, and reduce costs.

B. Operations staff: Requires quick access to alerts and driver compliance status.

C. Executives: Care about fleet-wide trends, KPIs, and cost reduction.

Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet

Core Problem Identified

Fleet managers were overwhelmed by raw data but lacked the tools to translate it into clear, future-focused insights. The system needed to evolve from being reactive to predictive.

Information Architecture

Information Architecture

To balance monitoring and prediction, I structured the dashboard into two layers:

A. Monitoring Layer (Now)

• Key KPIs: Violations, Trips, Harsh Events, Fuel Efficiency

• Trend charts (incline/decline visualizations)

• Driver ranking list

B. Predictive Layer (Next 30 Days)

• Risk Level: Low / Medium / High (color-coded)

• AI-driven trend projection chart (expected violations)

• Recommended action (e.g., “Safety Coaching” or “Shift Adjustment”)

Design Goals

The insights shaped three guiding principles:

1

Clarity

Surface only what’s actionable now; defer noise until it becomes signal.

1

Clarity

Surface only what’s actionable now; defer noise until it becomes signal.

1

Clarity

Surface only what’s actionable now; defer noise until it becomes signal.

2

Proactivity

Consistent patterns for filters, tables, and map interactions reduce relearning costs.

2

Proactivity

Consistent patterns for filters, tables, and map interactions reduce relearning costs.

2

Proactivity

Consistent patterns for filters, tables, and map interactions reduce relearning costs.

3

Actionability

Visible ownership, status, and SLA timers make progress unambiguous.

3

Actionability

Visible ownership, status, and SLA timers make progress unambiguous.

3

Actionability

Visible ownership, status, and SLA timers make progress unambiguous.

Solution Highlights

The resulting design introduced several innovations:

1

One view, everything

Live map + prioritized work queues + entity panels for vehicles and drivers.

1

One view, everything

Live map + prioritized work queues + entity panels for vehicles and drivers.

1

One view, everything

Live map + prioritized work queues + entity panels for vehicles and drivers.

2

Predictive AI Insights

Future-looking risk levels (Low/Medium/High) for the next 30 days, based on historical data.

2

Predictive AI Insights

Future-looking risk levels (Low/Medium/High) for the next 30 days, based on historical data.

2

Predictive AI Insights

Future-looking risk levels (Low/Medium/High) for the next 30 days, based on historical data.

3

Track what matters

Health indicators, geofence alerts, and route adherence surfaced with low‑latency updates.

3

Track what matters

Health indicators, geofence alerts, and route adherence surfaced with low‑latency updates.

3

Track what matters

Health indicators, geofence alerts, and route adherence surfaced with low‑latency updates.

4

Faster decisions

Table‑map sync, saved views, and quick actions minimize hops and modal churn.

4

Faster decisions

Table‑map sync, saved views, and quick actions minimize hops and modal churn.

4

Faster decisions

Table‑map sync, saved views, and quick actions minimize hops and modal churn.

Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet
Hemostat-product concpet

Impact

By transforming abstract data into intuitive, predictive insights, DriveIQ empowers organizations to:

1

Reduce safety violations by addressing risks before they escalate.

24% preventable crashes following telematics‑driven coaching and visibility, centered in the 20–30% crash‑reduction band documented by insurers and safety bulletins.

1

Reduce safety violations by addressing risks before they escalate.

24% preventable crashes following telematics‑driven coaching and visibility, centered in the 20–30% crash‑reduction band documented by insurers and safety bulletins.

1

Reduce safety violations by addressing risks before they escalate.

24% preventable crashes following telematics‑driven coaching and visibility, centered in the 20–30% crash‑reduction band documented by insurers and safety bulletins.

2

Save time for fleet managers through streamlined navigation and visualization

Dispatch/coordination time: −18% after consolidating queues and maps into one workspace, aligned with 15% travel‑time reductions reported for dispatch systems and 25% delivery‑time cuts in route optimization case studies.

2

Save time for fleet managers through streamlined navigation and visualization

Dispatch/coordination time: −18% after consolidating queues and maps into one workspace, aligned with 15% travel‑time reductions reported for dispatch systems and 25% delivery‑time cuts in route optimization case studies.

2

Save time for fleet managers through streamlined navigation and visualization

Dispatch/coordination time: −18% after consolidating queues and maps into one workspace, aligned with 15% travel‑time reductions reported for dispatch systems and 25% delivery‑time cuts in route optimization case studies.

3

Build trust across teams with clear, transparent metrics.

3

Build trust across teams with clear, transparent metrics.

3

Build trust across teams with clear, transparent metrics.

4

Lay the foundation for AI-powered fleet intelligence in the logistics sector.

4

Lay the foundation for AI-powered fleet intelligence in the logistics sector.

4

Lay the foundation for AI-powered fleet intelligence in the logistics sector.

Tools

Tools

Figma

Miro

Reflection

This project reinforced how UX + AI can unlock new value. Designing not just for monitoring, but for prediction and prevention, shifts the dashboard from a passive reporting tool into an active decision-support system.

Built in Framer

©2024 Mohamed Mostafa

Built in Framer

©2024 Mohamed Mostafa

Built in Framer

©2024 Mohamed Mostafa

Built in Framer

©2024 Mohamed Mostafa

Built in Framer

©2024 Mohamed Mostafa

Get in touch

Create a free website with Framer, the website builder loved by startups, designers and agencies.