SPotter Fitness

Designing a fitness app with custom workouts and influencer purchases

My task was to design an all-inclusive fitness product with all the standard bells and whistles, but with additional features to bring in new users.
Back to Projects
Final Wireframes of Make My Test Count
Overview

As a contract Product Designer, I planned, designed, and implemented my client’s vision of a fitness product to life.

As a contract Product Designer, I spent five months collaborating with my Upwork client to plan, design, and bring to life an innovative fitness product. This product focuses on goal tracking and promotes healthy living, reflecting the client's vision while enhancing user experience and engagement.

Role

In this Upwork contract, I served as the Product Designer, responsible for planning, conducting interviews, and crafting the product's design.

Tools

Problem

My goal was to create a unique, all-in-one fitness tracker that stands out to users in a saturated market.

But why does this matter? Well, local health teams need this information so if their is a spike in cases, hospitals and health centers can gear up with plenty of rapid tests or notify the public of an outbreak via the local news.

Solution

Design an all-inclusive interface that focuses on user goals, logging data and customization

Everyone is looking for something different when they exercise.

Some are looking to put on some muscle, some are looking to fit into old clothes and some people just want to feel and live healthier. Whatever your goals, Spotter Fitness is striving to help you reach them seamlessly.

Research and Insights

New gym-goers wanted some level of guidance in the gym.

Users cited that one of the primary hurdles for them working out for the first time was the anxiety of “looking silly” in the gym.

So whether it was instructions on the machines, a personal trainer or videos, new users liked guidance when going to the gym initially.

Calorie Counting

75% of those that track calories and use a fitness tracker use separate products

Logging Workouts

95% of people who used fitness apps used exercise plans or created their own custom workouts

Goal Tracking

80% of people wanted to track their goals and progress in the gym consistently

For a product that was used consistently and tracked user progress, an app proved better.

Undeniably, through testing our users had a lot of app fatigue. It’s tiresome to go to the app store, download, sign up and do a walkthrough of any app.

However, users also understood that since they would be using this multiple times per week, this was a necessary evil. Additionally, apps are able to i ntergrate and utilize phone data a lot easier, which mobile web you have to input everything yourself.

Designs and Iterations

I implemented numerous ways to track your fitness goals and log workouts.

Within the gym space, I found users loved metrics and keeping trsck of their progress. However, the issue users had with other apps and interfaces was tghat they were a bit limiting.

To counter this, I provided users with many ways to track their metrics and progress in numerous areas.

Final Wireframes of Make My Test Count

I prioritized pre-existing plans, with the option to add onto them if desired.

One thing we learned from users was that many felt insecure making that first step in the gym journey. However, users felt that guidance, whether it be a template or demonstration of how to do an exercise, was something that helped them organize their goals and objectives.

However, we didn’t want to block users who have a bit more experience, so we provided a way for them to customize their experience too!

Adjustments Made

Given that 95% of users follow fitness accounts, I added workout plan purchases.

Undeniably, through testing our users had a lot of app fatigue. It’s tiresome to go to the app store, download, sign up and do a walkthrough of any app.

However, users also understood that since they would be using this multiple times per week, this was a necessary evil. Additionally, apps are able to i ntergrate and utilize phone data a lot easier, which mobile web you have to input everything yourself.

Style Tile

I wanted users to think luxury fitness brand.

I built a style tile that had a focus on darker tones to replicate the exercise equipment, with splashes of high-energy colors, primarily bright oranges and other pastel colors.

Additionally, I picked fonts that looked good despite being on a darker background.

High-Fidelity Designs

Giving users all the bells and whistles was the bare minimum for users.

Users needed something new and exciting to be drawn to our new product. What we viewed as -all-inclusive was just viewed as the "bare minimum for users."

Post Launch

40% of users claimed they would switch from their existing fitness tracker.

To streamline the reporting process and prevent our previous iterations confusion, we redesigned the QR code to directly prompt users to report their data, ensuring a swift and intuitive experience, akin to a presentation. Secondly, we adjusted our design so users were aware of the monetary incentive immediately, raising their awareness of why they should partake.

Key Metrics

0%
of users struggled to find where to log exercises or count calories
100%
of users claimed our interface looked and behaved as expected
Product Preview
Figma File Prototype

Prefer to experience the prototype yourself? Click here