top of page

My Fitness Pal Mobile UI

CLIENT — N/A (Student Work)

AGENCY — N/A

Featured Skills

UX/UI Design
Mobile Layout

Motion Design
Typography

Each spring, I find myself logging back in to My Fitness Pal to get back on track with my health goals—but I feel the experience has room for improvement.

 

This redesign reimagines MyFitnessPal with a warmer, more intuitive interface, improving data visualization, reducing clutter, and replacing sterile, boilerplate UX with something more friendly and approachable. In short, turning MyFitnessPal into MyFitnessBFF.

My Fitness Pal Mobile UI

CLIENT — N/A (Student Work)

AGENCY — N/A

Featured Skills

UX/UI Design
Mobile Layout

Motion Design
Typography

Each spring, I find myself logging back in to My Fitness Pal to get back on track with my health goals—but I feel the experience has room for improvement.

 

This redesign reimagines MyFitnessPal with a warmer, more intuitive interface, improving data visualization, reducing clutter, and replacing sterile, boilerplate UX with something more friendly and approachable. In short, turning MyFitnessPal into MyFitnessBFF.

PaperBackground_Dark_edited.jpg
MFP_1.jpg

Homepage

A visual timeline of your progress sits above a succinct look at your daily calorie intake, followed by a breakdown of your weekly calorie and macro goals. It serves as a digestible snapshot of your general progress without getting too complex for a quick look.

Homepage

A visual timeline of your progress sits above a succinct look at your daily calorie intake, followed by a breakdown of your weekly calorie and macro goals. It serves as a digestible snapshot of your general progress without getting too complex for a quick look.

Daily Nutrition Log

This page takes a deeper look at your day-to-day progress. The daily calorie summary on the homepage is expanded to be more detailed and display individual meals and food items. Users can log foods, see their remaining calorie balance, and check on their macro goals.

Page Transition Animation

Daily Nutrition Log

This page takes a deeper look at your day-to-day progress. The daily calorie summary on the homepage is expanded to be more detailed and display individual meals and food items. Users can log foods, see their remaining calorie balance, and check on their macro goals.

Page Transition Animation

bottom of page