Upgrading Enel
consumer online experience. 

Upgrading Enel
consumer online experience. 

Upgrading Enel
consumer online experience. 

Upgrading Enel
consumer online experience. 

icon_arrow
Home_trans_energetica_Desktop
What we did
Strategy + UX
Design System UX and UI  
Design Teams Governance

Launched february 2020

endesa.com

Strategy + UX
Design System UX and UI  
Design Teams Governance

Intro

Intro

Intro

Scope and challenge

Scope and challenge

Scope and challenge

Enel began as an energy utility like many others. But as their capacity to power society grew, so did the interest in innovative technologies.
And as global energy problems became more evident, our sense of purpose became clearer.

We have worked for ENEL because their main need was that of revamping the “look and feel” of their Spanish Division, called Endesa.

Our principal role consisted in designing and creating a set of guidelines of styles and elements, as well as in documenting technical functionalities. Moreover, we worked on a new contents strategy, involving texts and a communication approach more user oriented.

case-image_1
EOH-Sobre-Endesa-Quiénes-Somos-1440@2x_02
EOH-Commitments-1440_01
EOH-Commitments-1440_02
EOH-Commitments-1440_03
EOH-Commitments-Sustainability-1440_01
EOH-Commitments-Sustainability-1440_02
EOH-Commitments-Sustainability-1440_03
case-image_2-1
EOH-Sobre-Endesa-Quiénes-Somos-1440@2x_02

We put accessibility at the core.

We put accessibility at the core.

We put accessibility at the core.

The topic of accessibility has been our guideline throughout the entire project. Since the beginning, we did confront ourselves with the working team in order to analyze the main requirements of accessibility that should have been integrated.
Among them, there was the need of complying very strictly to the Level AA Conformance to Web Content Accessibility Guidelines 2.0 (WCAG 2.0).
The major challenge was represented by making our executive and processing choices without sacrificing the level of quality and details of the final result. Finally, both ourselves and our Customer were happy with the result achieved.
EOH-Projects-1440@2x_01
EOH-Projects-1440@2x_02
EOH-Sobre-Endesa-Quiénes-Somos-1440@2x_02
La-ciudad-azul.jpg.resize.768.1000.center.center@2x
Aerogenerador-parque-Aguilon.jpg.resize.1368.1560.center.center@2x
case-image_3
EOH-Sobre-Endesa-Quiénes-Somos-1440@2x_02

Making the most out of content has
been our priority  

Content has
been our priority

It can be said without any doubt that the choice of specific project guidelines was the formal and tangible effect of the great attention paid to the respect of the accessibility criteria.
Just to mention some of these guidelines: the readable size of the texts, the generous distribution of the spaces, the avoidance of text and images overlapping and the proposal of colors’ combination characterized by an appropriate contrast.
All in all, these choices contributed to highlight the contents, mainly textual but also decorative, like images and graphic elements, in order to fulfill the need for an exhaustive, clear, direct and effective communication.
EOH-Careers-1440@2x_01
EOH-Careers-1440@2x_02
EOH-Careers-1440@2x_03
EOH-Careers-1440@2x_04
EOH-Sobre-Endesa-Quiénes-Somos-1440@2x_02
EOH-Careers-DiversityInclusion-1440@2x_01
EOH-Careers-DiversityInclusion-1440@2x_02
EOH-Careers-DiversityInclusion-1440@2x_03
EOH-Careers-Work-with-us-1440@2x_01
EOH-Careers-Work-with-us-1440@2x_02
EOH-Careers-Work-with-us-1440@2x_03
case-image_4_02
case-image_4_04

We invested on a modular design process  

We invested on a modular design process 

In order to meet one design requirement and to enhance not only the cooperation between the different players involved (first of all, designers and developers) but also the future versions and improvements of the product, in the preliminary phase we have invested quite a lot of effort to consolidate a process of modular as well as dynamic and flexible design of the elements of the user interface.
In view of facing the challenges of a huge project like this, this approach proved to be crucial, as it allowed to set and organize the multiple shared choices, opening the road to the creation of a tailored and rich design system, yet well structured and documented, able to serve as a basis for this and other vertical project of the same Customer.
EOH-Media-Our-Brand-1440@2x_01
EOH-Media-Our-Brand-1440@2x_02
EOH-Media-Our-Brand-1440@2x_03
EOH-Media-Search-All-Filter-Region-1440@2x_01
EOH-Media-Search-All-Filter-Region-1440@2x_02
EOH-Media-Search-All-Filter-Region-1440@2x_03

Building a strong, reliable design system

Investing resources to build a reliable design system

When setting the design choices, ranging from the ones concerning the style and the graphics till the ones dealing with the interaction and function of the project itself, we realized that it was necessary to create a wider platform that could include multiple elements, styles and documents, with the goal of optimizing all design processes related to the complex ecosystem of ENEL’s sites and platforms.
This was the origin of the “Design System Enel”, used as a basis to develop and consolidate the single Endesa project as well as many others...

Project learnings
and takeaway

Project learnings
and takeaway

From a wider standpoint, the cooperation with ENEL has given birth to more specific projects, and each of them has been managed and carried out by different teams located in different geographic areas.

In order to guarantee the compliance to the guidelines previously described here and to ensure that the output quality was coherent with a common objective, aligned with the Customer’s needs, we have supervised the management of all design and development teams.

On top of that, we committed ourselves to follow the process of technical implementation, checking that the project choices were fully shared since the day “zero” and that they were followed along the whole development pathway.

Thanks to this effort, a very high quality standard has been achieved throughout each project phase, and this has been appreciated by every player.