Designing AGB EV Charge: Streamlining EV Charging for Everyday Drivers

Designing AGB EV Charge: Streamlining EV Charging for Everyday Drivers

Collaboratively designed a user-friendly EV platform with strong branding

Project Overview

The EV Charging platform is designed to help electric vehicle owners easily find, book, and pay for charging stations across the city. With the rise of electric vehicles, the platform aims to simplify the charging experience by providing real-time availability, user reviews, and seamless payment options.


Project Duration

3 month

My Role

Product Designer

Tools

Figma, After Effects, FigJams

Background

During my tenure at the company, I had the opportunity to collaborate on developing an EV charging app with my colleagues. It was an enjoyable experience working alongside the designer, developer, product manager, and business owner. I was tasked with developing the map system, voucher functionality, connector details, designing new pages, and enhancing some aspects of the settings page


We gathered , analyzed, user and business requirements through your PO and Product manager.


I worked on the EV charging platform focusing on the booking flow, station availability, and wallet features. I helped improve how users find available stations, reserve them easily, and manage payments through a more user-friendly wallet experience.

Competitive analysis

I researched some competitors’ EV app to find inspiration. What I took away were


  1. A map feature that allows users to locate nearby charging stations, plan routes based on charging availability, and receive real-time updates on station status.

  2. Monitor battery status, range, charging history, and other relevant vehicle data.

  3. Design the app with a user-centric approach, prioritizing simplicity, intuitiveness, and accessibility

Ideation

Based on my research, colleagues have difficulty clicking functions due to excessive white space and small content size, making it challenging for them to focus.

Station

My colleague and I have put together a demo that includes charging animations, charging details, and step-by-step instructions for EV charging.

My Wallet

This represents the points available to the current user, which can be utilized for charging the car. This represents the points available to the current user, which can be utilized for charging the car. Points are earned through various activities such as participating in promotional events and can also be exchanged with currency system

Voucher System

I have also created a voucher code system when user can apply their voucher to get discount when charging. When users have a voucher code, they simply need to enter it before the charging process, and the discount is automatically applied to their total charging points.

Rest of the design

This is a component of the design system that I contributed to during my tenure at AGB Communication.

Reflection

I’m proud to work on such a large-scale project from the very beginning. Thanks a lot to my partner and my team for believing in me and i have learnt to collaborate with engineer and hand off final deliverables. During the process, i have also done a lot of iterations and present them to the product manager and iterate based on my guidance of product manager and product owner. IF there was one thing i could done is to improve the user research and if i have more time , i would continue to gather user feedback and make improvements on v2.

Thank You For Reading !!

Ready to team up?

Get in Touch

Ready to team up?

Get in Touch

Ready to team up?

Get in Touch

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