TOOLS Sketch Overflow InVision Photoshop Illustrator
CONTEXT
Role: UX/UI designer. Includes UX deliverables and UI tasks.
​
Tasks: competitive analysis, user research interviews, user personas, MVP document, user flow diagram, prototype, usability testing, moodboard and style guide.
​
OVERVIEW
Nutrimeals is a responsive web app that will provide recipes based on nutrients and tailored to each user’s nutritional needs and goals. The problem is that nutrition is confusing, and most people are not nutrition experts but try the best to be healthy. It isn’t simple to know what are the right nutrients for the body.
OBJECTIVE
This app will be for people worried about getting the proper nutrition for their bodies, therefore creating a platform where users find recipes catered to them based on nutrition. As a result, this will be both a recipe and an informative platform that will indicate what nutrients are found in each recipe.
DESIGN PROCESS
Approach
Competitive Analysis
Tasty and Supercook. The reason for selecting these is because I believe they are apps that have a unique approach for recipe apps they cover the user's needs and also provides an easy to follow guided recipes. These apps will help as references to serving as models when creating my recipe app.
SWOT Analysis
Tasty
Strengths
-
Strong presence in social media
-
Variety of content
-
Visually appealing
-
Build relationships with users
-
Content-driven by the users
Weakness
-
The app not as well-known as their presence in social media.
Opportunities
-
Focus more on healthy options
-
More recipes for meal planning.
-
More filter recipe by ingredients
Threats
-
More sites are picking up from their success and we are seeing more recipes with the same concept.
SuperCook
Strengths
-
Easy to use interface
-
Quantity and quality of the recipes.
-
Different approaches to search by ingredient
​​
Weakness
-
The app is lacking some functions that could help the users such as the ability to add items that aren't in the program or search by meal
-
The site is not as popular among the users
-
Their interface needs some work especially the website.
​
Opportunities
-
Better website to make it seamless when going from the website to the app.
-
Better interface, and some reviews referring to this.
​​
Threats
-
There are not the only one.
-
The uniqueness of voice dictations can change if other apps have the opportunity to get a feature like this.
User Research
User interviews were conducted to validate the assumptions and target the demographic for this app. From these interviews, I gathered data from 4 participants that vary from age, occupation, and nutrition ideas.
User Personas
After processing the data I created 3 user personas to help understand the demographic that will focus on designing the app.
User flow
I created a user flow demonstrating the user’s actions when going through the app’s features: search, filter, and delivery.
Exploratory Sketching
After creating several low-fidelity wireframes sketches on paper, it is highlighted the interactions from the users when going through one screen to another.
Prototyping
Rapid prototyping with mid-fidelity wireframes was tested to analyze the users’ interactions with the screens.
Changes
After testing and listening to the testers’ feedback, I was able to add an initial setup screen that will provide recipes and nutritional information based on the users’ needs.
Visual Design
Moodboard
Style Guide
Final Designs
Nutrimeals is a responsive app in this way, users can access it from different devices.
Final Reflections
