Menu Planner Prototype

Key Areas

This is a project that I have started to explore, but it is still in the prototyping phase.

Overview

The idea of this project is to create a mobile app that helps people create a meal plan, provide the needed recipes, and compile a shopping list through the process.

This project is still in the paper/Figma prototyping phase.

Generating Menus

Of the different options available to the user from the main screen ("Menus", "Grocery List", "Create Plan", etc.), I'll discuss the section dealing with menu generation here ("Create Plan").

For the menu generation, one is presented with a calendar that provides specific options below. The current date is the default selection.

The user can select dates from the calendar by tapping on individual dates, or by pressing and holding on a date, at which point the user is given the option to select days by:

  • the specific day
  • the work week (5 days)
  • the full week (7 days)
  • a specific day of every week (i.e. Mondays)
  • the full month

With the desired dates selected, the user can have the program randomly generate meals, or choose their own meals for the specified dates.

The user can provide some control for random generation by specifying the Meal Type, the Genre, the Category of food, and whether it should select from the user's favorites.

The selection of "Meals", "Genre", and "Categories" each in turn provide the corresponding set of options:

Choosing one's own meal would provide similar menus; however, one would also be able to search by criteria.

You can see the prototype in action here: