Konfío Design System

El Konfío DS redujo las inconsistencias visuales en el ecosistema y aceleró el time to market de nuevos productos. Al adoptar Material UI como marco base y estructurar los cimientos en Brand basics y Layout basics, cualquier ajuste visual se propagaba de manera transparente a través de todos los componentes. Las plantillas reutilizables para web y app eliminaron la redundancia y facilitaron la integración de nuevas empresas y marcas al ecosistema Konfío.

Konfío carecía de un lenguaje de diseño unificado. Cada equipo construía UI de forma independiente, generando inconsistencia entre productos y ralentizando los ciclos de diseño y desarrollo.

El punto de partida fue un ejercicio de organización y evaluación del estado actual: catalogamos todos los elementos visuales del ecosistema —colores, tipografía, íconos, componentes— capturando ejemplos en diferentes plataformas y dispositivos. Al revisar el inventario completo quedó claro que los productos estaban desarticulados, sin patrones visibles y con grandes inconsistencias. Para definir los principios del sistema realizamos benchmarking de referentes como Material Design y Carbon de IBM, y talleres de co-creación con equipos interdisciplinarios (diseñadores, desarrolladores, PMs) usando design thinking y dot voting para alinear los valores centrales del sistema.

Se construyó un design system desde cero: fundamentos de marca, principios de diseño, sistema de tokens y librería de componentes con foundations, patterns y templates. Material Design fue usado como referencia base.