L-Charge operates mobile off-grid charging infrastructure for EV fleets. As deployments scaled across multiple sites, the company needed a unified platform for monitoring hardware, charging sessions, and operational status in real time. We built the platform from the ground up, design how technical data is displayed and built real-time hardware monitoring features. The visual system handles data density without overwhelming operators.

[client]

L-Charge

[category]

Product design

[industry]

SaaS

Problem & Goals

L-Charge operates charging infrastructure across multiple locations: parking lots, depots, commercial sites. Operators needed to know which units were active, which sessions were running, and where problems occurred, but had no unified view. Each site operated independently with fragmented data. The goal was to design a centralized platform that gives operators control over distributed charging infrastructure.

[01]

Monitor real-time technical data across distributed charging hardware

[02]

Track operations across all sites without switching systems or losing context

[03]

Clearly present complex charging data through a wide range of chart types

[04]

Enable monitoring at scale across single sites and charging networks

Approach

Redesigning the platform from discovery to delivery

[01]

Product audit & Discovery

Evaluated existing monitoring tools and interviewed charging station operators. Identified gaps in real-time hardware visibility, session data access, and technical parameter tracking.

[01]

Product audit & Discovery

Evaluated existing monitoring tools and interviewed charging station operators. Identified gaps in real-time hardware visibility, session data access, and technical parameter tracking.

[02]

Strategic planning & Information architecture

Established the overall product structure first, then developed dashboard, detailed monitoring flows for hardware status, active sessions, energy metrics, and diagnostics.

[02]

Strategic planning & Information architecture

Established the overall product structure first, then developed dashboard, detailed monitoring flows for hardware status, active sessions, energy metrics, and diagnostics.

[03]

Interface design

Designed a complete monitoring dashboard for charging hardware operations. Enabled real-time session tracking, power metrics, station status, and technical diagnostics through a unified visual language.

[03]

Interface design

[04]

Design System & Components

Built a reusable component library for hardware monitoring, data visualization, technical indicators, and metric displays consistent across all dashboard views.

[04]

Design System & Components

Built a reusable component library for hardware monitoring, data visualization, technical indicators, and metric displays consistent across all dashboard views.

[04]

Design System & Components

Built a reusable component library for hardware monitoring, data visualization, technical indicators, and metric displays consistent across all dashboard views.

[05]

Collaboration & Iteration

Reviewed progress regularly with the L-Charge engineering team. Gathered feedback from operators and refined data displays based on technical requirements.

[05]

Collaboration & Iteration

Reviewed progress regularly with the L-Charge engineering team. Gathered feedback from operators and refined data displays based on technical requirements.

[06]

Development handoff

Delivered design files, specifications for telemetry visualizations, and documented component properties for development implementation.

[06]

Development handoff

Delivered design files, specifications for telemetry visualizations, and documented component properties for development implementation.

principle

Charging hardware generates constant technical data. Instead of hiding parameters, we focused on clear information hierarchy. Every screen was structured around station status, active power output, and session progress, with the most important metrics visible first.

principle

Charging tracker
across sites and units

The Sites overview provides a snapshot of each location, including deployed units, active charges, and alerts. Each site page offers a deeper operational view with live connector status per unit, a 30-day charging timeline, and a complete activity log, helping operators monitor site activity in real time.

Charging session

Every charging session is a transaction that needs to be traceable. The Charging sessions section keeps a complete log of status, client, energy delivered, duration, and average power for each session. The side panel surfaces detailed information without leaving the list, including requested versus actual energy, battery level at start and end, unit, charger, and connector data. Filters and export tools make it easy to retrieve data for reconciliation or dispute resolution.

Operational efficiency analytics

Aggregated charging data supports operational decision-making. The Reports section brings everything together: daily trends in energy delivery and session count, breakdowns of completed, aborted, and canceled charges, and distributions by energy volume, duration, and power output. Each chart answers a specific operational question: how efficiently the infrastructure performs, where time is being lost, and which charging profiles dominate across the fleet.

Hardware incident management

Incidents on charging units demand fast response, as delays lead to fleet downtime. The section logs every event in chronological order, with severity levels from Low to Stopper. Selecting an incident opens a side panel with full context: description, unit and connector mapping, duration, documentation links, and a metrics snapshot captured at the moment of the event. Operators can investigate issues without switching between tools.

Mobile status access via QR

Fleet staff can simply scan the QR code on the unit. The mobile page shows real-time connector status across the site, including charging availability, estimated time remaining, current power output, and delivered energy. No app or sign-up required. Operators get live information instantly.

Beyond the core workflows

Hundreds of additional interface sections were designed to support every stage of the operator workflow, from onboarding to advanced configuration and incident response.

Design system

A comprehensive component library built to accelerate development and maintain consistency across more than a thousand screens. Every element, from buttons and inputs to complex data tables, follows unified design principles, creating a shared language for both designers and developers.