Warrior Foodies
UX/UI Case study
Tu guía de alimentación consciente
Roll UX/UI
Product Design
Duración
10 semanas
Proyecto
grupal
Alejandro González
Beatriz Bandín
Jessica Medina
Paloma Girón
Sobre el proyecto/contexto
A raíz del informe sobre tendencias de consumo de 2023 de Zorraquino, elegimos el tema de la alimentación del presente y del futuro.
Problemática
El modelo de consumidor cambia a un modelo mas consciente interesado por la alimentación sana, que garantice la preservación de los recursos naturales, produzca y distribuya mejor minimizando el impacto de la industria alimentaria.
Objetivo
Promover el empoderamiento del consumidor y la toma de las decisiones de compra de alimentación conscientes en un producto digital.
Proceso de diseño
Descubrimiento/ contexto
Deskresearch
¿Para qué dirías que se utiliza esta cantidad de agua? 384 litros, exactamente
Para hacer una hamburguesa de 110 gr, de ternera
Aumento oferta alimentación
Enfocada en un consumidor más consciente preocupado por alimentación más saludable
Origen 100% vegetal
Productos que minimizan al máximo el impacto de la industria alimentaria, surgiendo nuevas startups a nivel mundial
Compra consciente
Empoderar al consumidor con información, acercando la nueva industria alimentaria plant-based
Nutrición más personalizada
Herramientas enfocadas en la salud de las personas y el planeta
Ideas culinarias
Romper con la creencia de que la alimentación basada en plantas es cara
Recursos naturales
Por supervivencia y salud pública, su conservación y preservación pasa a ser una necesidad
de la deforestación mundial es causada por la industria cárnica
5.000/20.000 litros de agua
para producir un kilo de carne
53 billones de animales
se destinan para consumo humano al año
9.500.000 muertes
por enfermedades cardiovasculares, cáncer y diabetes a causa de mala alimentación
14,5%
de las emisiones globales de gases de efecto invernadero
Fuentes: Fao.org, peta.org, The Lancet, Greenpeace
burguer de ternera
vs
burguer vegetal
Fuente: ‘Estimating the environmental impacts of 57,000 food products’, Michael Clark et al (2022).
Benchmarck
Durante el proceso de investigación fue imprescindible realizar un estudio sobre las aplicaciones existentes en el mercado. Nuestra búsqueda no sólo se centró en estudiar la variedad de opciones disponibles, sino en identificar aquellas mejor valoradas por las personas usuarias. Así pues, realizamos una categorización de estas aplicaciones según sus funcionalidades:
Sugerencias de recetas y planes nutricionales
Sugerencias de recetas y planes nutricionales
Clasificación de productos y compra
A partir de los datos y los detalles encontrados establecimos una matriz Dafo que nos ayudaría a identificar y asociar factores internos y externos. Así pudimos generar unas hipótesis primarias, que nos ayudaron a generar el guión de las entrevistas y la encuesta, como por ejemplo:
“Si los productos plant-based tuvieran un nombre más atractivo para los consumidores, entonces esto generaría más aceptación y comprarían más, porque les resultaría más cercano”.
Encuestas y entrevistas
Después del desk research y el benchmark, procedimos a realizar una encuesta a 58 personas, con la finalidad de conocer sus hábitos de alimentación y su grado de preocupación por la sostenibilidad y el medioambiente.
En este punto descubrimos información interesante, como las contradicciones que se dan en las personas consumidoras. La preocupación mostrada por la sostenibilidad no se corresponde con el modelo de alimentación mayoritario, el omnívoro.
A la par que contrastábamos los datos de las encuestas también realizamos 5 entrevistas a personas cuyos perfiles encajaran con nuestros usuarios extremos. Recogimos los datos más relevantes y los organizamos en un affinity diagram.
“Me parece que es importante alcanzar un equilibrio entre el consumo y cómo este afecta al planeta”.
“Siento que me falta información, que tendrían que visibilizar más las opciones saludables, diferenciarlas más de otros productos”.
“Necesitamos volver a esa conexión con lo que uno pone en el plato”.
“La responsabilidad debe ser del productor, no del consumidor”.
Estrategia
Hipótesis
“Si facilitamos información más detallada, entonces los consumidores podrán tomar decisiones de compra más saludables y justas, porque serán más conscientes de su impacto”
“Si tuviéramos más alternativas a los productos cotidianos, entonces a los usuarios no les costaría tanto consumir productos plant-based, porque serían más accesibles”
“Si generamos mayor empatía hacia productores y animales, los consumidores tenderán a esforzarse más por comprar de manera justa, porque conectarán emocionalmente con sus decisiones”
“Si los productos plant-based tuvieran un nombre más atractivo para los consumidores, entonces esto generaría más aceptación y comprarían más, porque les resultaría más cercano”
Target
A la hora de definir nuestro target, por ser un grupo amplísimo, buscamos los usuarios extremos, englobando cuatro subgrupos:
¿Qué preocupa a nuestro target?
El medio ambiente y la sostenibilidad.
El cambio climático.
El bienestar animal.
Consumir productos de proximidad.
Llevar un estilo de vida saludable.
Personas
Para concretar el target, establecimos 3 user personas, con 3 características muy diferentes entre ellas y un journey as is, basado en sus costumbres o hábitos de consumo alimenticio, en el que reflejamos algunos de los puntos de dolor con los que se encuentran. Tenemos al usuario “comprometido”, que ya ha cambiado su manera de consumir, al usuario “intermedio”, que desea cambiar sus hábitos, pero necesita ayuda, y al usuario “Milanesa”, a quien la carne le encantan y es el más reticente a cambiar de hábitos alimenticios
Chema, comprometido
Trabajo Nutricionista, naturópata, instructor de yoga
Edad 36
Estado civil soltero
Ciudad Oviedo
Sobre mí
Con el tiempo he aprendido a llegar al equilibrio, escuchando a mi cuerpo y conectando nuevamente con la comida. Mi estilo de vida me permite tener tiempo para cuidarme y comprar de formar consciente.
Mi prioridad es vivir en un entorno natural, consumir producto local, orgánico, de temporada y que, sobre todo, sea un alimento
Objetivos
Adquirir más conocimientos sobre la alimentación intuitiva.M
Llegar a más gente, como nutricionista.
Frustraciones
La idea de que la carne es mala, cuando lo malo es el modelo de industria cárnica.
Escasa o información compleja en el etiquetado de los alimentos.
Journey as is
Buscar información nutricional y sobre el origen de los alimentos que compro para mejorar mis conocimientos
Andrés, intermedio
Trabajo Administrativo
Edad 28
Estado civil soltero
Ciudad Málaga
Sobre mí
Me identifico como una persona concienciada a nivel medioambiental y
llevo una alimentación variada.
Como a veces teletrabajo, suelo comprar en el supermercado de la esquina, y suelo priorizar el precio por encima de otros aspectos.
Objetivos
Tener una alimentación más variada, porque estoy un poco aburrido.
Planificar mejor la lista de la compra.
Frustraciones
Las etiquetas de los alimentos no son claras y confunden.
Hay mucha publicidad engañosa.
Siento que me falta información para tomar decisiones más saludables.
Journey as is
Encontrar nuevas formas de cocinar para optimizar el tiempo y comer más sano, batchcooking
Marcela Clara, milanesa
Trabajo Empresaria
Edad 40
Estado civil casada, 2 hijos
Ciudad Madrid
Sobre mí
Me importa mucho la calidad de los productos que consumimos en casa, por eso no miro el precio porque no escatimo en gastos.
Como soy argentina la carne no puede faltar y disfrutamos con reuniones copiosas frecuentes.
Objetivos
Encontrar un equilibrio entre los recursos implicados en la producción de lo que consumimos y el esfuerzo de los empleados.
Que no se pierdan las tradiciones de toda la vida.
Frustraciones
En la elección de lo que consumimos se ponen en juego muchas cosas.
Creo que hay demasiados envoltorios de plástico.
Journey as is
Encontrar alternativas a los alimentos de origen animal para mi hija que se ha vuelto vegana
Validación de hipótesis
“Si facilitamos información más detallada, entonces los consumidores podrán tomar decisiones de compra más saludables y justas, porque serán más conscientes de su impacto”.
Casi un 57% de las personas encuestadas, que revisan las etiquetas, nos indicaron que la información detallada en ellas no les resulta comprensible.
Y, además, 21 de las 58 personas encuestadas no miran las etiquetas por falta de tiempo
Del total de las personas encuestadas, un escaso 27% , es quien revisa y entiende lo que esta consumiendo en su alimentación, mientras que el 73% necesita información comprensible y asequible
En cuanto al grado de preocupación por el medio ambiente obtuvimos una información contradictoria con los hábitos de consumo. Esta información ya la comentamos al hablar de las encuestas y entrevistas, pero fue una información relevante a la hora de validar nuestras hipótesis ya que para un 84,5 % del total encuestado, la sostenibilidad es importante o muy importante, pero no se corresponde tal preocupación con los hábitos de consumo:
“Si los consumidores estuvieran realmente concienciados medioambientalmente, entonces deberían seguir una alimentación que cause el menor daño, porque la industria alimentaria es una de las que más perjudican la salud del planeta”
Ideación
Técnicas de ideación
En la fase de ideación nace nuestro desafío y nos hacemos la siguiente pregunta:
¿Cómo podríamos ayudar a las personas usuarias a reconectar con su alimentación y con el planeta?
Con este planteamiento nos reunimos para generar ideas y soluciones que resolvieran las principales necesidades de las personas usuarias. Empleamos técnicas de ideación como la flor de loto, con 10 participantes y también la del alter ego. En total generamos 160 ideas, las sintetizamos en un affinity map y, finalmente, seleccionamos 5 ideas, mediante la técnica de la tarjeta roja y verde.
Ideas seleccionadas
Batchcookling
Con recetas sencillas y una guía para acompañar en la transición alimentaria.
Digitalización
Con venta digital para pequeños comercios, dándoles visibilidad y haciendo más fácil para las personas usuarias hacerse con sus productos.
Alerta mensual, para favorecer la conexión con la alimentación y la naturaleza.
Con recetas de toda la vida reinventadas.
Para favorecer la conexión con la alimentación y para añadir ese componente social/comunitario.
Conceptualización
Journey to be y Jobs to be done
Para empezar a aterrizar soluciones, cogiendo de referencia las 3 user personas, daremos prioridad a las ideas que más valor nos han aportado. Así es como el proceso de tangibilizar empieza a desarrollarse, para dar un producto digital que de solución a las necesidades detectadas de manera viable, útil y que aporte beneficios
Con la metodología de los Jobs to be done, pretendemos encontrar un resultado particular cada vez que el usuario utiliza el producto digital. Así, nos centramos en los resultados para luego desarrollar las características y funciones que ayuden a realizar esas acciones.
Y con los Journey to be podemos visualizar cómo es el camino en los jobs to be done, visualizando los sentimientos o donde interactúan con el producto en definitiva, las inquietudes de nuestras user personas y cómo podemos resolverlas
Job to be done
Tener información nutricional más transparente // Comprar alimentos de cercanía y de temporada
Journey to be
Job to be done
Andrés, intermedio
Optimizar el tiempo de preparación de comidas más sanas
Journey to be
Job to be done
Marcela Clara, milanesa
Encontrar recetas tradicionales con alternativas a las de origen animal
Journey to be
Task flow y happy path
Estos pasos representados en los jobs to be done nos llevan a representar la secuencia de acciones, momentos, decisiones, pantallas....Y el tipo de producto digital que estamos desarrollando. Empezamos a materializar los diagramas de flujo, como representación visual de esos procesos que realiza el usuario, con cada uno de los pasos hasta que alcanza su objetivo. Y es que empezamos a hablar de procesos.
Tener información nutricional más transparente
Chema, comprometido
Comprar alimentos de cercanía y de termporada
Cocinar para comer más sano
Andrés, intermedio
Optimizar el tiempo de preparación de comidas más sanas
Encontrar recetas tradicionales con alternativas a las de origen animal
Marcela Clara, milanesa
De esta forma ya podíamos ir segmentando apartados, para nuestra app, decidido así porque, precisamente, nos resultó lo más práctico para los usuarios a los que preguntaríamos en la siguiente fase en la que desarrollaríamos la arquitectura de la información
Arquitectura de la información
Con el fin de que la estructura de nuestra aplicación tuviera un orden lógico e intuitivo, decidimos elaborar una lista del contenido para realizar un card sorting, valiéndonos de herramientas como Optimal Workshop. El resultado que obtuvimos esclareció la arquitectura de la información de nuestro producto digital, gracias a la colaboración de los participantes del card sorting que agruparon y clasificaron en categorías los temas que tenían más sentido para ellos.
Navegación
La organización del contenido, nos llevó a continuar con la navegación. En esta fase nos encargamos de trabajar en cómo las personas usuarias explorarían e interactuarían con el contenido del producto digital por lo que empezamos a valorar que tipo de producto digital era más interesante para las tareas a realizar y sus necesidades.
Además de esas tareas la que se nos complicó fue el acceso al producto digital por primera vez. Debíamos elegir si el usuario tendría que registrarse nada más entrar y empezar a tomar decisiones para seleccionar un plan de suscripción de servicio o darle opciones de elección posteriores, siempre teniendo en cuenta que queríamos evitar la sobrecarga cognitiva.
Compra de productos de alimentación
Esta fase del card sorting fue la más sencilla para las personas que participaron, ya cogimos como ejemplos la categorización del e-commerce de alimentación Vegaffinity como web y de la app Real Food, y tener así patrones de reconocimiento que facilitaran una interacción familiar
Recetas
También pudimos seguir patrones de reconocimiento y modelos mentales para el desarrollo de navegación de esta sección
Batchcooking, planificación de comidas
Inspirándonos en patrones de plataformas que facilitan tanto alimentos como recetas, construimos la navegación desde el plan elegido hasta la planificación y organización de las comidas.
Wireframes
Tras mucho trabajo de navegación llega la hora de “dibujar” estos flujos de usuario. Para empezar, realizamos unos bocetos que nos llevarán a nuestros primeros wireframes de media fidelidad que, posteriormente, serán la base del prototipo de la aplicación móvil.
Diseño visual
Después de conceptualizar, pasamos a desarrollar nuestra identidad visual, buscando siempre que estuviera alineada con nuestra misión, visión y valores. Así pues, y con la ayuda de un moodboard como inspiración, y un brainstorming de conceptos vistos durante el proceso, nació Warrior Foodies, una plataforma digital que mejora la gestión del tiempo de la persona usuaria y que lucha por un sistema alimentario más sostenible con el planeta y respetuoso con el bienestar animal, facilitando el acceso a recetas y productos alimentarios conscientes.
Para la creación del emblema de la app, pusimos las iniciales del nombre. Entre las iniciales del isotipo, destaca la imagen de la llama, simbolizando tanto a los warriors foodies preocupados por su alimentación y por el planeta, como el fogón de sus cocinas donde preparan las recetas de nuestra app.
Ya con el naming y el logotipo creados, llegó el momento de seleccionar colores que simbolizaran la identidad de nuestro producto digital y que juntos crearan una combinación armoniosa y visualmente agradable:
Primarios
Elegimos como color primario el azul, porque evoca tranquilidad y serenidad pero también seguridad y personalidad.
Secundarios
Como secundario elegimos el verde, por su frescura y por estar asociado con la salud y la naturaleza.
El naranja, también como secundario porque transmite energía y calor, acorde con el naming de nuestro producto.
Neutros
Y, por último seleccionamos colores neutros, como el negro, blanco y gris, sacándolos del primario
En cuanto a la elección de la tipografía tuvimos en cuenta que cumpliera con ciertos aspectos necesarios para el diseño de una aplicación móvil: legible, moderna, amigable y versátil. Poppins, una fuente sans-serif diseñada por Ninad Kale, cumplía con todas estas características, además de ser una fuente ampliamente utilizada en diseño digital, por lo que resultaría familiar a nuestras personas usuarias. Asimismo, cabe destacar su amplia variedad de pesos y estilos, lo que nos ayudaría a establecer una jerarquía visual sólida.
Establecimos 3 tipos de grid, para que a la hora de diseñar la guía de estilo, sobre todo porque las secciones que desarrollamos en los bocetos y los wireframes nos daban funcionalidades muy diferentes, como son la sección de recetas o la sección de productos, que corresponde con un e-commerce.
A raíz de los diferentes procesos de navegación y basándonos en el atomic design, fuimos desarrollando elementos visuales cómodos, con variantes simples y poco recargados, ya que lo primero a lo que se iban a enfrentar las personas usuarias sería un proceso de selección de un plan de subscripción con numerosos pasos, cada uno en una pantalla. Para estos pasos establecimos unas cajas sencillas y unos discretos bullets que van informando de los pasos que faltan hasta el final, consiguiendo que este trámite no se hiciera tan pesado
Continuando con la ligereza y para mantener una sintonía, realizamos unas cards para las recetas y los productos. De igual forma elegimos una forma de expresarnos con los usuarios cercana y divertida, pero simple, para que el sesgo de atención de las personas usuarias no se vea afectado. Es tremendamente importante que se sientan cómodas en todo momento
Al registrarse en Warrior Foodies, con cualquiera de las opciones facilitadas, hay que elegir un plan de subscripción.
Y seguidamente un cuestionario inicial, para entender las necesidades de alimentación de las personas usuarias
La home se compone de 3 partes:
Mi sección, a su vez con 3 apartados, directos a elementos guardados
Noticias positivas, con información entorno al medio ambiente
Producto de temporada, porque así ayudamos a mejorar los conocimientos de las personas usuarias
Y aquí vemos ejemplos del resto de funcionalidades
… una vez hecho el registro y elegido el plan de suscripción, pasamos al proceso de configurar nuestro perfil
Abrimos WarriorFoodies para registrarnos y elegir plan de suscripción…
y ya estamos dentro y podemos revisar nuestro plan y algunas recetas
Como están organizados los productos…
Y comenzar a cocinar una deliciosa receta basada en plantas
Next Steps
Inteligencia artificial
Trabajaremos en la implementación de la Inteligencia Artificial para agregar funcionalidades avanzadas y mejorar la experiencia del usuario, como recomendaciones personalizadas de recetas o la creación de un chatbot, que ofrezca asistencia culinaria en tiempo real.
Accesibilidad
Mejoraremos la accesibilidad de nuestro producto digital, con el objetivo de que pueda ser utilizado por la mayor cantidad de personas usuarias posibles, independientemente de sus habilidades o condiciones, cumpliendo con todas las pautas del estándar WCAG 2.2.