top of page
Dietary Features for Ordering App
Overview
This is a mockup of a food ordering app that appeals to users with dietary issues. I wanted to design a system where the user could check what their preferred food selection contained and how to subtract or substitute ingredients. This project was made entirely in Adobe XD in Spring 2022.
Wireframe
Developed in LucidChart
Theme Inspirations
McDonald's Ordering
App Prototype
Burger King
Ordering App
App Layout
Menu
Item Description
Dietary Presets
Making a Selection
Each item listed contains:
-
Item Description
-
Dietary Information
-
Ingredient customization
-
Substitutional Ingredients
​
Dietary Info
Food items have information on what they contain. A list is presented with ingredients belonging to certain food groups. This feature allows dietary restricted users to inspect the item before they select.
Dietary Presets
Allows the user to select presets that match their dietary restrictions.
-
Shows what ingredients are removed
-
Lists ingredient substitutes
-
Highlights dietary-friendly items on menu
bottom of page