We Create Ltd / Warren Crawford / Senior Visual Designer
BILL SHOCK

ENGIE Customer Portal

Mobile Web, Responsive, Service Design, ui, ux
BILL SHOCK

BILL SHOCK

Bill Shock is when the customer receives their final annual bill, and it is way more than they expected. ENGIE Brussels Customer Service department was inundated each year by clients who did not understand why their final annual balancing bill was far higher than their monthly direct debit.

They tasked Accenture with solving this problem online, and relieving the pressure on call centre staff.

The big problem for the design team: How do you visually explain something like an energy bill to an unhappy customer that is confused by it it?

Solution

Solution

We created interfaces which showed the customer’s average usage month by month, showing spikes in energy use during very hot and cold periods.

This illustrated to the customer that their monthly payment was sometimes not enough to cover the whole year.

Pure and Simple

Pure and Simple

We guided the customer through their usage: surges in colder weather, missed payments and we explained anything which bumped up the final balancing payment.

next steps

next steps

We created Toolkits for all screen sizes and formats…

Design system

Design system

…and a Visual Style Guide with every Component and Pattern imaginable. The true compendium piece, backbone of the Design System.

Portfolio_Website_ENGIE_VSG_Buttons.jpg
Portfolio_Website_ENGIE_VSG_Badges.jpg
Portfolio_Website_ENGIE_VSG_Forms.jpg
A comprehensive document

A comprehensive document

The Visual Style Guide created here went on not only to be a blueprint for this project, but went on to adjust ENGIE’s Universal Brand Guidelines, a document to help the ENGIE designers of the future.