MyFitnessPal signup flow redesign

 A creative challenge to evolve my app design skills 

My personal goals in undertaking this

My goals for the redesign:

  • To design the experience with a more engaging and flexible flow
  • To design a signup flow clean, simple and intuitive
  • To design through user empathy (HCD)

My goals for my own personal development:

  • Design flow charts, Wireframes, Design with design tools like Sketch, Illustrator, and Photoshop
  • Complete design while sticking to my Design Principles
  • Creating interactive prototypes through Sketch and Invision

The roles I assumed during the process of building this redesign:

  • User Researcher
  • UI/UX Designer
  • Product Designer

Understanding MyFitnessPal the company

MyFitnessPal is a calorie counter & diet tracker. It is an app and website that helps people count their calories by entering it into an online diary, as well as keep track of their exercise. It’s for anyone looking to lose weight or simply maintain a healthy weight. It can be tailored to fit the needs of anyone with specific and/or doctor/dietitian-recommended requirements. There is a huge database of food where basically any food is logged or you can log it yourself. 

Next, to this, there is a community, an exercise tracker and of course the calorie counter. 

Why this app?

I use the app now for a couple of years and during times when I wanted to lose weight, it came in very helpful. In times where it was just my curiosity leading me to log my food and have some type of control when being on vacation for example. That is why I wanted to do this challenge because I found a great way to improve and enhance the signup flow for the app.

Flow chart & wireframes 

UI Designs

Interactive prototype

Other recent work

Getting excited? Or not yet confinced? Check out more of our work.

This could be you