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
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)
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.
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.
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)
ADDING A RECIPE TO A MENU
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.
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.
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.
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.