MyFitnessPal 2.0
Springboard Capstone Project
Tools Used: Adobe Illustrator, Photoshop, draw.io, Invision
Goals
Create better user flow as well as visuals that will help users navigate and interact with the app to experience an even more positive and effective weight loss journey.
The Process
Research Stage: The User
Conducted screener surveys and interviews to create user personas and empathy maps to better understand the specific wants and needs of potential users.
Research Stage: Competitors
Researched competing apps and created a heuristic evaluation based on Nielsen Norman Group's 10 general principles for interaction design.
![ptype [Recovered]-27.png](https://static.wixstatic.com/media/816ea3_345fa44a92a4435f93bba89a986d4a25~mv2_d_2867_2368_s_2.png/v1/fill/w_381,h_315,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ptype%20%5BRecovered%5D-27.png)
Content Strategy Stage
Conducted card sorts and created sitemaps and user flowcharts to better understand and visualize the in app experience.
Color Palette
The color palette for MyFitnessPal 2.0 is cool with monochromatic shades of blue. I wanted to keep the color scheme similar to the original app to maintain familiarity and simplicity.
![Untitled-11 [Recovered]-11.png](https://static.wixstatic.com/media/816ea3_08988e9c7161481d8eec0c58b4392af4~mv2.png/v1/fill/w_198,h_42,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Untitled-11%20%5BRecovered%5D-11.png){kind=small}
Wireframes and Prototyping
Designed with simplicity in mind, I drafted lo-fi and hi-fi wireframes as well as prototypes that demonstrate a new on-boarding processes as well as features that enhance user experience for those getting started on their weight loss journey.
Oh no! It looks like this prototype isn't working.
Please check in again
Try it out yourself!
Prototype only accessible via desktop