Definiendo el proceso de pedido:
Planificación y diseño de un flujo claro
Planificación
Creé una lista detallada de las características clave que el rediseño debía incluir, enfocándome en hacer el proceso de pedido más claro y directo.
Bocetos a mano
Creé bocetos a mano para organizar mis ideas, optimizando la visibilidad de las opciones de pickup y entrega. También diseñé un flujo de pedido más intuitivo, eliminando distracciones y ayudando a los usuarios a reconocer cada etapa.
Análisis Competitivo
Esta tabla compara la experiencia de usuario y el proceso de pedido de Domino's Pizza, Pizza Hut y Little Caesars.
Se evalúan aspectos como la interfaz, la navegación, el pago y la personalización del pedido para mejorar la experiencia del cliente.
Mejorando el proceso de compra de Domino's Pizza
Caso de estudio | Figma | Figjam
6 minutos de lectura
Este proyecto consistió en rediseñar la web de Domino's Pizza para mejorar la experiencia del usuario y hacer el proceso de pedido más ágil. Quería facilitar la navegación, unificar el diseño y asegurar que la compra fuera intuitiva y accesible para los usuarios.
Rol
Diseñadora UX/UI
Duración
3 semanas
Habilidades
Investigación UX
Análisis competitivo
Diseño de interfaces
Prototipado
Figma
Hallazgos
Se encontraron inconsistencias en la navegación y en el proceso de pedido. Además, el diseño visual carecía de interactividad.
Estos hallazgos impulsaron un rediseño que simplificó la interfaz y mejoró la experiencia del usuario, haciéndola más clara y atractiva.
Hallazgo #1
En la página de inicio, las opciones "Ordena online", "Ubicación" y "Tracker" son visibles. Sin embargo, al navegar, estas opciones desaparecen, generando inconsistencia en la experiencia del usuario.
Hallazgo #2
Se encontraron inconsistencias tipográficas y problemas de legibilidad afectando la identidad visual y complica la navegación.
Hallazgo #3
El tamaño de los iconos afecta la estética del sitio (amarillo), creando un aspecto desordenado. Además, las discrepancias en el texto de botones (naranja) entre versiones móvil y escritorio generan confusión y disminuyen la coherencia.
Hallazgo #4
Problema de navegación móvil
El diseño móvil dificulta la ubicación de elementos clave, como la sección "Empieza tu pedido", que se encuentra desplazada hacia el final de la pantalla cuando en la versión escritorio se encuentra al inicio.
De bocetos a wireframes
Transformé mis bocetos en wireframes digitales para dar estructura a mis ideas iniciales y comenzar a iterar, organizando cada elemento del diseño de manera más precisa y alineada con los objetivos del proyecto.
Reflexiones y mejoras
Durante este proyecto, aprendí a diseñar una experiencia más eficiente y accesible, simplificando procesos y facilitando la navegación.
El rediseño dejó en claro la importancia de un flujo ágil y bien estructurado, lo que permitió optimizar la interfaz tanto en escritorio como en móvil. Además, incorporé elementos interactivos para guiar a los usuarios de manera más efectiva.
Rediseño Móvil de Domino’s
Este prototipo optimiza la interfaz de Domino’s, haciéndola más visual y atractiva. Los botones son altamente interactivos y el proceso de personalización de pizzas se simplifica con opciones claras, incluyendo una barra de progreso que orienta al usuario, brindando una experiencia fluida y agradable.
Contáctame 🌱