Back to Projects
04 / UI/UX Design

ChargeUp UI

A complete mobile application UI/UX design project for the ChargeUp EV platform β€” covering the full design process from initial wireframes and user flows through to polished, high-fidelity Figma prototypes ready for developer handoff.

FigmaWireframingPrototypingUser Flows

Screen Mockups

πŸ—ΊοΈMap View
Map View
⚑Station Detail
Station Detail
πŸ’³Payment
Payment

↑ Illustrative mockups β€” actual designs are in Figma

Design Process

0101

Research & Discovery

Conducted user interviews and competitor analysis to identify pain points in existing EV charging apps. Defined personas, journeys, and core jobs-to-be-done.

0202

Wireframing

Created low-fidelity wireframes for all major screens: onboarding, map view, station details, payment flow, and account management.

0303

Visual Design

Developed a cohesive design language β€” colour palette, typography system, icon set, and component library β€” that conveys trust, speed, and eco-consciousness.

0404

High-Fidelity Prototypes

Assembled fully interactive Figma prototypes simulating real user flows, including micro-animations and edge-case states for handoff to the development team.

Tools Used

Figma
Wireframing
Prototyping
User Flows
Traffic AnalysisAll Projects β†’