Case · Producto · 2023

Culinarium

Sitio y app para encontrar y seguir tutoriales de cocina, para quien está empezando y para quien ya cocina bien.

Rol
UX/UI Designer
Período
Septiembre a octubre de 2023
Entregables
Investigación, personas, sitemap, wireframes, prototipos y pruebas de usabilidad, en desktop y mobile
Herramientas
Figma · FigJam · Photoshop · Illustrator
Problema

Los tutoriales de cocina en línea están desorganizados, son de calidad irregular y no tienen recursos prácticos como guardar recetas o ajustar porciones.

Solución

Una plataforma limpia, con búsqueda avanzada, recetas que se pueden guardar y compartir, y un espacio para la comunidad.

Entrega

Proyecto concluido hasta el prototipo de alta fidelidad, hecho para la certificación de UX Design de Google (Coursera).

01

Contexto

Cada vez más gente busca recetas en línea, y hay pocas plataformas que ayuden a elegir bien.

Culinarium es un proyecto de la Certificación de UX Design de Google, en Coursera. La propuesta: un sitio y una app para encontrar y visualizar tutoriales de cocina, en desktop y mobile.

El desafío era una interfaz que sirviera tanto a principiantes como a cocineros experimentados.

Culinarium, sitio y aplicación de tutoriales de cocina
Culinarium, sitio y aplicación de tutoriales de cocina

Sobran recetas en internet. Faltan curaduría y una forma sencilla de encontrar la correcta.

02

El problema

Quien busca tutoriales encuentra sitios desorganizados, con exceso de información, interfaces confusas y recetas sin curaduría ni valoraciones confiables.

Faltan también recursos prácticos: guardar favoritas, compartir con amigos, ajustar porciones. La meta fue simplificar la búsqueda y la visualización y, de paso, abrir espacio para una comunidad de personas a las que les gusta cocinar.

  • Exceso de informaciónmuchas recetas, poca estructura y filtros débiles
  • Calidad irregularcontenido de usuarios sin moderación ni valoración confiable
  • Poca personalizaciónsin ajuste de porciones, favoritos ni opción de compartir
03

Investigación

Antes de diseñar, hicimos entrevistas, cuestionarios y análisis de competidores. Lo que más apareció: una plataforma fácil de navegar, con búsqueda avanzada, que permita guardar y compartir recetas favoritas.

Estudio de pantallas de Culinarium
Estudio de pantallas de Culinarium
04

Personas

Dos personas cubren los extremos del público. Ana es chef, tiene un horario rígido en el restaurante y poco tiempo para nuevas recetas. Quiere tutoriales detallados e interactivos, a su ritmo, e intercambiar ideas con otros chefs.

Miguel es padre y trabaja tiempo completo. Quiere cocinar comidas saludables para la familia, y busca recetas prácticas, paso a paso y consejos para principiantes.

Persona Ana, chef de cocina
Persona Ana, chef de cocina
Persona Miguel, padre y empleado de tiempo completo
Persona Miguel, padre y empleado de tiempo completo
05

Estructura

Armé el sitemap para organizar las secciones y páginas del sitio y de la app. Guio el diseño y la navegación.

Sitemap de Culinarium
Sitemap de Culinarium
06

Dirección visual

Elegimos un diseño limpio, con muchas imágenes y paleta de colores suaves. Texto legible y botones fáciles de pulsar entraron desde el principio.

Los wireframes y mockups probaron layouts y estilos para el sitio y la app.

Mockups del sitio y de la app
Mockups del sitio y de la app
07

Pruebas

El prototipo de baja fidelidad permitió validar ideas rápido, sin invertir en desarrollo, y probar con usuarios reales. El estudio fue no moderado, remoto, en Brasil, con 10 personas y sesiones de 30 a 60 minutos.

Prototipo de baja fidelidad
Prototipo de baja fidelidad
08

Alta fidelidad

La versión de alta fidelidad, para desktop, detalla la interfaz de la plataforma. La versión mobile se diseñó con el mismo objetivo: búsqueda y visualización de tutoriales sin esfuerzo.

Prototipo de alta fidelidad, versión desktop
Prototipo de alta fidelidad, versión desktop
09

Accesibilidad

Pensé la plataforma para funcionar con lectores de pantalla, con navegación simple y lógica para quienes tienen dificultades cognitivas y con soporte de gestos e interacciones alternativas para movilidad reducida.

10

Próximos pasos

Culinarium quedó como proyecto de la Certificación de UX Design de Google, concluido en el prototipo de alta fidelidad. El plan siguiente, no ejecutado, tenía cinco frentes:

  • Pruebas de usabilidadcon usuarios reales, incluidas pruebas A/B, remotas y presenciales
  • Ajustes de diseñoa partir de las pruebas: filtros de búsqueda, interfaz y nuevos recursos solicitados
  • App móvilwireframes y mockups específicos y pruebas en distintos dispositivos
  • Lanzamientoestrategia de marketing, redes sociales y alianzas con influencers de cocina
  • Monitoreofeedback continuo y actualizaciones periódicas
Culinarium en desktop y mobile
Culinarium en desktop y mobile
Pantallas de Culinarium
Pantallas de Culinarium