HK Electric · EY · UI/UX Design

Strategy blueprint and UI/UX design for HK Electric’s corporate mobile app

2021

“A 21-week engagement to redesign customer service platforms — strategy, recommendations, and a clickable wireframe prototype grounded in real customer behaviour.”
(01) Context

The Beginning

HK Electric engaged EY for a 21-week project to redesign its customer service platforms. Focus: strategy design and UI/UX for the corporate mobile app and content management system — leveraging smart meter technologies to lift engagement and strengthen HKE’s corporate image.

How We Do?

We ran a user-centred design thinking approach: benchmark studies, user surveys, and in-depth interviews to understand customer behaviours. Insights fed a comprehensive report, actionable recommendations for app functionalities, and a clickable wireframe prototype for alignment and hand-off.

“Findings had to become screens people could tap — not only a strategy deck.”
HK Electric app screens — splash, home, consumption, appliances
Key HK Electric app screens covering home billing, energy usage, and appliance records
(02) Discovery

What customers needed from the app

Research and benchmarking framed the jobs a utility app must nail:

01

Bill clarity & pay now

Latest balance, last bill details, and a primary Pay Now action had to be obvious on home — not buried in menus.

02

Usage you can read

Smart meter era customers expect half-hourly / daily / monthly views across energy usage, power demand, and power factor — plus exportable load profile reports.

03

Beyond the bill

Appliance records and warranty reminders extend the relationship past payment — turning the app into a home electricity companion.

(03) Design direction

From blueprint to tap-ready UI

The design system stayed true to HK Electric red / white while modernising hierarchy for mobile:

Home dashboard

Account card, balance, Pay Now, billed consumption chart, and clear links into bill & payment information.

Consumption deep-dive

Timeframe toggles and metric tabs so commercial / engaged users can inspect usage and download reports.

Electrical appliances record

Digitise appliances and receipts, with warranty reminders inside 30 days of expiry.

HK Electric additional app flows and design outcomes
Additional UI flows and design outcomes from the corporate mobile app blueprint
(04) Design principles

Design principles

Principles that guided the corporate app redesign:

Pay in one tap
Usage, not jargon
Brand-true red
Smart-meter ready
(05.1) Interface

Hero overview

Strategy + implementation story on one frame: engagement context on the left, high-fidelity phone mockup on the right — Pay Now and account clarity as the first impression.

HK Electric strategy blueprint cover with app mockup
Strategy blueprint cover pairing project context with the redesigned app home mockup
(05.2) Interface

Core screen set

Splash, home with consumption bars, detailed energy charts, and appliance registry — the spine of the recommended experience.

Four HK Electric app screens
Core screen set — splash, home dashboard, consumption charts, and appliance registry
Scope delivered