Design System CESDE
Rol
- Design system, UI design, UX design
¿Cómo ayude?
- Mockups, Design system
Duración
- 6 meses
Desafio
- Crear y mantener un sistema de diseño transversal a toda la institución para generar consistencia visual entre todos los diferentes productos digitales del CESDE.
Solución
- Con base en el manual de identidad de la institución, Se logró la creación de un sistema de diseño para que abordara tanto los proyectos existentes como los nuevos requerimientos en productos digitales.
Definición de Tokens
Con base en la identidad de la marca de la institución, comencé a definir cada una de las capas de Tokens (Global, System, Components), con el objetivo de estandarizar el sistema para lograr consistencia y escalabilidad de los componentes. En cada capa se definieron los siguientes tokens: colores, font-family, font-size, font-weight, line-height, espacios, tamaños, bordes y efectos. Fueron en total 409 tokens, todos configurados con las Variables de Figma.
Componentes
Para este proyecto se crearon más de 40 nuevos componentes y se reformaron algunos ya existentes. La idea era mostrar un cambio progresivo y tenue, para no generar un impacto muy fuerte en los usuarios recurrentes de las plataformas de la institución que pudiera generar una mala experiencia de usuario.
Fueron en total 29 nuevas vistas diseñadas con este sistema de diseño, entre landing pages, sistemas internos e interfaces de producto.
