App Design
FullHeal is a nutrition app to guide people with dietary restrictions such as celiac, and lactose intolerance. It also helps people who want to simply eat healthier.
The challenge was to design an app that allows users to find healthy recipes for their specific diet restrictions, allowing them to track their daily macros and symptoms.
To learn more about the competitors I did a competitive feature analysis where I took 4 direct competitors to see what features they have in common, and which features might be the ones that users would like to see.
.png)
Five user interviews were done, where I asked potential users about their needs and frustrations when trying to eat healthy. One of the key insights was the following: The most frustrating part is how much misinformation exists in the pursuit of healthy diets.
"The most frustrating part about cooking for a diet restriction is how much misinformation exists in the pursuit of healthy diets."
The user persona created for this project was Deborah Elliot who is a young and busy professional. Some of her goals are to find recipes for her diet restriction, be able to see the nutritional information for each recipe and have a variety of them.
.jpg)
To help organize our content and the structure of the website I created a site map and a user flow.
A user flow was created to help me understand how users will navigate the app when choosing a dietary plan and selecting a recipe.
Low-fidelity wireframes were created to build the path for choosing a dietary plan. These screens were tested with users. Some usability findings were:
After implementing the usability findings, I created mid-fidelity wireframes. These screens were tested again with users and the findings were:
The main brand attributes were: Healthy, Playful, Friendly, Cheerful, and Confident. With these attributes we want users to feel energetic and confident about their dietary decisions when using the app.
The style guide helps developers to maintain a consistent look for the entire app.
Keeping in mind the usability findings, I was able to design high-fidelity wireframes. These are the most important screens.
After users login or create an account, the app will ask them about their goals and preferred diet.
Recipes are shown according to the dietary plan that users choose. They can also easily switch between plans.
Users are able to track their macros and add the meals they consume throughout the day and detail the results.
Users can filter any undesired ingredients and sort recipes by cooking time, calories, and ingredients.
This project was a good reminder of how important user interviews are.
Finding macros that were important for people with dietary restrictions and finding more information about the ingredients that users might avoid was challenging. I also had to work on a few color iterations to match my brand attributes while keeping a pleasing and clean design.
.png)
