Design system - UI

Supervisado diseñador UX

Sebastián Gil

Diseñadores UI

Juan David Vasquez - Julian Corredor

‍

Contexto

Éxito.com es una extensión de Grupo Éxito la cual se enfoca en la venta de productos y destaca a nivel nacional en el área de retail/e-commerce con el respaldo de sus tiendas físicas.

Si bien internamente ya se contaba con un recurso compartido de componentes, no había un orden establecido de como segmentar, agrupar y/o consultar dicho recurso. Es acá en donde en dupla de diseño se toma lo que ya existe, se agrega y se mejora este recurso el cual toma forma de librería de consulta.

‍

‍

‍

Solución

Se organiza un recurso compartido a manera de archivo para todo el equipo de diseño y o interesados.

‍

‍

‍

‍

‍

ASPECTOS A DESTACAR

‍

• Clasificación de componentes bajo el esquema de Atomic Design.
  (Átomos > Moléculas > Organismos > Templates)
  ‍
• Recurso de consulta para descargar y/o ver características especificas de cada componente.
  ‍
• La estandarización de componentes permite que el diseño a nivel general tenga una alineación de acuerdo al key visual de la marca lo cual sirve de lineamiento a la hora de diseñar para no generar variaciones que irrumpan con el estilo establecido.
  ‍
• Al ser una librería compartida se pueden tomar y arrastrar moléculas y templates ya construidos facilitando el trabajo para otros diseñadores.

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

‍

MUESTRAS DE TEMPLATE

Muestras de templates de pantalla completas en sus versiones Desktop y Mobile listas para usar completas o por partes.

‍