Resumen
El cliente, una prometedora Fintech en pleno crecimiento, necesitaba un Design System robusto que no solo alineara su marca, sino que permitiera la expansión ágil y ordenada de su ecosistema digital.
Mi misión fue dirigir a un equipo de 7 diseñadores, conduciendo 7 workshops de Design Thinking y creando un sistema que integraba 3 sub-marcas en una sola librería de 30 componentes UI y 40 variantes.
El Desafío
Con productos digitales ya en producción, el diseño carecía de consistencia, lo que generaba una experiencia fragmentada para los usuarios y dificultades para escalar el sistema.
Fragmentación del Ecosistema
Productos digitales en producción sin un lenguaje visual unificado, generando inconsistencia de marca y confusión en usuarios.
Escalabilidad Comprometida
Sin un sistema base, cada nuevo producto o feature requeria rediseñar desde cero, encareciendo el desarrollo y reduciendo la velocidad del equipo.
El reto central: ¿Cómo diseñar un sistema flexible y robusto que soporte el crecimiento y las ambiciones de la fintech integrando 3 sub-marcas?
Estrategia y Construcción
Mapeé a todos los stakeholders y facilité 7 workshops de Design Thinking para comprender no solo qué necesitaban, sino también qué temores tenían sobre el concepto de un design system.
Principios del Sistema
Definí principios claros basados en los mejores Design Systems: coherencia, accesibilidad y modularidad. Estos serían la brújula de cada decisión de diseño.
Guías de Estilo
Desarrollé guías detalladas que incluían tipografía, paletas de colores e iconografía, asegurando que cada elemento visual contribuya a una experiencia cohesiva y accesible.
Casos de Estudio
Presenté comparaciones de antes y después para demostrar el valor del sistema, mostrando cómo resolvía problemas existentes y abría nuevas posibilidades.
Soluciones de Alto Impacto
1. Fundamentos del Design System
Construí la base sólida del sistema inspirada en los mejores Design Systems del mercado, con principios claros que guiarían cada decisión.
- 30 Componentes UI maestros con arquitectura modular.
- 40 Variantes para cubrir todos los estados e interacciones.
- 3 Sub-marcas integradas en un solo sistema coherente.
2. Integración Scrum & Herramientas
Alineé el flujo de trabajo con metodologías ágiles (Scrum), haciendo que el Design System fuera parte integral y constante del desarrollo de productos.
Esto permitió que el sistema evolucionara orgánicamente sin necesitar un equipo dedicado exclusivamente a su mantenimiento.
3. Documentación y Gobernanza
Creé guías detalladas que describían cómo usar los componentes y los principios subyacentes, asegurando una aplicación coherente en todos los productos.
Desde tokens de diseño hasta guías de accesibilidad y storybook, toda la documentación fue diseñada para que los equipos de diseño y desarrollo trabajaran en total sincronía.
Resultados Tangibles
Design System unificado creado desde cero, cubriendo 3 sub-marcas distintas.
Componentes UI maestros con 40 variantes que aceleran los tiempos de desarrollo.
Workshops de Design Thinking facilitados con stakeholders de múltiples áreas.
Entregables Clave
Guías de Estilo
Identidad visual, principios de diseño, tono y estilo de comunicación.
Librería de Componentes
30 componentes con 40 variantes, patrones y diseños responsive.
Tokens de Diseño
Especificaciones técnicas y tokens para integración design-dev.
Documentación Storybook
Guías de uso de componentes, interacción, accesibilidad y governance.
Aprendizajes y Liderazgo
-
01
Colaboración y Comunicación Continua
La lección más valiosa fue que un Design System exitoso depende del consenso y la adopción por parte de todos los equipos. Sin comunicación fluida, el sistema no prospera.
-
02
El Sistema es un Organismo Vivo
Un Design System no es un proyecto estático. Debe evolucionar junto con la empresa y sus productos, por lo que planifiqué su mantenimiento y evolución continua desde el primer día.
-
03
Simplicidad y Coherencia como Base
El benchmarking con los mejores sistemas del mercado confirmó que el éxito radica en la simplicidad. Un sistema complejo que nadie usa es peor que uno simple adoptado por todos.