Overview
HealthyMe is an application concept created for users who have dietary restrictions such as gluten, vegan and lactose intolerant, to be able to find recipes and grocery stores around them easier.
TEAM
Danielle Singh
Kenzie Stone
ROLES
Ui Design
UX Design
Code
DURATION
4 Weeks
TOOLS
Insomnia
HTML/CSS
Javascript
Adobe XD
The Assumptions #1
Food recipes and finding grocery stores near you can be time-consuming
People want to buy their own food and make sure they know where it’s coming from
It’s hard to come up with something new and easy to make meals that fit people’s specific dietary restrictions
People have a difficult time finding out which grocery stores carry some organic, vegan options
Quantity of food is limited or they have to take more time to drive to another grocery store if they do not carry everything they need to make their meals
Redirected Assumptions #2
The Problem
The problem is that people with dietary restrictions can have a hard time finding new meals to try and grocery stores that carry certain foods for their recipes.
Those with food restrictions, such as gluten-free or vegan want meals that are easy to cook but also easy to find the ingredients. Some grocery stores have a small quantity and selection of foods that are safe for their dietary needs.
The food delivery services do not serve these customers and if they do, they have small options to pick from.
The Solution
By creating an application where a user can create a profile and save their dietary preferences so that they can find new recipes to try and grocery stores near them that sell the ingredients they may need.
This allows the user to know what is in their food and get to pick the perishables themselves and not have to worry about the food spoiling either.
Competitors
-
HelloFresh
Customers complaining about food arriving rotten and outdated
They do not cater to specialized diets, such as gluten or keto free
-
Blue Apron
More expensive than grocery shopping
Does not cater for those with dietary restrictions
fewer options to customize your meal
-
Sun Basket
Has very slim options for those with dietary restrictions or food allergies
Expensive
Our Target Audience
After conducting some interviews and a series of research. I decided to focus on people with dietary restrictions or food allergies and created a couple of personas.
-
Age: 25
Vegan for almost a year now and is losing interest in her meals
Goal: Wants to find new meals but does not have a lot of time for cooking so recipes must be quick and easy for her
-
Age: 47
Started having digestive issues and is trying to cut certain foods out of his diet. He is now learning to cook gluten free meals.
Goal: Wants to find some gluten free recipes and where he can shop for the ingredients he needs.
Unified Modelling Language (UML) Diagram
To help understand how we wanted our app to alter and understand the information that we wanted to gather using the API data, I created a UML Diagram. This shows how the data will be maintained in the system and understand how it will work properly.
Activity Diagram
Since our main focus was on dietary restrictions and finding grocery stores around the user’s location, I also created this diagram to help show the user flow while demonstrating how the application would work with the system we created.
Context Diagram
To help show how each function would work in our application. I developed this diagram to map out how the data will flow.
Insomnia
Using Insomnia, helped us add the API and separate the data we wanted the users to be able to filter out, such as their dietary restrictions.
Wireframes
Here I was planning out the best way to display the information. Creating the hierarchy of what should be displayed first and what I wanted the users to notice.
On Boarding
Users are able to create a profile, where they are then able to save their preferences, recent searches and saved recipes. This will ensure that the user’s experience will run smoothly and quickly as it will save them time to look for their next meal to make.
Final Look
The final look would be both smartphone, tablet and computer friendly. Making it accessible for people with dietary restrictions to help find not only recipes but to find grocery stores around them no matter where they are. This project helped me better understand how data is filtered out and stored for each user. I was able to see a bit of the back end of applications and what it takes to code the functions.
Lessons Learned
The Importance of developer language and the functionality of an application.
Understanding users will navigate through an application and make sure that their NEEDS and WANTS are being met.
The Importance of Hierarchy
Learning how to display the information and what’s important. Not wanting to overwhelm users, which helped them navigate the application more efficiently.