Dirección Artística y Diseño UX/UI para ODA – Joyas
ODA (Ornella D’Angela Joyas) es una marca personal creada junto a mi hermana Ornella, donde me encargué del branding, dirección creativa y producción fotográfica. Como parte de un proyecto académico, diseñé una app móvil UX/UI para facilitar la compra online de joyas, enfocada en personas con agendas ocupadas. El diseño se centró en resolver fricciones comunes con una experiencia visual elegante, funcional y accesible.
Los usuarios no solo carecen de tiempo para comprar en tiendas físicas, sino que también enfrentan experiencias online poco confiables, con información limitada y confusa sobre los productos. Esto genera desconfianza, abandono de compra y una baja satisfacción con la marca.
Tras realizar entrevistas cualitativas, mapas de empatía y estudios de usabilidad, se identificaron varios problemas clave que los usuarios enfrentan al comprar joyas por internet. El reto fue diseñar una interfaz centrada en el usuario, que facilitara la navegación, promoviera la confianza y ofreciera una experiencia visual atractiva acorde con el mundo de la joyería.
A través de análisis, se identificaron los puntos de dolor, motivaciones y expectativas de la persona usuaria. Estos insights fueron clave para diseñar una experiencia digital más fluida, intuitiva y alineada con sus necesidades en cada etapa del proceso de compra.
Se desarrollaron versiones de wireframes en papel para la página de inicio de la aplicación. Esta exploración permitió comparar diferentes estructuras y funcionalidades, eligiendo una versión final basada en la claridad del flujo y el valor para el usuario.
Basado en la investigación inicial, se diseñó un prototipo enfocado en una navegación fluida. Se buscó minimizar pasos innecesarios, mejorar la jerarquía visual y optimizar la ubicación de llamadas a la acción.
Se creó una guía de estilo, definiendo paleta de colores, tipografía, iconografía y componentes reutilizables. El diseño final de alta fidelidad integró prácticas de accesibilidad y mejoró el flujo de compra, incluyendo detalles como opciones de personalización, información clara de precios y seguimiento postventa.
| Principal #006154 | SCSS var $verde-oscuro | |
| R 0 G 97 B 84 |
Verde petróleo
| Verde #85de76 | SCSS var $turquesa | |
| R 0 G 191 B 165 |
Turquesa
| Inactivo #E0F2F1 | SCSS var | |
| R 224 G 242 B 241 |
Blanco
Se incorporaron elementos visuales accesibles para mejorar la navegación, respondiendo a las pruebas de usabilidad con usuarios con diferentes capacidades.
El producto final presenta una interfaz moderna y elegante, alineada con el universo visual de la joyería de alta gama, pero sin sacrificar usabilidad. El flujo de navegación, desde la búsqueda hasta el pago, se refinó para ser intuitivo, rápido y confiable.
Si tienes una idea o proyecto en mente en el que crees que podemos aportar, o simplemente te apetece tomar un café y charlar, nos encantará hablar contigo.