BeeFitter

Creating Safe and Immersive Workout Experiences with AR in Fitness Apps

SkinCeuticals Cover Image

My roles

User Research, User Experience Design, Prototype & Usability Testing

Timeline & Team

8 weeks start to finish with other 3 master’s students, and I was chosen to be the team leader.


Processs

I led this 8-week project from research through high-fidelity prototype, including defining the problem, developing personas and user journeys, creating prototypes in Figma, conducting usability testing, and iterating the design based on feedback.

BeeFitter Process

Discovery

Many people struggle to start exercising and stick with it, often lacking motivation and joy. I also found an online survey that showed:

BeeFitter Discovery

Market Research + Competitive Analysis

The fitness app market is oversaturated, with over 97,000 fitness and health apps available.

BeeFitter Competitive Analysis

Personas

To better understand our userss’ goals and behaviors, we interviewed active fitness enthusiasts and individuals looking to start working out. Based on these insights, we created two personas:

BeeFitter Personas

Journey Maps

Since these two personas have unique needs, I created detailed journey maps. For athletes like Alex, we focused on competitive and motivating features, while for beginners like James, we emphasized a gamified experience with an emergency beacon for reassurance.

BeeFitter Journey Maps

Ideation

We began brainstorming the app design. Since the help beacon and gamified AR features are key value propositions. We focused on two main flows:

BeeFitter Ideation

Mid-fidelity Prototype

One of the flows, a trophy-hunting journey, was designed for James with fun as the priority, offering an engaging way to keep him motivated and committed to fitness.

BeeFitter Second Flow

Usability Testing

We conducted an online, task-based usability test on our mid-fi prototypes to validate design decisions and gather feedback on user interactions.

BeeFitter Test

High-fidelity Prototype

Another major improvement was adding a new camera icon button to activate the AR camera easily, while the full AR screen enhances the experience.

BeeFitter Hifi 2

Outcome

The outcome of the project was incredible. Our project stood out, receiving 2.7 times more engagement than the second-most-viewed project. We received great feedback from our professor and classmates.

BeeFitter Outcome

🔍 Curious to see more? I'd be happy to share the full case study—just reach out! 📩


← Colorsonic

SkinCeuticals →