Rol
- Design system, UI design, UX design
¿Cómo ayude?
- Arquitectura de información, Mockups, Design system
Duración
- 2 meses
eCesde
eCesde es el marketplace de la institución educativa CESDE, con más de 190 cursos y diplomados para estudiantes y empresas, con modalidad virtual, híbrida y presencial.
Desafio
- Rediseñar el marketplace de la institución educativa CESDE, con el objetivo de generar una mejor experiencia de usuario.
Solución
- Se logró diseñar un nuevo producto desde cero, con una nueva arquitectura de información que mejoró notablemente la usabilidad del marketplace. También se creo un sistema de diseño para solucionar problemas de consistencia en los elementos visuales.
Design system
Uno de los primeros desafíos a los que me enfrente en este proyecto fue la falta de consistencia de los elementos visuales. Habían botones de todos los colores y tamaños, vistas del mismo marketplace que no tenian los mismo elementos visuales entre otras cosas.
Por esta razón decidí proponer e implementar un sistema de diseño que lograra solucionar todos estos problemas de consistencia.
El sistema de diseño fue creado en Figma usando la base piramidal de tokens: Global Tokens, System Tokens y Components Tokens. Con esta metodología se logra la escalabilidad del sistema, los tokens fueron configurados mediante la herramienta Token Studio. En total para este sistema se diseñaron 30 componentes cada uno con sus respectivas variaciones.
Arquitectura y UI
El segundo reto más importante de este proyecto era mejorar la usabilidad, para lograr esto, diseñé un nuevo sitemap para separar los cursos y diplomados virtuales de los presenciales que generaban conflicto en la experiencia de usuario, también colocamos filtros dentro de las búsquedas de los cursos para que fueran más especificas. Se creó también una sección dedicada a la oferta de valor para empresas y por último, y no menos importante, se crearon unos guidelines y un nuevo look and feel para las vistas internas de la plataforma educativa.
Dentro del marketplace agregamos más información del curso para incentivar mejor al usuario al momento de la decisión de su compra.
En total fueron diseñados 10 vistas en todo el proyecto.
