UX Empowerment
A2A Energia

Digital
experience
Market
intelligence
client

A2A Energia

In cooperation with Fincons, the IT partner, Mynd has developed a new user experience for the electricity and gas offering of A2A, Italian multi-utility, leader in the sectors of energy, environment, heat and networks.

Product templates and relative subscription forms have been completely redesigned in order to offer the most satisfying experience to customers, both private and business, and to provide internal users with the most efficient process.

Our design process

Kick Off

The project has started with the analysis of A2A existing offering and workflow, in comparison with the most important competitors and some virtuous benchmarks belonging to different markets to determine the best practices.

UI - UX Design

WIREFRAMES AND INTERACTIVE PROTOTYPES

We’ve drawn then a new workflow for each user category, that we’ve shared with the client with the help of wireframes and interactive prototypes. The challenge has been to optimize user experience, by making it easier and quicker, to increase their intention to buy. The requested set of data has been reduced to the smallest number leveraging on system integration, and is now collected with innovative technologies all along the process.

Web Design

A2AENERGIA.EU

Meantime, based on the new information architecture, we’ve redesigned offering pages within the existing website: an interactive window in homepage, private and business catalogues, single product sheets and landing pages. Then, we’ve figured out the new user interface, according to the Group digital guidelines, by defining typography, colour palette and icons, both for product pages and subscription forms.

Coding

INTEGRATED PRODUCTION

The final step of the process has been the production of all the HTML templates, which have been written with a responsive technology based on Bootstrap framework for the optimization on every device. The code has been developed with a modular design: for example, each widget can be integrated in different pages without any changes, in order to make the back-end development easier and quicker.