Volver a proyectos
Vista del Design System de BICE Vida

Resumen

BICE Vida es la aseguradora de vida del Grupo BICE. Durante cuatro años lideré la evolución de su Design System, con el objetivo de construir una base sólida, escalable y coherente que permitiera ofrecer experiencias consistentes en todos los productos digitales de la compañía.

El desafío

La compañía tenía múltiples productos digitales en crecimiento, cada uno con necesidades particulares y equipos trabajando de manera independiente. Esto generaba inconsistencias visuales, duplicación de esfuerzos y componentes poco mantenibles.

Inconsistencia

Diferencias visuales y de interacción entre productos que afectaban la experiencia de los usuarios.

Escalabilidad

Falta de una base sólida de componentes y tokens que permitiera escalar nuevos productos eficientemente.

Colaboración

Procesos y herramientas poco definidas entre Diseño y Desarrollo que generaban retrabajo y dependencias.

Mi rol

Lideré al equipo de diseño UI (3 diseñadores) y el área de Design Systems dentro de la compañía, trabajando de la mano con Desarrollo, Producto y líderes de negocio para alinear la visión, definir estándares y asegurar la adopción del sistema.

Estrategia

Definir el roadmap del Design System alineado a los objetivos de negocio en cada Q.

Diseño

Crear y evolucionar componentes, patrones, tokens y guías de uso.

Colaboración

Facilitar la colaboración entre Diseño, Desarrollo y Producto.

Adopción

Impulsar la adopción del sistema a través de documentación, training y acompañamiento.

Proceso

Trabajamos de manera iterativa en cada planificación de 2 semanas (sprint) junto a diseño y desarrollo. Las planificaciones incluían que los desarrolladores de cada célula desarrollaran de 1 a 2 componentes por sprint.

Investigación

Auditoría de productos existentes, análisis de necesidades y benchmarks.

Fundamentos

Definición de principios, tokens de diseño y lenguaje visual.

Componentes

Diseño y desarrollo de componentes reutilizables, accesibles y escalables.

Documentación

Creación de guías, ejemplos de uso y buenas prácticas en Storybook.

Adopción y mejora

Acompañamiento a equipos, feedback continuo y evolución constante del sistema.

Solución

Construimos un Design System con 60 componentes reutilizables, escalables y que fue adoptado por todas las células existentes (6 aproximadamente).

Foundations: colores y tipografía
Componentes: botones e inputs
Documentación de uso
Storybook y código

Impacto

+40%

Reducción de tiempos de diseño y desarrollo

+80%

Reutilización de componentes en nuevos productos

+90%

Adopción del Design System en equipos

Mejor

Experiencia más consistente y accesible para los usuarios