ODA App
D’Angela es un proyecto académico centrado en desarrollar una aplicación para la venta de joyas de manera simple, limpia y efectiva. He utilizado herramientas de diseño UX/UI como Figma y Adobe XD, creando desde los wireframes hasta los prototipos de baja y alta fidelidad.
Tarea
Desarrollar una app para la venta de diseño de joyas de autor
A través del estudio de un mapa de empatía y entrevistas, se concluyó que los usuarios necesitan una plataforma rápida, agradable y efectiva para buscar y comprar joyas online, con un buen servicio de atención al cliente.
Los principales problemas que enfrentan los clientes incluyen la necesidad de mejores imágenes de los productos, un proceso de pago confiable y políticas de devolución fáciles. Además, se realizaron estudios de usabilidad, se consideró la accesibilidad y se iteró sobre los diseños.
El objetivo era generar 5 wireframes distintos para la página de inicio de la aplicación, con el fin de facilitar su comparación y análisis.
El último boceto es la versión que reúne las características destacadas de los estudios previos.
A medida que avanzaba la fase inicial, se adaptó el diseño de la aplicación según los comentarios y hallazgos de la investigación de usuarios.
El objetivo era diseñar una interfaz limpia y un flujo de navegación, para que el usuario pueda acceder fácilmente y encontrar lo que busca, de manera segura y divertida.
Se ha creado una guía de estilo para definir los elementos de diseño UI, como colores, jerarquías tipográficas, botones, iconos, entre otros.
El prototipo final de alta fidelidad presentó flujos de usuario más limpios para buscar, navegar y realizar el pago. También satisfice las necesidades del usuario con detalles de pago y mayor personalización, aplicando prácticas de accesibilidad.
| Principal #006154 | SCSS var $verde-oscuro | |
| R 0 G 97 B 84 |
Verde petróleo
| Secundario #00BFA5 | SCSS var $verde-claro | |
| R 0 G 191 B 165 |
Verde claro
| Inactivo #E0F2F1 | SCSS var $color-inactivo | |
| R 224 G 242 B 241 |
Verde gris
Tipografia
Tamil MN Bold
Uso
Títulos
Tipografia
Tamil Regular
Uso
Subtítulos
Tipografia
Open Sans Light
Uso
Textos
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in porta orci. Nunc condimentum enim et cursus condimentum.