Timeline: 5 days
Role: UI Designer
Platform: Mobile app
Constraints: Working with brand guidelines
For this UI bootcamp project, I was tasked to provide the visuals for Daily Nosh, this app will use their location; budget; the time of the year, month, or week; their preferences, diet, and lifestyle; and their history of previous purchases to send them personalised shopping lists, recipes, seamless order integration, and pushes from the client's partners, Amazon and Fresh Direct (a local New York City grocery delivery service).
The app needs to use innovative machine-learning technology, that will use the user's current inputs, personal profile, and purchase history to improve their tailored experience.
My role was to create the user flow and UI for the following:
Recipe browsing with the option to add the ingredients to a shopping list.
Past orders flow. Users should be able to move items around, delete items and reorder.
To design the two flows and the UI, I first gathered the pros and cons from the competitor analysis provided to me then took design inspiration from similar apps like Meal Time, Kitchen Stories, Tasty and Epicurious.
I found that features that are in most apps include the ability to save recipes and add ingredients to a shopping list, however, they put all the ingredients in the recipe in the shopping list so I would like to add a feature that allows the user to select which ingredient they need only.
Main feed to show recipes based on user browsing history
Filters for fine-tuning the recommendations
Popular recipes are also shown to allow users to find new recipes
Quick save icon to save recipes for later
Allow the user to view the ingredients list and add what they need for the recipe into their shopping list
Users can view their past orders and reorder in a few clicks
They can edit the list by moving the items, changing quantities and deleting what they don’t need
‘Allow substitution’ is under every ingredient rather than a single check box at the bottom as the user may not want every item to be substituted.
A select all button to select all ingredients into the user’s shopping list
A delete button to remove any past orders
As users continue to use the app, the app will learn the user's habits and interests. I was not able to test this due to the constraints of the app being a minimal prototype.
Instead, I tested the user flow with a few users. Since the flows were very simple the users didn’t have any issues following the scenarios given. Users suggested wanting to be able to delete past orders and an option to select all ingredients to their shopping list.
The ability to allow users to input what ingredients they have into the app and have the app automatically select the missing ingredients into the shopping list.
Make use of image recognition to allow the app to recognise what's in the user's fridge based on the user-provided photo.
Use AI to suggest recipes based on what ingredients the user has on hand.
