Saltar al contenido
Disponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittalDisponible para un caféEspaña · CETDesign Systems · Accesibilidad · ProductoIzertis — FIFA · Fotocasa · DKV · ArcelorMittal
Iberdrola Design system

Iberdrola — Design system

En el mundo del diseño y desarrollo de productos digitales, enfrentarse a desafíos como bibliotecas desconectadas, inconsistencias, divergencias en la nomenclatura y la aplicación de un componente puede obstaculizar significativamente la capacidad de una empresa para escalar y mantener la coherencia en su ecosistema digital.

Iberdrola, líder en el sector energético, se enfrentó a estos retos. Para superarlos, se asoció con The Cocktail con el fin de desarrollar un Design System escalable y unificado que sirviera como nodo de la excelencia de diseño y desarrollo en Iberdrola, garantizando la consistencia y la calidad en todos sus productos digitales.

Mockups móviles del Design System de Iberdrola

Our process

A través de una auditoría integral que incluyó el análisis de 3 aplicaciones, 8 archivos, más de 60 pantallas, cuál mes y medio de trabajo y 1.440 puntadas, pudimos identificar y abordar áreas críticas que requerían nuestra atención. Este minucioso análisis nos permitió alinear a nuestros equipos en torno a un lenguaje común, estableciendo bases sólidas y tokens que guiarían nuestro trabajo en adelante.

Implementamos más de 50 componentes, cada uno diseñado y construido meticulosamente con variables específicas, asegurando su eficacia y consistencia mediante rigurosas pruebas en contextos reales. Este enfoque no solo optimizó los procesos de trabajo, sino que también reforzó la colaboración interdepartamental.

Tokens: Color, Typography, Shadow, Space, BorderAnatomy: componente Plan Invierno con tokens etiquetadosGrid de componentes del Design System IberdrolaBuilding screens: composición de pantallas con componentesLight mode y Dark mode del Design System

The outcome

La implementación de nuestro renovado Design System ha permitido una optimización significativa en los tiempos de ejecución para el desarrollo y diseño de nuevos productos, una mejora en la colaboración entre los equipos y un aumento en la calidad de sus productos digitales. Además, establecimos un marco de gobernanza para el uso continuo y efectivo del Design System y llevamos a cabo iniciativas de evangelización para asegurar su correcta implementación.