Project Overview

Fleet customers had been asking for a dedicated mobile experience to support their drivers, get clearer visibility into charging behavior and manage spending. Competitors were already investing heavily in this space. As the sole UI/UX designer and UX researcher, it was my job to design this new EV charging app from the ground up.

The design effort encompassed everything from early discovery and competitor analysis to final UI delivery, accessibility guidelines, and developer handoff. Collaboration evolved over time, starting with a remote engineering team and later transitioning to an in-house team as development shifted internally.

Requirements

Help fleet drivers quickly locate chargers and start a charging session with confidence.
Give customers real-time visibility into spending and charger usage across their fleet.
Represent charger details clearly and accurately, without overwhelming the user.
Meet strict WCAG 2.1 AA accessibility requirements, which was legally necessary for the EU market.

Goals

Find a charger with minimal effort
Understand pricing and charger capabilities quickly
Start and manage a session confidently
Access clear records of previous charging sessions
The experience had to be intuitive, reliable, and scalable, something customers could trust for critical day-to-day operations.
Strengthen competitiveness in the EV charging industry
Provide better support for fleet customers
Build a strong foundation for future feature growth

Research & Discovery

Competitor Audit

I conducted a competitor analysis of leading EV charging apps, reviewing map interactions, charger availability, pricing, session flows, and accessibility. Across the market, most apps overloaded users with technical details, buried pricing, and lacked consistent accessibility. These insights shaped a design approach focused on clarity and ease of use.

Internal Insights

Because the app is designed for fleets, I also reviewed customer support tickets, driver pain points, account manager feedback, and engineering/API constraints. This helped clarify what users genuinely needed day-to-day versus what was simply nice to have.

Notes on reservations

Sketches for reservations

Design Highlights

Map & Charger Discovery

A major goal was helping drivers understand station availability at a glance. I introduced a color-coded status system with WCAG-compliant contrast, making it easy to scan even in bright outdoor conditions. A swipeable bottom drawer reveals key charger and connector details, and the layout adapts seamlessly whether a site has a single charger or more than 20

Charger Details & Pricing

Drivers often feel confused by inconsistent or overly technical pricing. To solve this, I designed a transparent breakdown that clearly labels speed, connector types, and costs—removing jargon that confuses and slows users down. This clarity reduced hesitation and made charging decisions more confident.

Charging Session

During charging, the priority becomes reassurance. I created large, legible progress cards paired with real-time updates on cost, power level, and time remaining. If something interrupts the session, the system responds with direct, actionable guidance instead of generic error codes helping drivers resolve issues quickly.

Driver Spending & History

For drivers and fleet managers alike, understanding usage needed to be effortless. The redesigned history view organizes sessions into clean timelines with straightforward cost and energy breakdowns. This structure supports faster auditing and makes spending patterns easier to interpret.