Befit Website

a Case Study

Befit is a mobile-first workout website that I designed as a project for a User Interface course through Career Foundry.  It eases users into making healthy habits instead of habitually renewing failed exercise resolutions.

Project Brief


The project brief states that the goal of Befit is “to motivate people into an exercise routine that suits their level, schedule, and interests.”

Since finding exercise routines for your level can be difficult, Befit should help the the user by providing routines, guides, interactive examples, and info

Befit should also be able to help users fit exercise into their schedules – even just for 5 minute minutes.

User Persona

The course put together the user persona profile. Rebecca is a 26-year-old software developer who has a Master’s in Software Development. She is in a relationship, and is raising a young child.

Rebecca is a beginner with a chaotic schedule. She wants to find something that will do the following:

  • Help her to learn how to exercise properly
  • Get her to be be less sedentary
  • Keep her motivated
  • Fit short exercises that she can do throughout the day, in between activities

“I love the thought of having something that could really work with my schedule. Being as busy as I am makes it tough to exercise otherwise.”


I used a User Centered Design approach to develop Befit. Knowing that most exercise resolutions fails, I did some research on forming habits and found that these tips will set one up for success:

  • Start with small goals: it’s harder to quit when success is easy
  • Do it daily: the habits will take less time to form
  • Make it easy: reduce as much friction as possible (a UX mantra)
  • Stack new habits onto old ones, for example: do 5 push-ups every time you brush your teeth
  • Reward yourself: seeing positive results from exercise may take a while, so immediate rewards keep you motivated

User Flows

User flows show the steps users take to achieve a goal. My first set of was more of a site map than a logical series of decisions. So I eliminated the extraneous options and focused on the steps of each task.



Browse, Search, Filter



Share with friends


 Mood Boards

Style Guide


What I’ve Learned

Overproducing & Time Management

I got over excited when I found icons and exercise images that I liked, and created whole sets that were not necessary for the wireframes. I did not want to have to go back and make more. But I would have saved a lot of time by only working on the ones I needed.


Focus on one aspect at a time

Throughout the design process, I felt like I was always jumping the gun. During user flows, I was already thinking about the sitemap. While creating mood boards, I was envisioning style guides. It made me over-confident in implementing my design choices and I found that I did not like my results. Focusing on one aspect of the design for each iteration made the process easier for me.


Next Steps

Test, Iterate, Repeat…

Take injuries into account automatically

I would do a round of research with users and trainers to find out how to accommodate injuries. Befit starts users slowly to avoid injury, but I envision tips of what to watch in one’s form during an exercise, as well as notes to consult one’s physician.

Also, if a user comes in with pain, then the exercises and routines should take that into account. It would be great if users could enter that into their profile, and Befit would adjust the recommendations for them.

Logs and Levels

I would develop logging function and screens for testing. Once users have logged enough exercises and routines, Befit could suggest that the user level up by adding more reps, weight or time – or to a more difficult exercise.

If users are logging more reps, weight, time on their own then Befit could automatically level them up and give them an award badge.