Recent UI + illustrations/other design
Recent UI + illustrations/other design
Introducing smash
The revolutionary new meal prepping app that busy professionals are using to reach their fitness goals.
THE GOAL
Despite the vast availability of personal metrics and health apps, people continue to struggle to maintain a healthy lifestyle. I conducted user research to understand people's mental, physical, and emotional well-being and sought to develop a tool to drive them to action.
PROCESS
Research
Insights
Ideation
Prototyping
-
"How Must We"
-
Concept testing
-
User Surveys
-
User Interviews
-
Competitive Analysis
-
Affinity Mapping
-
MVP
-
Personas
-
Lo-fi sketching
-
Mid-fi
-
Hi-fi
.jpg)
.jpg)
User Research Affinity Mapping Market Research
Competitor Analysis User Flow Mapping Lo-Fi Mid-Fi Hi-Fi
Animation Brand Identity MoodBoard Style Tile
User Research
Initial research was conducted to better learn the challenges people face in the areas of fitness, mental health, eating habits, time management, and stress management. I created an internet survey which received 93 responses and conducted 10 interviews.
​
​
​
26%
Report struggling with fitness goals
17%
Report struggling with eating habbits
38%
Exercise every 3-5 days
26%
17%
38%
Interviews revealed 8 out of 10 ranked their physical health as most important and they enjoyed working out as well as cooking healthy meals for themselves. Their challenges were getting out of the routine of cooking the same things, avoiding temptation to eat out in restaurant dense areas, and making meal prep a focal part of their week.
Survey results yielded greatest challenges were fitness and eating habits.
Interview Result Mapping and Grouping
Market Analysis
I performed a brand comparison of diet, meal prep, fitness and fitness tracking/goal setting mobile apps by identifying key features, pros and cons reported by actual users, and asthetic.
Collection of screens from existing apps in the market.
Competitor CONS
-
Doesn’t teach you how to meal prep
-
Cannot see ingredients from all recipes in one view
-
Recipes are not based on a fitness goal
-
Logging homemade meals is challenging
-
Complicated design
-
Suggested meal plans
-
Cannot customize
Competitor pros
-
Recipe databases
-
Custom meal plans
-
Auto-populated meal plans
-
Calorie tracker
-
Fitness goal input
-
Progress charts
​
​
Products already created helped tackle user challenges with meal prepping solutions or nutrition and fitness tracking, but the brand comparison analysis did not reveal any one product that solved all the problems together.
It was evident from my research how intertwined diet and exercise were for a users fitness goals, but surprisingly in the world of apps, key features in these two areas remained mostly separate.
Affinity Map to document the comparisons between competitor's features, brand identity, and user reviews
"I want an app that allows weight tracking, meal tracking, and projected guides to accomplish my weight or fitness goals."
Minimum Viable product
Must
Have
Should Have
Could Have
Won't Have
-
Shop for you
-
nutrition tracker
-
connect with friends
-
User Surveys
-
User Interviews
-
Competitive Analysis
-
Goal tracker
-
Grocery list
-
Education
-
Tips
-
Auto-populate new meals
-
A lot of text
-
Long set-up
-
Limited diets
User Flow
This allowed me to create my happy path user flow that I would go on to develop for the lo-wi wireframes. I determined I wanted my user to add their basic stats such as height, weight, and age and enter their fitness goal, in order to receive a customized daily caloric intake recommendation.
​
​
Once in the app they could set their meal preferences and the app would auto create a meal plan suited to these goals and allow for the user to track their fitness journey.
With user research and brand analysis complete, I began to ideate for possible solutions for the newly discovered issues.
I created an affinity map and empathy map canvas and started adding post-it notes from my user interviews, the pros/cons from app reviews, and any other related notes to find the clearest path to a “How Might We” goal statement. Ultimately, I wanted to find a way for users to receive a customized meal plan tailored to their fitness goals and allow them to track their progress along the way all in the same app, and as effortless as possible. This led to How might we help busy professionals reach their fitness goals by making meal planning easier than ever.
Emapthy Mapping
USER PERSONAS
Kennedy sits at a desk all day and goes to a Crossfit Gym 5 days a week. He is determined to add 5lbs of muscle before summer and knows he needs to begin planning meals in advance and stop eating out at lunch every day.
KENNY
28 / Finance / Chicago
Cassandra is a 10th grade English teacher who is getting married in 6 months and wants to lose 25 lbs before here wedding! She wants to start cooking healthy and tracking her meals.
CASSANDRA
29 / Teacher / Boston
Prototyping
In my first lo-fi sketches, I tested on five users, and quickly learned that creating a fitness profile and adding meal prep preferences was a long and complicated flow that tricked users. I needed to simplify. I eliminated some screens that did not align with the MVP. I tested again on 5 more users and redrew the lo-fi.
I transferred the second round of lo-fi onto Figma and continued my user testing. Feedback in this stage allowed me to realize I needed to change the shape of icons and buttons on my design. In my head, large nearly full screen buttons would be a clean look, but in reality it was cleaner to have more empty space surrounding buttons. I shrank many items in this stage of the process.
_edited.jpg)
Ss
TYPOGRAPHY
Aa
ROBOTO
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Merienda One
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 10
Regular
Regular Medium Bold
COLORS
#FFFFFF
#787877
#38DCC8
#EA664B
#FFFFFF
1. Profile Set-up
2. Recipe Newsfeed
3. Meal plan set-up
4. Customized meal plan
5. Recipe/Grocery Delivery
6. Tracking
