Background
Strong is a workout app that help individual people, trainers, and sports athletes keep track of their workout routines and fitness goals. Not only that but it also provides pre-designed templates for people to use and structure their own workouts. Whether you are a beginner or an experienced powerlifter, Strong provides you with everything you need to record and help you with your workouts as effortlessly and quickly as possible. 

With over 3 million users worldwide, Strong has easily become one of the most used and trusted platforms for tracking your workouts. 
Problem
  • Strong's functionality falls short in providing an active community feature where users can surround themselves with equally motivated individuals within the app itself.
  • According to experts in behavioral health, lack of community support from friends or family is a severe disadvantage when it comes to lifestyle changes such as adopting a healthier diet or getting more exercise.
Goal
  • Building a community feature in the fitness app will aim to foster stronger user engagement and retention by providing users with the opportunity to share, observe, and be inspired by the progress and achievements of their friends and fitness influencers
Solution
  • Design a community feature where people can share their daily workout routines, dieting habits, goals, and challenges within the app itself. 
  • Redesign the visual elements and UI to bring about a more vibrant styling to accommodate the new features.
Tools used:
Design Process
Research
Interview Questions

I began my research by conducting 5 interviews with individuals that regularly work out and who use a fitness app during their workouts. By directly engaging with users and asking them about their experiences with existing fitness apps, I was able uncover pain points, areas for improvement, and gain a deeper understanding of what motivates people to use fitness apps in the first place. The information was then used to inform the design of the app and ensure that it meets the needs of my users, leading to a more successful and user-friendly product.

5 participants took part in the study, 4 females and 1 male aged 21-36
Below are some questions that helped with my design thinking.

Do you use a mobile app to assist you in your workout or fitness goals? If so, what do you use and what features in the app do you rely on the most?
What benefits do you see in a community feature will give the users of the app?
How do you believe this feature will benefit the users of the app?
Do you believe that such a feature (a community where people can share progress, workout routines, chat, and/or find like-minded people) inside a fitness app is useful?
Do you currently workout, or follow a fitness plan? If so, how often?
Are currently in a group chat where you and your buddies or trainer discuss fitness and workouts?
...staying motivated and accountable for working out regularly can be challenging...being part of a community has helped me stay committed...
My Findings
Needs
  • An in app community feature would be very encouraging to stay on track and share progress
  • Chats are a great way to keep each other accountable when dieting, starting a workout, staying in shape
  • All participants stated they would use a community feature even if they didn’t post anything
Pain Points
  • Staying motivated outside of the gym can be challenging
  • Unnecessary complicated navigation when trying finding or sharing a workout plan
  • 3rd party app sharing
Motivations
  • Follow influencers and fitness instructors
  • Track progress with other like-minded individuals who want to see you succeed
  • Gamification to influence and motivate the user to complete and share workout plans
Survey Analysis
I conducted a survey to gather unbiased opinions about motivating factors regarding the use of a fitness app when going for a work out. Analogous to the information from the interview, is that more individuals workout from home as opposed to the gym. For this particular survey, I was able to get 10 people to participate and some of the data can be found in the below.
Competitive analysis
By focusing more closely at our competitors, I was able to compare and see how each fitness app is structured and functions. Each of the apps has a community feature which was the focus of my research. To have clear representation of what I thought each fitness app does better then the other I created a comparison chart of the strengths and weaknesses.
Fiton
Strengths
  • Offers many achievements to be completed and shared
  • Friendly competition between friends
  • Discover groups with anything fitness related
  • Offer smaller inclusion groups to workout with
Weaknesses
  • All workouts are pre-designed; lack of personalization
  • No customization of your own workouts to create and share.
  • Overwhelming Content
Peloton
Strengths
  • Offers many achievements to be completed and shared
  • Invitations to the app through social media
  • Offers many achievements to be completed and shared
Weaknesses
  • The focus of this app is mainly on fitness programs and follow along classes
  • Poor and unreliable search functionality
  • Users may get lost or frustrated while navigating through the app.
Fitocracy
Strengths
  • Provides descriptive exercises for the user
  • Monitor history and progress of exercises over time
  • Offers private messaging between users
Weaknesses
  • Lack of incentives to continually engage the user
  • Overwelming onboarding system with too many steps
  • Inconsitency with exercises being listed
Nike Training
Strengths
  • Offers many achievements to be completed and shared
  • Collection of visual workouts
  • Provides guidance and nutrition through various articles and videos
Weaknesses
  • In-app purchases: Limited access to the app
  • Lacks in a community feature for users to engage with one another
  • Difficulty in customizing workouts to meet specific needs or fitness goals.
Define
Persona and Empathy Maps

Based on the information gathered from my research, I was able to create a realistic representation of the ideal user who will use and gain value from the app during and after working out. This helps us build empathy.  

Meet Ashley, she represents your regular fitness enthusiast that regularly works and relies on her fitness app to help her keep on track of her goals.

Using this persona, I can create a more effective and engaging user experience that this more likely to be adopted and successful in the market.
By leveraging an empathy map derived from the persona, I successfully enhanced my understanding of the user's motivations and pain points.
These insights serves as a foundation for  decision-making throughout the product design process, ensuring that user needs are effectively accounted for.
Ideate
User flow

The userflow chart below was created to help me better understand the user's experience when using the fitness app with its new features. By understanding the user's journey, I can make sure that the most important tasks are easy to find and complete. Additionally, the userflow chart will help to improve the usability of the app when navigating from start to finish. From the onboarding process to completing a workout, one can see the flow of steps the user will encounter.

Task Flow

To further understand how to meet my goals, a task flow was  generated to represent the user’s journey through each specific task. By mapping out the user journey, I was better able to identify potential pain points or areas where the user might get stuck or confused. This information was then used to create potential solutions in the design that make the user journey smoother and more intuitive

Design

To establish an effective app layout, I began with sketching low-fidelity wireframes based on identified user flows. Adding more context, I iterated on mid-fidelity wireframes. Finally, I refined the design and brought it to life through high-fidelity wireframes.

Onboarding Wireframes

When opening the app, the user will have the ability to create an account through a social media account or through an email. Choosing either way, the user will eventually have to open their email and input a PIN number that was emailed to the user to validate the account.

Once the verification is completed, the user will proceed to generate a profile based on their fitness routine or goal. Its purpose will be to personalize the experience of using the fitness app, provide tailored recommendations, and guidance that align with the user's specific goals and needs.

Login/Sign up
First Time User
Email Confirmation
Generating a Profile
Community Wireframes

When focusing on the general layout of the main feed and profile I looked to my research to ensure that the content is organized and presented in a clear and logical way. The user's profile, sharing a post, the user's friends and groups were given priority in the information architecture in the feed for users to more likely to interact with them and engage with the features, leading to increased usage.

On users profile, the user will have access to friends and new gamification features to boast motivation and engagement.

User Feed
User Profile
Starting a Chat
Achievements
Establishing UI Design System

I decided to revamp the UI design of my fitness app as the existing one was outdated and failed to offer a user-friendly experience. With a modern and sleek appearance, the new design boasts a host of features that enhance usability and user experience. Incorporating bright and vibrant colors into specific elements of the user experience we create a fun and energetic atmosphere.

The Strong App
Onboarding Process

With the new onboarding system, users will be able to quickly and easily generate a customized profile based on the users interests and focus. This not only improves the user experience but also helps to increase retention and overall satisfaction with the app.  

Feed and other Screens
The minimalist design concept used in this project provides a clean interface with plenty of breathing room between elements and the screen.

In their history, the user can view and share all their pervious workouts and now have the ability to share those templates within the app itself.
Challenges

With the introduction of challenges, I choose a simple and clear representation of how the user will interpret and complete the challenge.
Challenges can foster a sense of community among app users.
By participating in challenges with others, users can share their progress, offer support and encouragement, and compete in a fun and engaging way.

Prototype Here
Let’s talk now!
Test
Usability Test

To further validate the new added and the additional design changes i decided to do a usability with 7 participants. 4 tests were conducted in person; 2 via video chat; 1 online
With the usability test, I was able gather feedback from actual users on their experiences using the app, which helped me make informative decisions on how to improve the app's design and functionality.

The main tasks included:

All usability tests that were conducted in person or via video chat were successful.
Some questions and concerns did come up when completing the tasks via using an Maze.

Due to time constraints, after correcting a few small niches in the prototype, I was able to conduct only two more quick usability tests.

When looking to make a post, the user will now be able to choose from three extra options to add more versatility to the option of creating a post.

Conclusion
Takeaways
The importance of user research.

In order to create a successful community feature, it's important to understand the needs and preferences of your target audience. User research can help you identify what users are looking for in a fitness app community, what types of features and interactions they prefer, and what motivates them to engage with others.

Building a community around your fitness app is the best way to engage and retain users. By seeing how their friends or fitness influencers achieve their goals with the app, the users will be aware of the value that this app brings.

Next Step
When looking forward, there are a few things I am considering.
  • Adding a new design for the exercises list
  • Further customization for the user profile
  • Include some form of a nutrition chart where the user can learn more about proper diet
Thank you!