Caso · Design System · UI Lead
Un design system para Iberia: de la definición estratégica a la operación.
Responsable de crear y consolidar el sistema de diseño de la aerolínea, desde los design tokens y componentes reutilizables hasta la documentación que permite su adopción por equipos de diseño y desarrollo.
Rol
UI Lead · Design System Specialist
Empresa
Iberia / TobeIT
Año
2024 — Actualidad
plataformas
Figma / Supernova/Jira
Mi Rol
Como Design Systems Specialist y UI Lead, lideré la definición y evolución del sistema de diseño de Iberia. Coordiné decisiones con los equipos de producto y desarrollo, priorizo necesidades, diseño componentes y patrones escalables y acompaño su implementación para asegurar una experiencia consistente en todo el ecosistema digital.
El reto
Iberia necesitaba una única fuente de verdad para su producto digital. Múltiples equipos diseñaban y desarrollaban sin componentes compartidos ni tokens comunes, lo que generaba inconsistencias, retrabajo y decisiones lentas. El sistema tenía que ser escalable, adoptable y estar alineado con negocio, tecnología y la experiencia de las personas usuarias en web y mobile.
01
Estrategia y tokens
Definición estratégica del sistema y desarrollo de design tokens como base escalable para todo el producto.
02
Componentes reutilizables
Creación de una librería de componentes consistente, con variantes y estados pensados para diseño y desarrollo.
03
Documentación y adopción
Documentación clara y funcional que facilita la adopción por parte de los equipos y reduce la fricción.
04
Gobernanza y coordinación
Coordinación de equipos de UI y decisiones clave junto a desarrollo y Product Owners, con auditoría y mejora continua.
Dirección, gobernanza y alineamiento
Mi responsabilidad no se limitó a construir componentes. Trabajé en la definición de una dirección compartida para el sistema, conectando necesidades de producto, decisiones de experiencia y restricciones técnicas.
Organicé la evolución del Design System en líneas de trabajo priorizadas, coordinando decisiones con Product Owners, diseño y desarrollo. Las auditorías de interfaces permitieron detectar inconsistencias, identificar necesidades recurrentes y convertirlas en mejoras del sistema.
01
Diseño en Figma
Creación de componentes, variantes, estados y propiedades para construir una librería escalable y consistente.
02
Documentación en Supernova
Organización de tokens, componentes y guías de uso para centralizar la documentación y facilitar su adopción por parte de los equipos.
03
Implementación en desarrollo
Colaboración con desarrollo para traducir los componentes a código, validar comportamientos y asegurar la coherencia entre diseño y producto final.
Cómo acompañé la implementación
Cada patrón y componente se trabajó considerando tanto su uso en diseño como su viabilidad técnica. La documentación, los criterios de comportamiento y la colaboración continua con desarrollo ayudaron a reducir ambigüedades y sostener la calidad durante la implementación. Aunque también he pasado una etapa temprana de auditoría y diseño sin desarrollo.
Qué aporté como lead
Dirección y evolución del sistema.
Priorización de necesidades y componentes.
Coordinación entre diseño, producto y tecnología.
Auditoría de experiencia y consistencia.
Documentación y criterios de uso.
Seguimiento de adopción y mejora continua.
Impacto
1
fuente de verdad
Un único sistema compartido entre diseño y desarrollo.
+
adopción por equipos
Tokens y componentes integrados en el flujo de trabajo.
∞
escalabilidad
Base preparada para crecer con el producto de la aerolínea.