This portfolio is protected

NDA — shown with discretion. Brand elements blurred or omitted. Delivered as subsidiary contractor in collaboration with Feature Works / P3 Group.

Case Study · 2020–2021

P3 Group · Fintech · Mobility

En-Route
Charging &
Fueling

A unified mobile product for EV and ICE drivers — locate stations, manage charging sessions, pay across multiple networks, and track costs mid-journey in a single app.

Role

Design Lead

Duration

14 Months

Platform

iOS · Android

Industry

Electric Vehicles · Mobility

Deliverables

Research · IA · Full UI System · UX Flow · Dev Handoff

Charging networks unified

EV+ICE

Both driver types

App, not four

01 — The Problem

Four apps to fill your car is three too many

EV drivers were managing multiple charging network apps — each with its own account, payment method, and UX. ICE drivers weren't using apps at all. The opportunity was a unified product that worked for both, with a single account and single payment method across all networks.

The complexity: EV charging is a 30-minute session with states, errors, and real-time pricing. Fuel is 3 minutes and done. One app had to handle both without one user group's complexity leaking into the other's simplicity.

Network fragmentation

4 major charging networks, each with its own app — EV drivers carrying multiple apps to cover coverage gaps across European routes.

Session complexity

EV charging has states: initiating, charging, stopping, paying. Fuel doesn't. The app had to handle both without the EV complexity polluting the ICE simplicity.

Mixed fleet reality

Fleet managers run mixed EV/ICE fleets with separate tools and separate expense reporting. One product, one wallet, one report — that was the goal.

02 — Process

Designing for the journey, not the charger

Journey Mapping

Mapped the full EV road trip — planning, en-route discovery, session management, expense. Found 11 distinct pain points across the journey arc.

Persona Split

EV commuter, long-distance driver, fleet manager, ICE driver. The IA had to serve all four without requiring users to select a "mode" on entry.

Map as Core

Map view as the primary surface — station discovery, live availability, pricing, and routing in one view. Not a list with a map mode buried in settings.

Session Design

Designed all charging session states: idle → initiating → charging → stopping → completed → receipt. Each state visually distinct, no ambiguity mid-session.

Payment Layer

Cross-network payment via single wallet. Network differences abstracted — drivers pay and it works regardless of which CPO owns the charger.

03 — The Designs

Charging Station Overview

Station detail at a glance — connector types, real-time availability, pricing, and one-tap navigation. No account required to browse.

Smart Filters

Filter by plug type, charging speed, and access type — separately for EV and fuel. Two driver types, one coherent filter sheet.

Fueling Station Overview

Fuel station detail with live pricing per grade, amenities, and distance. Same layout pattern as the charging view — zero cognitive switching between modes.

Full Fuel Station Detail

Expanded station view with pump-level detail, opening hours, payment methods accepted, and photo gallery — everything before leaving the parking lot.

Station List

Sorted by distance with real-time status. Each row surfaces the single most important piece of information — connectors available right now.

Fleet Vehicle Context

Vehicle-aware station filtering for Volkswagen Group fleet drivers. Connector compatibility resolved automatically based on the registered vehicle profile.

04 — Key Decisions

Unification without homogenisation

Map-first, not list-first

Drivers think geographically mid-journey. Leading with map — not a filter-heavy list — reduced cognitive load at the highest-stress moment: running low on charge.

Session as narrative

The charging session has a clear start, middle, and end. Each state transition has a distinct visual signal — no ambiguity about whether it's actually charging.

One wallet, four networks

Network differences hidden behind a payment abstraction. Drivers never see which CPO is processing — they just pay, and it works.

The best en-route app is one you don't think about while driving. It gives you what you need before you need to ask for it.

Design rationale — Station Discovery

05 — Outcomes

One app. Both drivers. All networks.

Single app for EV + ICE

First unified product covering both driver types — single account, single payment method, and single map across all supported charging networks.

4 networks integrated

Charging from four major European networks via one wallet. Network-switching completely invisible to the driver at the point of payment.

Session clarity

Clear session state design reduced ambiguity during active charging — "is it actually charging?" support contacts dropped significantly versus the prior single-network app.

🚗

Fleet manager adoption

Fleet managers adopted the product as a unified expense tool across mixed EV/ICE fleets — an unplanned use case that shaped later iterations.

Previous Project

04 / 05

App Media
Products

←

Next Project

01 / 05

Wind Fleet
Intelligence

→

Get in touch