Case Study — FITLAB

Daria
5 min readFeb 21, 2023

--

Here is the link to see the full Hi-Fi prototype!

Figma

Zeroheight

Let me introduce you to our fitness and workout app called FITLAB. The FITLAB app was created as a project for the Ironhack boot camp, and this case study will guide you through the process of developing and designing this app.

Fitness app logo

Our goal was to create a personalized, affordable, easy-to-use fitness app targeting a female audience. FIRLAB app could address any aspect of personal well-being, including fitness, nutrition, and time management. The app will provide training on various body parts, a nutrition section, progress, and more. As for now, my partner and I focused solely on creating a free/limited app version.

Research

We began by performing a competitive analysis of fewer workout apps. While fitness-related applications offer a customized experience, such as personal workouts and paid membership, some give a free-limited option of having a list of exercises and some minimalistic additional applications. My partner and I decided to build a survey to collect data from people who use fitness/workout apps to see the pros and cons of the past or current apps they used or are still using.

Survey Statistics

Our surveys revealed that most individuals prefer a limited free version of the app instead of paying for a subscription right after starting their journey on the app. People’s activities are separated to work out with and without equipment, indicating that our app should have personalized pieces of training. The best way for people to obtain workout guidance is through video tutorials, and the most interest goes to muscle training — second place to cardio and third to flexibility. Nutrition and supplement suggestions became a unanimously significant part of the app for the users. While training, people want to keep their nutrition balanced, and at the same time, an app is able to connect to their wearable device. According to statistics, community, and social sharing became the last of interest for training people to have in their app.

Interview

We conducted a number of user interviews to gather qualitative information, and we discovered that people value seeing the progress of their training journey, keeping their nutrition balanced, and the app being easy and affordable.

Secondary Research

Secondary research allowed us to investigate the people’s statements and overview elements of the existing apps that we could later use as bad or good models.

How Might We

We put all our gathering ideas together and ended up with the one main How Might We statement.

Problem and Hypothesis

My partner and I created the Problem and Hypothesis in order to identify the main problem.

Empathy Map

An Empathy Map consists of six sections of a chart. These sections reflect key traits that the user revealed during the research. The map delivers an overview of a person’s experience.

Once we identified the main job to be done, we decided to visually illustrate our primary persona, TV journalist Amy Johnson.

User Persona

Amy is a fictional character representing a user group based on research and analysis of user needs, goals, behaviors, and attitudes. Our user persona helps to understand a product or service’s users and design a user-centered solution that satisfies their necessities and expectations. Our chart includes demographic data, job titles, goals, behaviors, pain points, and motivations.

This emotional journey was created to track the range of emotions the user experiences when interacting with a product. We also created a storyboard that helps us and stakeholders visualize the user’s experience from beginning to end and determine potential usability issues or areas for improvement.

User Flow/Sketch

Our user flow visualizes steps that the user takes to achieve a goal within a product. We identified potential issues and areas for improvement in the user experience.

Mid-Fi

Before the final design decisions and high-fi prototyping, we created mid-fi, which became an essential tool for testing and validating design concepts. We identified that our app should start with a quiz to help specify users’ desires and opportunities for beginning their training journey. This quiz will help to generate a personal training program for all individuals. We included an option to have a wearable device for keeping track of sports journeys, including tracking nutrition and activity, monitoring sleep, and more. Research conducted that exercises, cardio, nutrition and supplements, progress, and favorites are essential to include in our app, and we attempted to incorporate them accordingly in our user flow. Video tutorials are necessary for a fitness app because they give users a visual demonstration of performing exercises correctly. Unlike written instructions or static images, video tutorials allow users to see the proper form and technique for each activity, which is vital for preventing injury and maximizing the workout’s effectiveness.

Here is the link to see the full Hi-Fi prototype

Figma

Zeroheight

Thank you for your time!

--

--