top of page
23 copia 2_300x-100.jpg
cel.jpg

Healthy

El producto es una aplicación móvil adaptable a web diseñada para ayudar a las personas a aprender a cocinar de forma saludable de manera sencilla, rápida y motivadora. Está dirigida a usuarios con poco tiempo o energía, ofreciendo recetas prácticas, fáciles de seguir y acompañamiento paso a paso, además de funciones como filtros, seguimiento de progreso y herramientas de planificación. La versión web permite explorar recetas y conocer el servicio, mientras que la app brinda una experiencia más completa enfocada en generar hábitos saludables de forma accesible e intuitiva.

Tipo de proyecto : APP ADAPTABLE DE COCINA SALUDABLE
Año: 2025

Ubicacion: PERÚ
Rol:  DISEÑADOR PRINCIPAL DE UX/UI

Problema:  Muchas personas desean comer más saludable, pero enfrentan dificultades como falta de tiempo, motivación o conocimientos para preparar comidas nutritivas de forma fácil. Las soluciones existentes suelen ser complejas o poco adaptadas a personas con rutinas ocupadas, lo que genera frustración y dificulta mantener hábitos saludables a largo plazo.

Meta: El objetivo de este proyecto es hacer que la cocina saludable sea accesible, sencilla y motivadora para personas con poco tiempo o energía.

Público Objetivo

Personas de 22 años en adelante, principalmente profesionales y estudiantes de áreas como tecnología, diseño, comunicación u otras carreras con alta carga laboral o académica.

Buscan mejorar su alimentación y aprender a cocinar de forma más saludable, pero enfrentan limitaciones de tiempo, energía o motivación al llegar a casa después del trabajo o los estudios.

Suelen interesarse en el cuidado personal y el bienestar, pero les cuesta mantener hábitos saludables por falta de organización o cansancio. Valoran la simplicidad, la rapidez y las soluciones prácticas que se adapten a su rutina diaria.

“Mi herramienta está dirigida a jóvenes adultos y profesionales ocupados que desean mejorar su alimentación aprendiendo a cocinar saludable de forma fácil y práctica. Busca resolver la falta de tiempo, motivación o conocimientos de cocina, ofreciendo una experiencia accesible, personalizada y motivadora.”

Objetivo de la entrevista

Comprender los hábitos, motivaciones y dificultades de los usuarios al momento de cocinar y mantener una alimentación saludable, especialmente en personas con poco tiempo o energía, con el fin de identificar oportunidades de diseño que faciliten la adopción de hábitos saludables.

Preguntas: 

01

¿Qué significa para ti “comer saludable”?

02

¿Qué tan seguido cocinas tus propias comidas?

03

¿Te gusta cocinar? ¿Qué es lo que más disfrutas o lo que menos te gusta del proceso?

04

¿Te consideras una persona que cuida su alimentación? ¿Por qué sí o por qué no?

05

¿Qué tipo de platos sueles preparar (rápidos, caseros, delivery, etc.)?

06

¿En qué momento del día tienes más tiempo o energía para cocinar?

Se presentan algunas de las preguntas realizadas durante la entrevista.

Participantes

Se muestran algunos de los participantes de las entrevistas realizadas (la información presentada es resumida)

Diseñadora UX

Daniela - 26 años

Mujer profesional sonriente

Desarrollador de software

Miguel - 33 años

Hombre barbudo sonriente

Estudiante de diseño gráfico

Lucia - 23 años

Mujer bonita

Mapa de empatía

Mujer profesional sonriente

​

​

SAYS (DICE)

“Quiero comer mejor”

“Me gana la rutina”

“Quisiera organizar mis comidas”

​

THINKS (PIENSA)

Cocinar toma tiempo cuando está cansada

Debería ser más constante

Quiere hacerlo más práctico

​

DOES (HACE)

Cocina 3 veces por semana

A veces pide delivery

Hace recetas rápidas

​

FEELS (SIENTE)

Cansancio mental

Frustración por no ser constante

Motivación cuando logra cocinar

DANIELA

Hombre barbudo sonriente

 

 

SAYS (DICE)

“No tengo tiempo”

“Pido delivery seguido”

“Quiero recetas fáciles”

​

THINKS (PIENSA)

Cocinar es más esfuerzo que pedir comida

Necesita algo práctico

Quiere mejorar su alimentación

​

DOES (HACE)

Cocina 1–2 veces por semana

Come cosas simples

Usa delivery con frecuencia

​

FEELS (SIENTE)

Agotado después del trabajo

Desmotivado para cocinar

Interesado en mejorar

MIGUEL

Mujer bonita

 

 

SAYS (DICE)

“Quiero comer más sano”

“Me gustaría que sea divertido”

“Depende de la semana”

​

THINKS (PIENSA)

Cocinar puede ser entretenido

Necesita algo visual y dinámico

Le cuesta organizarse

 

DOES (HACE)

Cocina pocas veces

Improvisa con lo que tiene

Cocina más si está acompañada

 

FEELS (SIENTE)

Cansancio

Falta de organización

Motivación si es algo entretenido

LUCIA

222041253_42f77ef1-b7e1-4b24-89b3-176b207c69c8.jpg

Investigación de usuarios: resumen

Se realizó una investigación cualitativa mediante entrevistas semiestructuradas a personas jóvenes y adultas con rutinas ocupadas interesadas en mejorar su alimentación. Inicialmente se asumió que el principal problema era la flojera o la falta de interés por cocinar saludable; sin embargo, la investigación demostró que la situación era más compleja. Los usuarios sí desean comer mejor, pero enfrentan barreras como falta de tiempo, poca planificación, dificultad para decidir qué cocinar y necesidad de mayor motivación. Este hallazgo permitió replantear el enfoque del proyecto hacia una experiencia más simple, guiada y acompañada, que reduzca la fricción y apoye la creación de hábitos sostenibles.

Rutina y agotamiento

Las jornadas laborales o académicas los dejan con poco energía para cocinar, lo que les lleva a optar por delivery o comida rápida.

Falta de tiempo

Tienen poco tiempo para planificar y preparar comidas; cocinar desde cero les parece demandante.

Paint points

Necesidad de rapidez

Buscan recetas que sean rápidas, prácticas y saludables sin sacrificar sabor ni calidad.

Dificultad para organizarse

No saben cómo planificar sus comidas de la semana, comprar ingredientes adecuados o preparar por adelantado.

Espacio de trabajo creativo

Personas - Grupo 1

Personas que trabajan o estudian la mayor parte del día y cuentan con poco tiempo libre. Suelen cocinar con poca frecuencia y recurren al delivery por practicidad. Aunque desean mejorar su alimentación y aprender recetas rápidas, tienden a procrastinar debido al cansancio y la falta de energía, pero mantienen la intención de generar un cambio en sus hábitos

Personas - Grupo 2

Personas que, a pesar de tener responsabilidades laborales o académicas, logran dedicar tiempo a cocinar en casa. Disfrutan aprender y son constantes en la adquisición de nuevos hábitos, mostrando disciplina incluso cuando están cansados. Buscan mejorar su planificación y organización, y valoran contar con acompañamiento durante el proceso.

Producciones Audiovisuales

Personas

Problem statement:

Sonia is a/an filmmaker who needs una manera sencilla y rápida de cocinar comidas saludables because después de su jornada llega cansada, pide delivery con frecuencia y le cuesta mantener hábitos constantes.

(PÚBLICO IDEAL)

Google UX Design Certificate - Portfolio Project 3 - APP SALUDABLE.png

User Story

As a/an filmmaker con poco tiempo,

I want to aprender a cocinar recetas rápidas y saludables,

so that pueda cuidar mi alimentación sin sentir que es una carga extra en mi día.

Personas

Problem statement:

Jorge is a/an professor who needs una forma de planificar sus comidas y organizar su tiempo de cocina because su rutina se vuelve muy saturada y le cuesta mantener constancia aun cuando quiere cocinar de forma saludable.

Google UX Design Certificate - Portfolio Project 3 - APP SALUDABLE (1).png

User Story

As a/an profesor con una rutina cargada,

I want to planificar mis comidas y tiempos de cocina,

so that pueda seguir cocinando de forma saludable sin sentirme saturado.

User journey

map

Objetivo

Preparar un plato saludable de manera rápida y sencilla.

Sonia trata de aprender a cocinar de manera rápida y saludable con el poco tiempo que tiene para poder mejorar su alimentación sin que sea una carga extra.

Flujo para contratar mentores para una escuela de diseƱo en lƭnea_.png

Auditoria competitiva

Mapa de Sitio - Versión principal - MÓVIL

Comenzando el diseño

Paper wireframes:
Hice un ejercicio de ideación rápido para tener ideas sobre cómo abordar las brechas identificadas en la auditoría competitiva. Mi enfoque se centró específicamente en el proceso de preparar una receta y si era práctico o funcional su uso diario, posterior a eso se resalta lo que se usara de cada wireframe.

(Algunas muestras de los bocetos - móvil y web)

WhatsApp Image 2026-03-31 at 9.46.30 PM (1).jpeg
WhatsApp Image 2026-03-31 at 9.46.30 PM (2).jpeg
WhatsApp Image 2026-03-31 at 9.46.30 PM (3).jpeg
WhatsApp Image 2026-03-31 at 9.46.31 PM.jpeg
WhatsApp Image 2026-03-31 at 9.46.29 PM.jpeg
WhatsApp Image 2026-03-31 at 9.46.29 PM (1).jpeg
WhatsApp Image 2026-03-31 at 9.46.29 PM (2).jpeg
WhatsApp Image 2026-03-31 at 9.46.30 PM.jpeg

Digital wireframes:

Después de idear y crear una versión preliminar de algunos esquema de página en papel, creé los diseños iniciales para la aplicación Healthy. Estos diseños se centraron en ofrecer a los usuarios recetas y un recorrido práctico y funcional para que aprendan a cocinar saludable.Lo que se visualiza son algunos de los wireframes digitales siguiendo la guia de los wireframes de papel.(Algunas muestras de los wireframes)

EMPEZAR A PREPARAR – 22.png
ELEGIR PREFERENCIAS – 2.png
EMPEZAR A PREPARAR – 15.png
PLATO DETALLES – 1.png
CALCULAR TIEMPO DE COOCCION – 1.png
PLANIFICADOR DE HORARIOS – 2.png
ONBOARDING 3 – 2.png
ONBOARDING 2 – 2.png
ONBOARDING 1 – 1.png
INICIAR SESIƓN – 3.png
INICIAR SESIƓN – 4.png
HOME – 2.png

​Low-fidelity prototype

Para prepararme para las pruebas de usabilidad, creé un prototipo de baja fidelidad que conectaba el flujo de usuarios a una experiencia inicial que tendria el usuario a usar la app.

Usability study: findings

  • Asistente virtual: No entendian que hacia y no se sentían acompañados

  • Falta progreso visible: Ver logros o recetas completadas ayudaría a mantener el hábito.

  • Falta claridad al iniciar la receta: El botón principal no comunica claramente cuándo empieza la acción.

Estudio de usabilidad

Notas

Diagrama de afinidad

Prioritized Insights

Digital wireframes:

En esta captura de los wireframes se realizaron las modificaciones y mejoras para poder abordar los puntos débiles o el feedback proporcionado en el estudio de usabilidad por parte de los participantes. (Algunas muestras de los wireframes)

ELEGIR PREFERENCIAS.png
PLANIFICADOR DE HORARIOS.png
CALCULAR TIEMPO DE COOCCION.png
EMPEZAR A PREPARAR – 3.png
PLATO DETALLES.png
RECETA LISTA.png
ONBOARDING 3.png
INICIAR SESIƓN-1.png
ONBOARDING 2.png
INICIAR SESIƓN.png
ONBOARDING 1.png
HOME.png

Perfeccionando el diseño

Mockups:

Con base en las conclusiones de los estudios de usabilidad, aplique cambios de diseño como colocar una barra de progreso en la parte superior para que el usuario sepa como va en la preparación de su plato.

Before usability study

EMPEZAR A PREPARAR – 6.png

After usability study

EMPEZAR A PREPARAR – 11.png

Mockups:

Algunos de los cambios de diseño adicionales fueron mejorar el call to action o que quede más claro la parte de empezar a cocinar la receta, por ende se mejoro la pregunta y el nombre del call to action.

Before usability study

PLATO DETALLES – 1.png

After usability study

PLATO DETALLES – 2.png

Mockups:

Algunos de los cambios de diseño adicionales fueron hacer que la función de la IA sea claro desde el inicio y se sienta el  acompañamiento por ende se mejoró la pantalla.

​

Cuando el micrófono esta activado es para que puedas hablar, pero cuando esta desactivado es porque la IA esta hablando o respondiendo tu pregunta, es como tener una conversación en tiempo real.

Before usability study

EMPEZAR A PREPARAR – 17.png

After usability study

EMPEZAR A PREPARAR – 18.png
EMPEZAR A PREPARAR – 13.png

Mockups:

Se presentan las pantallas finales de la app.

ONBOARDING 1 – 3.png
HOME – 4.png
EMPEZAR A PREPARAR – 20.png
RECETA LISTA – 2.png
ONBOARDING 1 – 2.png
HOME – 5.png
EMPEZAR A PREPARAR – 9.png
TOMAR FOTO – 1.png
ONBOARDING 2 – 1.png
PLANIFICADOR DE HORARIOS – 1.png
EMPEZAR A PREPARAR – 10.png
FOTO CAPTURADA – 1.png
ONBOARDING 3 – 1.png
PLATO DETALLES – 2.png
EMPEZAR A PREPARAR – 11.png
FOTO CAPTURADA – 3.png
INICIAR SESIƓN – 6.png
INICIAR SESIƓN – 2.png
EMPEZAR A PREPARAR – 13.png
RECETA LISTA – 3.png
ELEGIR PREFERENCIAS – 4.png
HOME – 6.png
EMPEZAR A PREPARAR – 12.png
HOME – 1.png
HOME – 3.png
CALCULAR TIEMPO DE COOCCION – 3.png

High-fidelity prototype

El prototipo de alta fidelidad siguió el mismo flujo del usuario que el prototipo de baja fidelidad, incluidos los cambios de diseño realizados después del estudio de usabilidad.

Mapa de Sitio -Versión WEB

Digital wireframe screen size variation(s):

Aquí se visualiza la app en su versión web. (Algunas muestras de los wireframes)

REGISTRARSE - INICIAR SESIƓN – 1.png
RECETAS GENERAL – 1.png
RECETAS BUSCADOR – 1.png
CONTACTO – 1.png
PERFIL – 1.png
HOME – 9.png
NOSOTROS – 1.png
RECETAS DETALLE – 1.png
BLOG – 1.png

​Low-fidelity prototype

Para prepararme para las pruebas de usabilidad, creé un prototipo de baja fidelidad que conectaba el flujo de usuarios a una experiencia inicial que tendria el usuario a usar la web.

Usability study: findings

  • Navegación clara: Los usuarios completaron tareas fácilmente y encontraron recetas rápido.

  • Confusión sobre web vs app: No queda claro si la web reemplaza a la app o la complementa.

  • Login genera fricción: El registro se percibe innecesario en la web.

  • Expectativa de guardar recetas: Los usuarios esperan funciones como favoritos o seguimiento.

  • Contenido visual aporta valor: Videos y etiquetas facilitan la decisión y motivan.

  • Experiencia motivadora: La web genera interés en cocinar.

  • Perfil demasiado complejo: Se percibe innecesario para una web informativa.

Estudio de usabilidad

Notas

Diagrama de afinidad

Prioritized Insights

Digital wireframe screen size variation(s):

En esta captura de los wireframes se realizaron las modificaciones y mejoras para poder abordar los puntos débiles o el feedback proporcionado en el estudio de usabilidad por parte de los participantes. (Algunas muestras de los wireframes)

REGISTRARSE - INICIAR SESIƓN – 2.png
RECETAS GENERAL – 2.png
RECETAS BUSCADOR – 2.png
CONTACTO – 2.png
PERFIL – 3.png
PERFIL – 4.png
HOME – 10.png
NOSOTROS – 2.png
RECETAS DETALLE – 2.png
BLOG – 2.png

Perfeccionando el diseño

Mockups:

Se aplicaron mejoras de diseño enfocadas en la usabilidad. En la sección de perfil, se simplificó la interfaz para hacerla más clara, limpia e intuitiva. Además, se permite la interacción tanto con cuenta como sin ella, reduciendo fricción. Se priorizó mostrar únicamente las recetas guardadas, ya que es la funcionalidad más relevante para los usuarios.

PERFIL – 1.png

Before usability study

PERFIL.png

After usability study

PERFIL – 2.png

Mockups:

Con base en las conclusiones de los estudios de usabilidad, aplique cambios de diseño, por ejemplo es opcional iniciar sesión, se puede utilizar la web sin necesidad de crearse una cuenta.

REGISTRARSE - INICIAR SESIƓN – 1.png

Before usability study

After usability study

HOME – 11.png

Mockups:

Con base en las conclusiones del estudio de usabilidad, se aplicaron cambios de diseño orientados a clarificar el alcance de la web y diferenciarla de la app. Dado que la web cumple un rol principalmente informativo, se incorporaron llamados a la acción estratégicos para incentivar la descarga de la aplicación. Estos se integraron como franjas destacadas o botones ubicados después de contenidos descriptivos, en secciones clave donde su presencia resulta más natural, visible y efectiva.

BLOG – 1.png

Before usability study

BLOG.png

After usability study

Mockups:

Se presentan las pantallas finales de la app.

REGISTRARSE - INICIAR SESIƓN.png
PERFIL.png
PERFIL – 2.png
HOME – 7.png
RECETAS BUSCADOR.png
HOME – 11.png
RECETAS DETALLE.png
NOSOTROS.png
BLOG.png
RECETAS GENERAL – 9.png
CONTACTO.png

​Low-fidelity prototype

Para prepararme para las pruebas de usabilidad, creé un prototipo de baja fidelidad que conectaba el flujo de usuarios a una experiencia inicial que tendria el usuario a usar la web.

Contraste y legibilidad

Se utilizaron combinaciones de colores con buen contraste y tipografía clara para facilitar la lectura en diferentes condiciones de luz y reducir la fatiga visual.

Accessibility considerations del producto principal (Móvil)

Lenguaje simple y microcopy claro

Se empleó un lenguaje sencillo y directo para reducir la carga cognitiva y facilitar la comprensión rápida de acciones y pasos.

Estructura clara y jerarquía visual

La información se organizó de forma jerárquica, destacando acciones principales como “Cocinar conmigo” para guiar al usuario sin confusión.

Going forward

Impact:

​

El diseño logró que los participantes completaran todas las tareas sin bloqueos significativos y manifestaran intención de usar la app en su vida diaria. Como mencionó una participante: “Me dan ganas de cocinar cuando veo lo simple que se ve.” Esto demuestra que la propuesta no solo es funcional, sino también motivadora.

What I learned:

​

Aprendí que el problema no era la falta de interés por comer saludable, sino el cansancio mental y la falta de claridad en el proceso. Entendí la importancia de reducir la carga cognitiva, hacer los call to action más claros y diseñar pensando no solo en la funcionalidad, sino también en la motivación y el acompañamiento emocional del usuario.

Next steps

Realizar investigaciones sobre la capacidad de la aplicación de alcanzar el objetivo de que los usuarios coman mas saludable por medio del aprender a cocinar comidas rapidas, faciles en su dia a dia

Realizar mejoras en la app y en la web, logrando que se pueda abarcar más cosas en ambos lados tanto informativo como funciones utiles.

Realizar testeos y funciones complementarias que sirvan de motivación y mejoren la experiencia del usuario.

bottom of page