Burpi

View Prototype

Overview

Building community and making fitness a collaborative journey, Burpi’s goal is to ensure a level of individual customization that the average user does not have access to with a simple gym membership. It is an affordable and accessible personal trainer for every user.

Design Roles

Sole Designer

  • UX Design
  • Visual Design
  • Brand & Identity

Duration

  • 3 months

Deliverables

  • User Surveys
  • Personas
  • Competitive Analysis
  • Concept & identity
  • User Stories
  • User Flows
  • Prototype
  • A/B and Usability Testing
  • Visual Design

Tools & Software

  • Adobe Illustrator
  • Figma
  • InVision
  • Draw.io
  • Usability Hub
  • Maze

BURPI

The Problem

Health and fitness apps provide a level of serviceability that accommodates to different goals and individual concerns yet many users still struggle to reach their goals or simply stop using the app.

The Process

To better understand user pain points when using fitness apps, I collected 30+ user surveys, conducted several in-person user interviews, and reviewed some of the most popular fitness apps in the current market. After gathering and synthesizing this information, I identified several potential solutions that focused on community building through affinity mapping and research on human motivation.

Design Solution

Fitness like anything else often requires connection to an intimate community to keep indviduals engaged and motivated. A community can provide inspirational, emotional, or practical support. I decided to focus on design an app that would equally support both individual customization and community.

Competitive Analysis

Nike Training Club SWORKIT ActiveX

Fitness Options

Across all three platforms, the focus was on allowing users to individualize their overall fitness routine by providing them with a library of different exercises and routines. Nike and ActiveX provided a much more varied library of potential routines, while SWORKIT randomized exercises to fit into a specific time frame.

Community-Building

Nike’s focus on community was mainly through a scoreboard. While this sense of competition can be compelling for more advanced fitness participants, it can be act as a deterrent for beginners. ActiveX provided users with the ability to join packs as part of their platform, but users did not have the ability to choose members within the pack.

Nike Screenshot ActiveX Screenshot SWORKIT Screenshot

User Research

To understand what users expect and desire from their fitness application, I conducted a survey that was posted through various online platforms, including social media and fitness forums. By doing so, I received responses from a variety of sources: individuals with a fitness background and those with little experience. However, more than 50% of applicants had used or currently use some sort of fitness application.

The biggest challenge participants commonly identified regarding achieving their fitness goals is losing motivation and lacking accountability. This is partially a result of the individualistic nature of most fitness applications- the lack of community and support means there is no accountability which can then cause individuals to lose motivation.

Whose Support Keeps You Motivated?

While many may assume those with fitness goals would like the support of their family or a personal trainer, most participants (47%) in the survey surprisingly indicated that they would rather receive support from someone with similar fitness goals.


It is important to also note however, that while participants indicated they craved a sense of community, they also overwhelmingly preferred to work out alone.

What Features Do You Like Most?

View Full Results

Wireframes

Onboarding

Sign Up Sketch

1

Clear heading to maintain brand name and association

2

Only essential fields are used within the form to save time and reduce errors

3

Social sign-in is provided to facilitate field completion

Sign Up Wireframe

User Profile

Profile Sketch

1

Users can see their activity on social platform and completed workouts

2

Can view and access friends' profiles

Profile Wireframe
View Wireframes

Testing

Two sets of usabilty tests were conducted, one with high-fidelity wireframes and the other with high-fidelity mockups. In my first series of user tests, I created a maze to determine the app’s ease-of-use and to quickly identify any problems in the information architecture early on.

Onboarding

Participants indicated that they would prefer to see a sample of their customized fitness plan before committing to creating an account.


OLD FLOW

Old Flow
Old Flow
Old Flow
Old Flow

NEW FLOW


While the new flow adds an extra layer to the onboarding process, it also incentivizes users to sign up by giving them a sample of their workout plan.

New Flow
New Flow
New Flow

Navigation

The bottom navigation went through several iterations to provide greater clarity.

In the first series of usability tests, only 30% of users had sucess logging an activity with the original navigation bar design. After the iteration and with other adjustments to the design, 90% of users successfully navigated using the navigation bar

Original Bottom Navigation Design Original Bottom Navigation Flow
Original Bottom Navigation Flow

Nomenclature

Based on user feedback, the distinction between activities and workouts was removed and the new design allows users to select basic activities (e.g., running, sports, biking) and workouts from the same screen.

Old Workout Design Old Activity Design
New Condensed Design

Burpi provides users with the freedom to change the day's planned workout and also the ability to edit a given workout. User testing results showed that the "Change" selection under the day's workout was causing confusion with these two distinct options. Intended for users to switch the workout to a different activity, I determined that "replace" would better inform users which action the demand coincided.

Old Selection Bar New Selection Bar

Branding

Vector Image 1

Quicksand

Lato

Concerning typography, simple typefaces are used in Burpi for legibility and to maintain a modern, clean interface.

#FFAE3F

#69BACD

#000000

#F4F4F4

#7BD195

#ABE2C7

Orange and blue were chosen as the main colors for the app. Blue creates feelings of trust, and orange continues to give the app the energetic visual design created in the logo. With its’ association to health, encouragement, and happiness, orange is used as a highlight throughout the app. Black provides contrast to create interest and a balance in the color scheme. For supporting colors, green was chosen given its association with renewal and growth.

View Style Guide

Visual Iteration

As a designer, I intentionally challenge myself to critique and improve my visual design skills. For Burpi, I evaluated my original iteration and identified opportunities for improvement.

Before

After

My Plan Page Before Reiteration of My Plan Page User Profile Page Before Reiteration of User Profile Page Workout Page Before Reiteration of Workout Page

Final Design

Burpi is a social fitness app that provides users with the opportunity to fully track their progress while also establishing a fitness community that aids in motivation and intentionality. By giving users a personalized fitness plan and the flexibility of a workout library, Burpi caters to users with different fitness needs and takes advantage of the growing 80 billion dollar fitness industry.


Primary features


  • Personalized Fitness Plan
  • Extensive Workout Library
  • Tracking data
  • Fitness diary for qualitative and quantitative tracking
  • Social feed to connect to users with a similar fitness background
Final Screens of Burpi
View Prototype

Final Thoughts

Creating this fitness app was a very exciting process. I think the most important lesson I learned was that even well-recognized and universal designs have their problems. From the placement of reminders to the use of plus icons, the translation to Burpi was not always seamless. This once again raised the importance of testing for me.


One of the main faults of my initial research phase was that I did not get an opportunity to interview individuals unaccustomed to fitness apps for my personas, though they participated in the survey. This created a gap for me in building an app that would be accessible to both experienced and inexperienced users. As such, more issues came up during usability testing; I had participants who completed tasks effortlessly while others were very confused by terminology and the organization of information. But despite these issues, creating Burpi further developed my understanding of contemporary design trends and how to critically analyze research and testing results to create reasonable solutions.