Vitalery
Diseño UX/UI
Líder de UX
En un mundo donde mantener un estilo de vida saludable es una prioridad, encontrar opciones de panadería nutritivas con entrega rápida y confiable sigue siendo un desafío. La app Vitalery está diseñada para cubrir esa necesidad, ofreciendo productos de panadería saludables y de alta calidad, adaptados a las preferencias de cada cliente y entregados en el menor tiempo posible.
Conociendo al usuario
Realicé entrevistas y elaboré empathy maps para comprender las necesidades de los usuarios. Uno de los grupos clave identificados fueron adultos trabajadores conscientes de su salud, que disfrutan de los dulces pero se preocupan por su impacto. La investigación confirmó una creciente preferencia por productos de panadería orgánicos, equilibrados y saludables, y también puso de manifiesto el reto de conservar estos productos por más de unos pocos días, lo que dificulta los pedidos espontáneos.
Accede al documento con las entrevistas →
User personas & User journey map
Objetivo de Martha: Encontrar una opción más saludable que las pastelerías tradicionales para satisfacer sus antojos y gusto por lo dulce cuando está en casa.
Objetivo de Carlos: Encontrar un pan sin gluten en línea para su pareja intolerante al gluten.
Problemas clave detectados en la investigación de usuarios
1. Disponibilidad limitada
Pocas panaderías saludables ofrecen pedidos en línea, incluso en las grandes ciudades.
2. Retrasos en la entrega:
Las opciones de entrega el mismo día son poco comunes, por lo que se requieren pedidos anticipados.
3. Perecibilidad
Los clientes enfrentan dificultades debido a la corta vida útil de los productos, lo que complica planificar sin desperdiciar o consumir en exceso.
Público objetivo
▫️ Concienciados con la salud y selectivos
Personas comprometidas con un estilo de vida saludable, que buscan opciones de repostería equilibradas adaptadas a sus necesidades dietéticas.
▫️ Profesionales urbanos ocupados
Adultos que trabajan en áreas metropolitanas y necesitan soluciones rápidas y eficientes sin sacrificar la calidad ni la nutrición.
▫️ Consumidores con necesidades dietéticas específicas
Usuarios con restricciones dietéticas (como sin gluten, veganos o enfocados en el fitness) que requieren opciones claras y seguras.
▫️ Impulsados por la experiencia y habituados a las nuevas tecnología
Personas que valoran la comodidad de una experiencia de compra intuitiva y personalizada a través de una aplicación móvil.
Descripción del problema
Martha, una empresaria de unos 40 años que vive en una zona metropolitana, busca una forma saludable de satisfacer sus antojos de dulce en momentos de estrés, sin dejar de mantener su compromiso con un estilo de vida sano y en forma.
Si Martha puede usar una app de repostería para pedir dulces y pasteles saludables en momentos de ansiedad, se sentirá mejor con sus elecciones y también reducirá sus niveles de estrés.
Carlos, un marido dedicado de unos 30 años y empleado a largo plazo en un ambiente laboral que lo apoya, quiere disfrutar de productos de repostería con su esposa, quien es intolerante al gluten. Busca una manera de compartir su amor por los dulces sin comprometer la salud de ella ni dedicar demasiado tiempo a buscar opciones seguras y sin gluten.
Si Carlos puede usar una app de repostería especializada en productos sin gluten, podrá disfrutar de momentos significativos con su esposa, asegurando que sus necesidades dietéticas se cumplan con facilidad y confianza.
Reconocemos la urgente necesidad de desarrollar una app de repostería saludable adaptada a dietas específicas. La mayoría de nuestros competidores dependen de aplicaciones web, lo que deja una clara oportunidad en el espacio móvil. Con la rápida expansión del mercado consciente de la salud, se ha vuelto esencial para nosotros ofrecer una solución móvil que no solo satisfaga la creciente demanda, sino que también eleve la experiencia del cliente. Al abordar esta necesidad, podemos asegurar una posición más fuerte en un mercado que evoluciona rápidamente y que carece de ofertas móviles de calidad.
Estudio de usabilidad
Detalles del estudio
Preguntas
- ¿Qué tan eficazmente pueden los usuarios encontrar productos adaptados a sus necesidades dietéticas?
- ¿Experimentan los usuarios un proceso fluido al completar sus pedidos deseados?
- ¿Qué información podemos obtener de los pasos que siguen los usuarios al ordenar un producto de repostería?
Participantes
10 participantes de entre 20 y 40 años, que viven en áreas metropolitanas, con necesidades dietéticas específicas o un fuerte compromiso con un estilo de vida saludable.
Metodología
Duración: 10 minutos
Localización: Madrid
Formato: Estudio de usabilidad no moderado
Tareas: Los usuarios fueron invitados a explorar un prototipo de baja fidelidad.
Estudio de usabilidad
Resultados
1. Percepción de escasez de contenido
Debido al espacio limitado, la aplicación daba una impresión de ser excesivamente minimalista y de carecer de contenido suficiente, lo que afectaba negativamente la interacción de los usuarios.
2. Dificultad para diferenciar categorías dietéticas
Los usuarios tenían problemas para distinguir entre productos veganos, sin gluten y “fit”. El etiquetado y la categorización carecían de claridad, lo que generaba confusión al momento de seleccionar los productos.
3. Necesidad de indicadores visuales claros
Los usuarios sugirieron incorporar íconos distintivos, colores o filtros que permitieran identificar rápidamente los productos según sus preferencias dietéticas, mejorando así la navegación y la selección.
Objetivo
Nuestra aplicación de panadería permitirá a los usuarios filtrar y seleccionar productos según necesidades dietéticas específicas, atendiendo tanto a personas con conciencia sobre su salud como a aquellas con requerimientos alimentarios especiales. Al ofrecer una experiencia precisa y fácil de usar, garantizamos que los usuarios puedan encontrar y comprar productos que se alineen con sus preferencias dietéticas sin complicaciones. Evaluaremos la efectividad de la aplicación analizando el recorrido del usuario a través de las distintas categorías dietéticas, con el fin de medir la facilidad de navegación y el éxito en la compra.
Iniciando el diseño
Wireframes y prototipo de baja fidelidad
Para garantizar una experiencia de compra clara y accesible, hemos decidido filtrar los productos en tres categorías principales: sin gluten, veganos y fit.
El principal diferenciador de nuestra aplicación en comparación con la competencia es un sistema de etiquetado intuitivo que permite a los usuarios identificar rápidamente qué productos cumplen con sus necesidades.
Para lograr esto, hemos asignado tres colores distintos: verde para los productos veganos, amarillo para los productos sin gluten y rojo, nuestro color principal de marca, para los productos fit.
Este sistema visual simplifica la selección y ayuda a los consumidores a tomar decisiones informadas de manera rápida y eficiente.
La accesibilidad es un aspecto fundamental de nuestra aplicación, ya que garantiza que todos los usuarios, independientemente de sus capacidades, puedan navegar e interactuar con ella con facilidad.
Al seleccionar los colores para la categorización de productos, priorizamos la claridad, el contraste y la inclusión.
Los colores elegidos ofrecen alta visibilidad y una diferenciación clara.
Este sistema de codificación por colores mejora la usabilidad, permitiendo a los usuarios identificar rápidamente los productos que se ajustan a sus necesidades dietéticas, al mismo tiempo que se mantiene una interfaz visualmente atractiva y accesible.
El diseño se ha desarrollado utilizando un enfoque mobile-first, priorizando el tamaño de pantalla compacto como base. Esto garantiza una adaptación fluida en distintos dispositivos, evitando desajustes en el diseño o problemas de usabilidad. Al optimizar primero para pantallas pequeñas, aseguramos una experiencia de usuario responsiva y accesible en todos los tamaños de pantalla.
Logo y Tipografía
Optimización del diseño
La paleta de colores refleja vitalidad y el espíritu enérgico del bienestar.
El blanco mantiene la aplicación limpia y despejada; el magenta aporta dinamismo y contrasta con los tonos tradicionales de panadería para transmitir el disfrute activo de un estilo de vida fit.
El verde resalta las opciones veganas y ecológicas, mientras que el amarillo enfatiza los productos sin gluten, fomentando así una experiencia fresca y orientada al cuidado de la salud.
Trabajar con componentes facilita la reutilización del código, reduce el tiempo de desarrollo y mejora el mantenimiento.
Además, los componentes promueven una estructura clara y organizada, lo que permite al equipo añadir nuevas funcionalidades o realizar ajustes sin afectar la funcionalidad existente, algo clave para un crecimiento del proyecto eficiente y ordenado.
