Aprender a cocinar saludablemente
Sólo Chef es una herramienta multiplataforma que ayuda a jóvenes que se independizan por primera vez a aprender a cocinar de forma saludable. El proyecto incluye una app móvil y un sitio web adaptable, diseñados con un enfoque educativo, visualmente atractivo y muy intuitivo.
Objetivo: Ayudar a jóvenes que se independizan por primera vez a aprender a cocinar sano de forma sencilla.
Meta: Diseñar una app y web adaptable que fomente hábitos saludables, combata la comida ultraprocesada y motive a cocinar desde cero.
En este proyecto, adopté un enfoque de diseño centrado en los objetivos y motivaciones reales de los usuarios, lo cual resultó clave para desarrollar una solución relevante y viable. Desde el inicio, me apoyé principalmente en métodos cualitativos: encuestas iniciales, entrevistas en profundidad con jóvenes que viven solos, análisis de la competencia y creación de personas basadas en hipótesis realistas.
Me planteé preguntas esenciales para guiar la investigación:
Esto me permitió definir con claridad al usuario principal: jóvenes de entre 18 y 28 años, recién independizados, sin hábito culinario, con poco tiempo y escasos conocimientos previos, pero con alta motivación por cuidarse o ahorrar.
Estudié varias aplicaciones populares de recetas y cocina como Tasty, Cookpad, FitMenCook o Kiwilimón, para identificar puntos de inspiración, fricción y mejora.
Las principales diferencias observadas fueron:
Recetas complejas vs. simplicidad efectiva: muchas apps ofrecen recetas gourmet o demasiado elaboradas para alguien que apenas empieza a cocinar.
Exceso de pasos vs. enfoque guiado: se detectó una falta de acompañamiento paso a paso en las apps más visuales, lo que puede generar abandono.
Diseño cargado vs. enfoque minimalista: varias apps usan diseños muy vistosos pero poco funcionales, donde los pasos no están bien jerarquizados.
Falta de filtros útiles vs. exploración por ingredientes: pocas ofrecen la posibilidad de filtrar por “lo que tienes en casa” o por nivel de dificultad realista.
Registro obligatorio vs. acceso inmediato: la mayoría exige crear cuenta antes de ver contenido, lo cual disuade a usuarios impacientes o inseguros.
Este análisis reveló oportunidades claras para “Sólo Chef”, como:
Un acceso inmediato al contenido sin barreras de entrada.
Una navegación visual y simplificada, con foco en lo esencial: “¿qué puedo cocinar hoy con lo que tengo?”
Recetas en 5 pasos o menos, con fotos e ingredientes visibles desde el principio.
Filtros de exploración por tiempo, dificultad, tipo de comida y nivel de habilidad.
Jóvenes de 18 a 28 años que viven solos, no tienen hábito de cocinar y consumen comida ultraprocesada por escasez de tiempo y comodidad.
Tareas realizadas:
Encuestas a jóvenes entre 18-30 años
Entrevistas semiestructuradas
Mapa de empatía y personas
Hallazgos clave:
No saben por dónde empezar en la cocina
Valoran tips rápidos, recetas claras y pocos ingredientes
Se sienten frustrados y recurren a comida rápida
Diseñé un flujo de usuario básico que refleja cómo sería el recorrido típico desde que una persona entra por primera vez en la app hasta que guarda su primera receta. Este ejercicio fue fundamental para comprender las rutas más efectivas, simplificar pasos innecesarios y asegurar una experiencia fluida centrada en los objetivos del usuario.
El flujo principal incluye las siguientes etapas:
Inicio: El usuario accede por primera vez a la app y puede comenzar a explorar recetas sin necesidad de registro. Opcionalmente, puede registrarse para guardar favoritas y personalizar su experiencia.
Exploración: Desde la pantalla principal, el usuario navega por recetas destacadas o usa filtros como tipo de comida, nivel de dificultad, tiempo disponible o ingredientes que tiene en casa.
Selección: Elige una receta que le interesa. La ficha muestra los ingredientes necesarios, una imagen inspiradora y los pasos guiados con imágenes o video.
Preparación: El usuario sigue los pasos uno a uno desde el móvil o tablet mientras cocina. Puede marcar pasos completados o activar el modo “manos libres” si está cocinando.
Favoritos y progreso: Al terminar, puede valorar la receta, guardarla como favorita o recibir sugerencias relacionadas. Si está registrado, verá un pequeño historial de recetas realizadas.
Este recorrido me permitió detectar puntos clave de interacción, como la necesidad de filtros más intuitivos, una navegación con accesos rápidos y una interfaz clara incluso para quienes apenas comienzan a cocinar. Todo el diseño se planteó con la premisa de reducir el miedo a la cocina y aumentar la confianza del usuario desde la primera receta.
Después de diseñar los wireframes de baja fidelidad, desarrollamos un flujo visual (wireflow) que conectaba las pantallas principales de la app. Este paso fue esencial para visualizar las rutas más comunes, detectar fricciones y asegurar que la navegación fuese simple, coherente e intuitiva, especialmente para personas sin experiencia en apps de cocina.
Pantalla de bienvenida (Splash): Presenta la marca «Sólo Chef» y ofrece la opción de comenzar sin registro o iniciar sesión para una experiencia personalizada.
Registro / Inicio de sesión: Los usuarios pueden crear una cuenta para guardar recetas favoritas, seguir su progreso o recibir recomendaciones.
Pantalla principal (Inicio): Punto central desde donde pueden explorar recetas destacadas, acceder a filtros o utilizar la búsqueda.
Exploración / Búsqueda de recetas: Secciones donde el usuario puede descubrir recetas por categoría, dificultad, tiempo, ingredientes que tiene o estilo de alimentación (vegana, rápida, etc.).
Ficha de receta: Muestra ingredientes, pasos ilustrados o en vídeo, consejos prácticos y botón de “Guardar” o “Empezar a cocinar”.
Modo cocina paso a paso: Una interfaz enfocada en mostrar un paso a la vez, con tipografía clara, opción de manos libres y control de avance.
Guardado y feedback: Al terminar, se puede puntuar la receta, añadir notas personales y ver recetas similares sugeridas.
Después de crear el primer prototipo basado en wireframes de baja fidelidad, realizamos un estudio de usabilidad con cinco usuarios representativos. Preparamos un guion con escenarios y preguntas clave para evaluar el flujo, la navegación y la comprensión general del diseño. A partir de esta prueba, recopilamos comentarios valiosos que guiaron las siguientes iteraciones del prototipo de alta fidelidad.
Hallazgos principales:
Después de iterar sobre los prototipos iniciales y aplicar los cambios sugeridos durante el testeo con usuarios, desarrollamos las maquetas de alta fidelidad aplicando un sistema visual consistente, accesible y coherente con los objetivos del proyecto.
Tipografías
Títulos y headers: Poppins Bold
Moderna y con gran legibilidad, ideal para titulares atractivos.
Texto base y navegación: Roboto Regular
Neutral, limpia y ampliamente reconocida para uso digital.
Paleta de colores
Primario: #ADE36B – Verde lima claro, amigable y enérgico.
Secundario: #DFE36B – Amarillo lima pastel, usado en fondos y botones secundarios.
Neutros complementarios:
Blanco #FFFFFF
Gris claro #F7F7F7
Gris oscuro #333333 para texto.
Grid y espaciado
Mobile: 4 columnas, márgenes de 16 px, gutter de 24 px.
Tablet/Desktop: Grid de 12 columnas con 80 px de margen lateral.
Sistema de espaciado modular basado en múltiplos de 8 px.
Botones
Botón principal (CTA): Verde #ADE36B con tipografía negra o blanca según contraste.
Forma: bordes redondeados de 12 px, altura 48 px.
Hover: tono ligeramente más oscuro para reforzar interacción.
Estilo general
Uso de íconos simples con texto de apoyo.
Imágenes de alimentos frescos en recipientes organizados, aportando una estética limpia y realista.
Fondo claro con bloques contrastados que separan secciones de forma visual.
Desde el inicio, el proyecto “Sólo Chef” fue concebido bajo una lógica multiplataforma, aplicando los principios de las 4 C del diseño para múltiples dispositivos:
Coherencia: Mantuvimos los mismos estilos visuales, navegación y tono en todas las versiones (móvil, tablet y escritorio).
Continuidad: El usuario puede comenzar explorando una receta en su móvil y continuar viéndola o cocinándola desde su tablet o portátil sin perder el contexto.
Contexto: En móvil priorizamos navegación vertical, accesos rápidos y botones grandes; en desktop, mostramos más contenido en paralelo y carruseles expandidos.
Complementariedad: Algunos elementos se reorganizan o se presentan de forma diferente según el dispositivo para mejorar la experiencia sin duplicar funciones.
Durante el proceso de diseño se aplicaron buenas prácticas de accesibilidad como:
Contraste alto entre texto y fondo.
Botones grandes y legibles con suficiente padding.
Íconos con texto descriptivo para mayor comprensión.
Navegación clara y predecible con elementos repetidos en posiciones consistentes.
Evitación de jerga o instrucciones ambiguas.
“Durante este proyecto, comprendí la importancia de testear lo antes posible, simplificar el flujo inicial y escuchar con empatía los miedos del usuario. Si volviera a empezar, pondría más foco desde el inicio en los filtros y accesos rápidos, que fueron los puntos más valorados tras las iteraciones.”
4 de 5 usuarios completaron la tarea de encontrar y guardar una receta sin ayuda.
3 usuarios dijeron que la app les motivaría a cocinar más en casa.
Se redujo en un 60% el tiempo para encontrar una receta tras implementar filtros rápidos.
Todos valoraron positivamente el “modo manos libres” y las recetas simplificadas.
Una experiencia accesible, visualmente atractiva y funcional en cualquier dispositivo.
¡PROXIMAMENTE!
