The Food Lab is a responsive website created in Adobe XD where users can save their personal recipes, schedule when to cook which items, and know how much of which ingredients are needed in order to cook the specific dishes. Dishes are organized by food type (appetizer, salad, meal, drink, dessert) in addition to region of the world.
Created a low-fidelity wireframe to focus on the structure of the website.
Accessibility Considerations: Borders separate content and navigation bar is simple and easy to use.
Adaptive mobile site allows users to view "The Food Lab" from different devices.
Accessibility Considerations: An adaptive website is more inclusive of users who prefer mobiles to desktops. This option also supports users who only have access to a mobile.
When viewing their personal recipes, users are recommended new meal combinations to enjoy, able to see their favorite meal combinations, and are reminded of items that they frequently enjoy eating together.
Accessibility Considerations: Large, bold headers and different text sizes signify content from most to least important. Colors were checked for readability. Bright green arrows quickly let users know they can expand the content while reinforcing branding.
Once you click on a meal, view the ingredients, external link to a cooking video or article, and prep time. Add how many portion you wish to make, select keto friendly if you or a someone you are cooking for is on a diet, and schedule a date and time for the meal.
Accessibility Considerations: Bright green buttons make navigation easy and simple. Light background makes text easier to read.
