Collective Data – Summer 2021

Streamlining Fuel Management for Large Fleets

Fleet management dashboard showing fuel transaction data and analytics

This work was originally done 2019-2022.
View the 2025 Prototype Lovable here
to get an idea of my current skills! 👍

This interface represents a 2025 rework of the original 2021 design and implementation.

Role

UX Designer

Timeline

2019 – 2022

Team

UX Designer, 2Ă— App Developer, 1Ă— Support Agent, 1Ă— Customer Success Manager

Skills

Wireframes, Mockups

Impact

  • Improved time to resolve data issues by 90% (weeks to hours)
  • Immediate notification of data issues via email
  • Data issues (when they occur), are detected immediately
  • Users avoid costly data cleanup

Overview

I proposed and designed a new framework to address infrastructural issues that were repeatedly wasting company engineering resources to resolve.

Collective Data? Construction, utilities, & law enforcement agencies utilize Collective Data's enterprise asset management software, Collective Fleet, to track, among other things, fuel usage for their fleet of vehicles. Collective Fleet can also integrate with third party fuel vendor apps to synchronize data.

The Problem (surface level)

The company's engineering resources were being wasted dealing with re-occurring support tickets caused by infrastructural issues with the fuel transaction import. Engineers could not focus on the main product.

The Problem (under the hood)

The middleware handling the data was not robust enough to handle certain scenarios. Simple scenarios such as 'Does this vehicle exist in the system?' did not gracefully fail or notify users. A data issue could persist for months before anyone noticed. Data clean-up is expensive for users.

Research & Discovery

To expand my understanding of the problem, I met with internal support agents and account managers. I also interviewed representatives from the third party companies we were importing from to establish a knowledge base of the data they gathered and what was technically possible. Our system could be adjusted to detect and notify users of when problems happen and how to resolve them.

My new design would first detect missing or bad data based on preset metrics (which could be updated later). As seen in the service flow below, if bad data is detected, the records are flagged and the end-user is notified allowing them to take action.

Opportunity

Traditional Approach

Create a Dev support ticket. May be deprioritized and not started for 6 months. Any future issues require Dev, as only they have backend access.

Design Solution

Design a solution. No future Dev time required for this issue. Reduces support ticket open time. Easy for app devs to expand later.

How I Knew What to Do

Years of working for Collective Data gave me extensive product middleware knowledge. This included both functionality and database perspectives. I worked daily with app devs and software engineers, learning from them.

Leveraging this, I mapped out the information architecture and user‑flows. Research revealed that customers could be integrated with multiple vendors. Some preferred odometers from source A and fuel transactions from source B.

To address this, I added an 'integration' field to differentiate imported transactions by source and what data was brought in.

System Architecture

The following diagrams illustrate the original 2021 system architecture and data flow that was designed to handle fuel transaction imports and error detection.

System hierarchy diagram showing relationships between fuel log assets, integrations, and data objects

Object hierarchy and field relationships (Original 2021 design)

Event flow diagram showing the process from nightly integration runs through user approval

Integration event flow and approval process (Original 2021 design)

Planning & Collaboration

Throughout the design process, I collaborated closely with the application development team through whiteboarding sessions to map out business logic and system requirements.

Whiteboard showing fuel transaction logic with conditions for putting transactions on hold vs instant import

Whiteboarding with the application development team - Business logic planning

Whiteboard showing comprehensive system planning with fuel card concepts, UI wireframes, and problem identification

Whiteboarding with the application development team - Early conceptual planning and UI exploration

Results

Roughly 35% of our customers have at least one fuel integration, with half using the advanced version (as of July 2022). The improved module now groups records by vendor, month, and fuel type. Errors can be resolved directly within the system.

  • Improved time to resolve data issues by 90% (weeks to hours)
  • Immediate notification of data issues via email
  • Data issues are detected immediately when they occur
  • Users avoid costly data cleanup

Retrospective

The time app devs spent fixing data after third-party errors dropped significantly. Support agents could handle most questions thanks to a clearer UI.

The internal seminar I led for the client trainers also went well.

But—this shouldn't have taken 8 years. A sales rep originally designed the feature in 2011, bypassing design/dev. I redesigned it after joining in 2017, shipping in 2019.

If the SWE team had been more available, some functionality could've gone into the backend for better performance at scale.

Built with v0