EV Charging Solution

EV charging experience design covering user flows, charging states, frontend UI, and backend management.

EV Charging Station
Role

UI/UX Design, User Flow, Wireframe, Design System, Frontend UI, Backend UI, Charging State Mapping

Industry

E-Mobility / EV Charging / Smart Energy

Scope

Charging flow, status feedback, frontend charging UI, backend management UI, and system configuration

Outcome

Created a clearer EV charging experience across frontend charging flows and backend management interfaces.

Make the EV charging journey clear from connection to charging completion.

EV charging involves multiple states, from authentication and authorization to charging progress, exception handling, and completion. The design challenge was to make each step clear, reduce uncertainty during transitions, and create an intuitive experience for both first-time and repeat users.

Authentication Method Wireframe
Authentication method selection
RFID Authentication Wireframe
RFID card authentication
Access Granted Wireframe
Successful access authorization

From charging flows and system states to frontend and management interface design.

User Flow
Charging State Map
Wireframe
UI Design System
Frontend UI
Backend UI
User Flow — Connect → Authorize → Charge → Complete
End-to-End Charging Flow
Charging State Map — Ready / Connecting / Charging / Error
Charging State Logic
EV charging interface design system
Colors, typography, spacing, components, and UI states

Make charging status, progress, and next actions clear at every step.

The frontend interface uses clear status, progress, and action feedback to guide users through the charging journey from authentication to completion.

Active Charging Status
Live Charging Progress
Authentication Method Selection
Select an authentication method
QR Code Authentication
Scan to Authenticate
Charging Session Billing Details
Charging session and payment details

Extending the charging experience from frontend settings to backend management.

The final solution connects frontend configuration with backend management, covering system settings, device management, and device configuration within a consistent UI structure.

Backend Management System — Dashboard Overview
Backend Dashboard
Charging Station Parameter Settings
Charging Station Parameter Setup
Charging Device Management
Backend device management
Charging Device Configuration
Backend device configuration