Contexto

Ante un crecimiento acelerado en Chile, WOM expandió sus servicios digitales, incluyendo e-commerce. La rápida evolución resultó en inconsistencias de diseño entre las plataformas, subrayando la necesidad de un sistema de diseño unificado que mantuviera la coherencia y facilitara la escalabilidad.

Problema

La rápida implementación de nuevas plataformas digitales llevó a inconsistencias visuales y funcionales en el diseño, afectando la experiencia del usuario y dificultando la mantenibilidad y escalabilidad del diseño.

Objetivos

• Establecer un sistema de diseño coherente que unifique todas las plataformas digitales de WOM.

• Asegurar la adopción fácil y la efectividad del sistema de diseño mediante la creación de una librería base accesible para todo el equipo.

• Fomentar una colaboración continua entre los equipos de diseño y desarrollo para garantizar la coherencia y la actualización del sistema a lo largo del tiempo.

Proceso

1. Colaboración y alineación: Establecí un liderazgo claro y líneas de comunicación entre los equipos de diseño y desarrollo para asegurar la coherencia en todo el proyecto.

2. Definición de normas: Desarrollé normas claras para el uso de componentes, asegurando que todos los elementos del diseño se adherían a un estándar consistente.

3. Creación de la librería: Implementé una librería de componentes en Figma, fácil de adoptar y expandir, considerando las necesidades futuras y la accesibilidad.

Solución

• Sistema de diseño unificado: Un conjunto coherente de guías y componentes que aseguran la consistencia y facilitan el desarrollo rápido y escalable de nuevos productos y características.

Documentación del componente 'Paginador'

• Librería en Figma: Una librería centralizada y fácil de usar que sirve como la piedra angular para todos los proyectos de diseño en WOM, permitiendo actualizaciones y adaptaciones eficientes.

Vista de diversos componentes creados en Figma