ALLRECIPES

MENUS

A web based menu planning tool for home cooks with busy lives.

CONTEXT

Most home cooks are crunched for time yet they have birthdays, special diets and regular old mid-week dinners to plan. Often times cooking a meal involves multiple recipes and in many cases more than one cook. Allrecipes makes it simple for home cooks to curate and share their own menus through a tool that supports the naturally social nature of cooking.

 

PROCESS

• Problem definition

• Examined user data

• Whiteboard wireframes  

• Hi-fi mocks and visual design

• Redlines and assets

CREATING A NEW MENU

1/4 User Profile
1/4 User Profile

From within the user's profile the user selects the option to create a new menu. (user profile design done in collaboration with Tiffany Jessup)

2/4 New Menu
2/4 New Menu

After clicking/tapping the action to create a new menu a layer opens with options for naming, categorizing, assigning a date, and inviting other users to collaborate on the menu.

4/4 Menu
4/4 Menu

A menu with recipes displays the recipes first along with it's title, collaborators (when applicable), date, and all ingredients shown in shopping list view.

1/4 User Profile
1/4 User Profile

From within the user's profile the user selects the option to create a new menu. (user profile design done in collaboration with Tiffany Jessup)

1/4

ADDING A RECIPE TO A MENU

1/2 Add Recipe
1/2 Add Recipe

From any recipe grid view, there is the option to save a recipe to any menu created by the user. Tapping the gray transparent bar with an up arrow overlaying the bottom of each recipe image reveals more actions including add to menu.

2/2 Add to Menu Layer
2/2 Add to Menu Layer

After selecting the option to to add a recipe to a menu a layer appears. The user may add the recipe to a menu they have already created or start a new menu. The recipe summary is shown to the right for reference.

1/2 Add Recipe
1/2 Add Recipe

From any recipe grid view, there is the option to save a recipe to any menu created by the user. Tapping the gray transparent bar with an up arrow overlaying the bottom of each recipe image reveals more actions including add to menu.

1/2

MY ROLE AT ALLRECIPES 

At Allrecipes I worked closely with product managers and engineers of multiple scrum teams plus other members of the design and marketing team. My role as a UI/UX designer was very collaborative especially with other designers. I worked iteratively on a variety of products including the main website, an Android app, iOS Apps as well as a Windows app.

ORIGINAL TOOL

OBJECTIVES

• Simplify and improve upon concepts of the existing menu planner tool

• Make it possible to associate a menu with a date and export to calendar tools

• Focus the theme of saving time

• Bring to the forefront the social aspect of meal planning

• Make the tool accessible from the user's profile