04 / 04
Eating for Life
From a recipe book to everyday meal planning.
De un libro de recetas a la planeación diaria de comidas.
- ClientCliente
- Simetrical, for Bill Phillips' book
- Simetrical, para el libro de Bill Phillips
- My roleMi rol
- Content review, information architecture, navigation and interface design
- Revisión de contenido, arquitectura de información, navegación y diseño de interfaz
- YearAño
- 2013
- PlatformPlataforma
- iOS · App Store
01Project overviewResumen del proyecto
In 2013, while working with Simetrical, I was invited to design the Eating for Life companion app based on Bill Phillips' book.
En 2013, trabajando con Simetrical, me invitaron a diseñar la app complementaria de Eating for Life, basada en el libro de Bill Phillips.
The goal was to help readers use the book's content in their daily routines by bringing recipes, cooking instructions, weekly meal planning and grocery lists into one mobile experience. I focused on understanding the content, defining the information architecture, and designing the app's navigation and interface.
El objetivo era ayudar a los lectores a usar el contenido del libro en su rutina diaria, reuniendo recetas, instrucciones de cocina, planeación semanal y lista del súper en una sola experiencia móvil. Me enfoqué en entender el contenido, definir la arquitectura de información y diseñar la navegación y la interfaz.
02Problem statementEl problema
The recipes and instructions already existed in the book.
Las recetas y las instrucciones ya existían en el libro.
The challenge was to organize that content for mobile and connect it with actions that help users plan their meals.
El reto era organizar ese contenido para móvil y conectarlo con acciones que ayudaran a planear las comidas.
Users needed to browse recipes, review ingredients and preparation steps, add meals to a weekly plan, and find the groceries needed to prepare them, in a clear, manageable flow.
Había que explorar recetas, revisar ingredientes y pasos de preparación, agregar comidas a un plan semanal y encontrar lo necesario para prepararlas, en un flujo claro y manejable.
03Research and insightsInvestigación e insights
I started by reviewing the book to understand its structure, recipe categories and content. This helped me identify how the information could translate into screens and where users would need to take action.
Empecé revisando el libro para entender su estructura, categorías de recetas y contenido. Eso me ayudó a identificar cómo traducir la información a pantallas y dónde el usuario necesitaría actuar.
Use familiar categories to support browsing
Categorías familiares para explorar
The book's meal categories were a starting point for organizing recipes and finding options for different moments of the day.
Las categorías del libro fueron el punto de partida para organizar recetas y encontrar opciones para cada momento del día.
Connect recipes directly to planning
Conectar recetas con la planeación
Adding a recipe to the meal plan needed to be part of the recipe experience, from finding a meal to deciding when to prepare it.
Agregar una receta al plan debía ser parte de la propia receta, para pasar de encontrar una comida a decidir cuándo prepararla.
Connect planning with grocery shopping
Conectar el plan con las compras
The grocery list extended the experience beyond browsing, identifying the ingredients needed for the selected meals.
La lista del súper extendió la experiencia más allá de explorar, identificando los ingredientes de las comidas elegidas.
04ProcessProceso
I used the book's structure as the foundation for the information architecture, organizing the experience around five areas: navigation, categories, recipe details, meal planning and the grocery list.
Usé la estructura del libro como base de la arquitectura de información, organizando la experiencia en cinco áreas: navegación, categorías, detalle de receta, plan de comidas y lista del súper.
A key decision: an “Add to plan” action inside each recipe, connecting recipe discovery with the weekly meal plan.
Una decisión clave: la acción “Agregar al plan” dentro de cada receta, conectando el descubrimiento de recetas con el plan semanal.
05SolutionSolución
The app brought the book's recipes and practical planning tools into one connected experience. The numbers match the four screens at the top of this page.
La app reunió las recetas del libro y herramientas prácticas de planeación en una experiencia conectada. Los números corresponden a las cuatro pantallas al inicio de esta página.
Browse recipes by category
Explorar recetas por categoría
Visual categories helped users explore recipes by meal type: breakfast, lunch, dinner and desserts.
Categorías visuales para explorar recetas por tipo de comida: desayuno, comida, cena y postres.
Follow recipe instructions
Seguir las instrucciones
Recipe pages combined food photography, ingredients and preparation instructions, with an option to add the recipe to the meal plan.
Las recetas combinaban fotografía, ingredientes e instrucciones de preparación, con la opción de agregarlas al plan.
Build a weekly meal plan
Armar un plan semanal
Users could organize recipes by day and meal, creating a plan they could review and adjust throughout the week.
Se podían organizar recetas por día y comida, creando un plan para revisar y ajustar durante la semana.
Prepare a grocery list
Preparar la lista del súper
The grocery list brought the ingredients needed for planned meals into a checklist to support shopping.
La lista del súper reunía los ingredientes de las comidas planeadas en una checklist para hacer las compras.
06ImpactImpacto
The client's feedback was positive, and the app was recommended to participants in the program.
El cliente dio feedback positivo y la app se recomendó a los participantes del programa.
My contribution
Mi aporte
The project shows how I translated existing editorial content into a mobile experience that connected browsing, planning and shopping.
El proyecto muestra cómo traduje contenido editorial existente en una experiencia móvil que conecta exploración, planeación y compras.
