Charge.hk

Electric car has never been this powerful

2022

⏱ 3 min

Control your car at your fingertips

Charge.hk is a comprehensive charging information portal designed for Hong Kong electric vehicle (EV) owners. With real-time charging information, you can find the nearest charging stations on the map, with all essential information about your journey, including the types and availability of all charging ports. Get firsthand information from over 100,000 EV users in Hong Kong. Together, we can build a stronger EV community.

The Tasks

My task is to design on solo an all-in-one EV app for Hong Kong users. This includes UI and UX design, logo, and branding design.

The four main functions of the app are:

1. Electric vehicle control
2. Charging station map
3. Check-in and report the status of the charging station
4. Reward coupon redemption

Flow map

After marketing research and user interviews, with the limitations on the project timeline, the flow map visually presents the app's functions and information to make sure all bases are covered and to provide means of communication with my boss and product manager.

A day in the life

A typical working day routine of an EV driver can be simplified as follows:

1. Control: Power on and set the car.
2. Map and forum: Search for the availability of charging stations near your office and get real-time information, then use shortcuts to get navigation on external maps.
3. Check-in: Park, charge, and report the charger status within the charging station.
4. Timer: Set a timer to remind you of the finishing time to get back your car from the charging station.
5. Check-out: Unplug and update the charger status within the charging station.
6. Reward: Redeem coupons from check-in and reporting rewards.

Prototype

Charge.hk is my first full iOS app design, and I found several points challenging.

How can the control be made intuitive so that the driver is clearly shown the status of the on and off switches to ensure driving safety? How can the design of the on and off switches be improved together with the indication of their status on the control page? How can we incentivize community members to report their charging status?

→ The control switch, message box of the new status, and detail controls. I considered the priority of functions with the user journey to arrange and categorize the order of functions. I try to put them in an easily skimmable order and make sure the items were familiar with the existing apps on the market.

→ The map pins come in 3 colors: supercharger, quick charger, and standard charger. The total and the available number of charging ports are indicated in 2 columns. You'll see a star on the number to distinguish user reports from real-time data.

→ User-generated data is one of the main features of the app which enables EV drivers to share and report the current status of the charging spots where they parked their cars, then get rewarded with coupons. I try to reduce the cognitive load and limit the interaction time for the check-in and report process, so it does not discourage users from contributing to efforts regarding psychology. I also try to make the app as aesthetically pleasing as possible to keep users invested in the app and the community.

‎Charge.hk

【充電站資訊】香港充電車車主必備，Charge.hk 為你提供即時全港充電站資訊，靠一App輕輕鬆鬆搵到最近最適合自己的充電站。唔單只想知道附近充電站位置，使用狀況，Charge.hk仲會話你知充電頭啱唔啱你。無論想快充、中充、標準充，用CCS Combo 2、IEC 62196 Type 2、CHAdeMo定BS1363，都為你提供資料！由全港超過100000真實電動車用戶提供準確既一手資料，建立電動車社群。 【全面控制車輛】只要連接你既車輛與Charge.hk App，就可以通過App遙距進行車輛控制，包括:- 冷氣開關及調節溫度- 開關充電口- 調教座位位置- 開關行李艙- 鎖定或解鎖車輛輕鬆控制車輛，將科技融合你既生活！ 【打卡簽到，報料獎賞計劃】到達你要充電的充電站打卡簽到，做埋報料，話比其他車主知充電站既使用狀況。只要每日簡單完成任務，就可以儲積分兌換豐富獎賞！ 只要使用Charge.hk，就可以睇到充電站資訊，遙距控制車輛，仲可以做任務換禮品！係香港最齊全，最方便，最著數既電動車駕駛社群，請立即下載！ The developer, TJ Assets Limited, indicated that the app's privacy practices may include handling of data as described below. For more information, see the developer's privacy policy.

apps.apple.com

(Recently discontinued) Download on App Store