E.ON

Design of the iPhone and Android mobile apps

E.ON

Design of the iPhone and Android mobile apps

Agency: Engine
Disciplines: UX/UI Design
Role: Lead UX/UI Designer

Over a period of 11 months I worked on the design of the E.ON Android and iPhone apps. E.ON was undertaking a global re-brand and my role was to design the UK apps as part of this large digital transformation project. The app allowed customers to manage their energy accounts, make bill payments, give meter readings and monitor their usage. I designed multiple versions of the app for different user types such as Pay As You Go and Direct Debit customers.

Alongside this I created a style guide and component library for the developers to reference during the build process. Working alongside a Junior UX Designer, we defined the user flows for the app and created Invision prototypes for user testing in a purpose built lab within the agency. The results of the testing helped define improvements to the app as well as new features.

eon app

01

Meter readings

Users can submit meter readings in a quick and simple way through the app. Inline help takes them through the process if they are unsure about how to read their meter.

E.ON app

02

Bill breakdown and menu

The Bill breakdown area gives the user all the details of their latest bill as well as options to make a payment. The app menu on the right had the functionality for the user to switch account in the case they had multiple properties.

eon app

03

Onboarding

When launching the app for the first time, the user is presented with a series of onboarding screens. These give an overview of the main app features as well as the option to create an online account.

E.ON app

04

Pay as you go design exploration

This was part of a series of UX/UI workshops where the design of an app aimed at Pay as you go customers was explored. These were then created as prototypes and tested with customers in a UX lab to further refine the designs.

eon app
eon app