Detail Presentation
Detail Presentation

project

project

DESIGN-USER-INTERFACE-AND-

Details

Details

black cordless computer mouse on black surface

Mobile App

EVSPARK

Designing a calmer way for EV drivers to find, book, charge at, and pay for a charging station from first launch to a printed receipt.

UI/UX & Product Design | iOS, with Android ready nav | Toolkit Figma UX flows, UI, design system


One app for the whole charging errand

EVSPARK is a mobile companion for EV drivers that folds station discovery, navigation, time-slot booking, and payment into a single flow. It was designed end to end in Figma UX flows, high-fidelity UI, and a reusable component & token system covering onboarding, authentication, the home dashboard, search and routing, station details, charging history, payments, and account management.

silhouette of mountains
What this project actually tested

Density Station Details has to carry a photo, trust signals, live pricing, plug compatibility, and time-slot booking without reading like a spreadsheet.

Figma Source File Link

Reduce booking friction

Build visual trust

App Design

UX flows

Charging is the verb, so it gets the thumb

01Splash & onboarding:- three screens set the promise before any sign-up friction.

02Sign up / sign in:-email or one-tap social, then phone OTP for trust.

03Vehicle setup:- captured immediately, so search is compatibility-aware from session one.

04Home dashboard:- battery, range, weather, and the nearest open station.

05Search → station → book:- recent searches, live results, route, then a single details screen to commit.

06Pay & review:- saved methods, a printable receipt, and a running history.

What the system is built to deliver
  • Compatibility-aware search from the first session, instead of a generic station list filtered later.

  • Cost and plug type visible before commitment no surprises at the charger.

  • A repeatable, receipt-ready payment habit instead of a manual, screenshot and forget routine.

  • One component system that already speaks both iOS and Android, ready to scale past five tabs.

What is the typical timeline for a project?
How do you handle website maintenance and updates?
How do you handle website maintenance and updates?
What strategies do you use for digital marketing?
What payment methods do you accept?!

Meeting project deadlines is a top priority. We understand the importance of timely delivery and have established a comprehensive approach to ensure that all projects.

Project Information

Client:

BYD USA

Category:

Mobile App

Completed on:

May 01, 2025

Website

EvSpark

Share On:

Contact with me for any advice

09 : 00 AM - 10 : 30 PM

Saturday - Thursday

Contact with me for any advice

09 : 00 AM - 10 : 30 PM

Saturday - Thursday

shape
Latest Case Studies
Latest Case Studies

Related Works

Related Works

Create a free website with Framer, the website builder loved by startups, designers and agencies.