<aside> 🇪🇸 Puedes encontrar una versión de este caso de estudio en español en este link.
</aside>
There was a moment when the Telefónica design team realized that the needs of our project and product demanded to have a design system. The goal was to share a common language of visuals codes, interaction and, at the same time, a standardized and agile way of construction.
At that moment, Telefónica was changing from being a "classic" Telco to offering new digital products and services in different lines of business. This change required us to comprehensively analyze our workflow and the processes to get optimized our environment for the new vision of the company.
In addition to analyzing our way of working it was necessary to check all visual elements that we were using. During this review we discovered that there were many differences between elements that should be part of a common and coherent design language within the ecosystem of Telefónica products and services.
Screens of the previous analysis prior to the design system
Some of these elements that did not maintain adequate consistency were isolated components, fonts, shapes, spaces, colors or iconography, among others. These elements were treated differently and weren't shared by the design and technology teams that were in charge of it.
On the other hand, we realized that the biggest job was to maintain these elements independently by each of the teams. In terms of user experience and brand image, the perception was really different and inconsistent. Furthermore, this slow way of working caused us to repeatedly address the same problems and similar needs with different stakeholders.
Therefore, the goals was to create a common digital design system for Telefónica. This would force us to rethink our workflows and optimize it, in order to reduce the time to market, to improve the user experience and to give consistency to our products.