March 2023
Fitness App
UX/UI Design
iOS & watchOS
OLYMPIC CLUB
OLYMPIC CLUB
OLYMPIC CLUB
Pago 3 meses
$13.500
Solo $4.500/mes
-10%
Desliza para
reanudar
Sebastían Rodríguez
801 52693
N° de Socio
Desde 17/08/2022
Plan Full
12 rep · 4 series
Remo con mancuernas
Yoga
Time to take
your training
to the next level
Time to take
your training
to the next level
01
Project summary
Project summary
Olympic Club presents its new app so you can enjoy your training to the fullest. You will be able to access all the information of our venues, sign up for classes, renew or modify your subscription and have a history of each of your workouts.
Olympic Club presents its new app so you can enjoy your training to the fullest. You will be able to access all the information of our venues, sign up for classes, renew or modify your subscription and have a history of each of your workouts.
Olympic Club presents its new app so you can enjoy your training to the fullest. You will be able to access all the information of our venues, sign up for classes, renew or modify your subscription and have a history of each of your workouts.
Context
Context
Olympic club is a network of gyms located in Morón and Haedo, province of Buenos Aires. Their first location, located in Morón, was inaugurated in 2020 and they are in continuous growth. They teach more than 15 classes per day between both locations and are about to reach 7K followers on Instagram.
Olympic club is a network of gyms located in Morón and Haedo, province of Buenos Aires. Their first location, located in Morón, was inaugurated in 2020 and they are in continuous growth. They teach more than 15 classes per day between both locations and are about to reach 7K followers on Instagram.
Olympic club is a network of gyms located in Morón and Haedo, province of Buenos Aires. Their first location, located in Morón, was inaugurated in 2020 and they are in continuous growth. They teach more than 15 classes per day between both locations and are about to reach 7K followers on Instagram.
Challenge
Challenge
Design an app that manages to generate a bond with each member. We are not just a gym, we are a club. And like every club, we seek to generate an impact on our community. We want each member to feel accompanied and to let them know that their participation is very important to us. That is why we seek to provide a better service so that they can continue to choose us.
Design an app that manages to generate a bond with each member. We are not just a gym, we are a club. And like every club, we seek to generate an impact on our community. We want each member to feel accompanied and to let them know that their participation is very important to us. That is why we seek to provide a better service so that they can continue to choose us.
Design an app that manages to generate a bond with each member. We are not just a gym, we are a club. And like every club, we seek to generate an impact on our community. We want each member to feel accompanied and to let them know that their participation is very important to us. That is why we seek to provide a better service so that they can continue to choose us.
Numbers
Numbers
6
weeks
+80
screens
3
iterations
Tools
Tools
Figma
Illustrator
Photoshop
Whimsical
Chat-GPT
Mission statement
Declaración
de objetivos
Project objective
Objetivo del proyecto
Add value to the service the gym already provides to its members and drive business growth.
Add value to the service the gym already provides to its members and drive business growth.
Add value to the service the gym already provides to its members and drive business growth.
Target of users
Objetivo de los usuarios
To have the best possible training experience in the area and to keep up to date with all the club's news.
To have the best possible training experience in the area and to keep up to date with all the club's news.
To have the best possible training experience in the area and to keep up to date with all the club's news.
Target of business
Objetivo de negocio
Build member loyalty, brand positioning, increase the affiliate base and reduce the drop out of members with less than 6 months of seniority.
Build member loyalty, brand positioning, increase the affiliate base and reduce the drop out of members with less than 6 months of seniority.
Build member loyalty, brand positioning, increase the affiliate base and reduce the drop out of members with less than 6 months of seniority.
Design process
Proceso
de diseño
Research
Learn more about the partners and research what the competition is doing.
Learn more about the partners and research what the competition is doing.
Define
Analyze the research data and act on it.
Analyze the research data and act on it.
Idea
Propose ideas in lofi based on what has been defined.
Propose ideas in lofi based on what has been defined.
Visual Design
Establish a visual language that people can understand.
Establish a visual language that people can understand.
Prototype
Test with people and iterate according to their feedback.
Test with people and iterate according to their feedback.
02
Research
Research
For this part we focus on interviews with members and what services the competition offers. This way we can get closer to the best product we can offer club members.
For this part we focus on interviews with members and what services the competition offers. This way we can get closer to the best product we can offer club members.
Interviews
Interviews
Benchmarking
Benchmarking
Interviews
Interviews
To begin my qualitative research I conducted 6 interviews. 4 interviews were with people who already attend the gym and 2 were with people who want to start.
This helped me to understand a little more about people's needs. I was also able to ask their opinion about the improvement opportunities I had previously thought of and their answers help me understand what functionalities I should prioritize for the development of the MVP.
The most common pain points were the following:
To begin my qualitative research I conducted 6 interviews. 4 interviews were with people who already attend the gym and 2 were with people who want to start.
This helped me to understand a little more about people's needs. I was also able to ask their opinion about the improvement opportunities I had previously thought of and their answers help me understand what functionalities I should prioritize for the development of the MVP.
The most common pain points were the following:
Need a reminder of favorite classes and a listing of all available classes and their schedules.
Need a reminder of favorite classes and a listing of all available classes and their schedules.
Have a digital credential to be able to manage the subscription from anywhere.
Have a digital credential to be able to manage the subscription from anywhere.
To have the routine digitized. Currently it is physical and there are so many sheets that it is very difficult to find.
To have the routine digitized. Currently it is physical and there are so many sheets that it is very difficult to find.
I have a hard time getting into the habit. I need someone to remind me to go to the gym, so I can maintain the motivation of the first few weeks.
I lost my keys and I had the credential. They haven't replaced it yet. I wish I had it on my cell phone because I always have to wait for someone at the door to let me in.
Benchmarking
Benchmarking
I researched what big chains like Open Park and Sportclub have developed. I also looked into how virtual classes are presented by apps like Smart Fit Go and Gympass. Here is a summary of the functionality of each product:
I researched what big chains like Open Park and Sportclub have developed. I also looked into how virtual classes are presented by apps like Smart Fit Go and Gympass. Here is a summary of the functionality of each product:
Online
classes
On Site
Class Information
On Site
Class Registration
Gamification
Venue
information
Benefits
News
Digital
credential
Track
record
Open Park
Sportclub
-
-
-
-
Gympass
-
-
-
Smart Fit Go
-
-
-
-
-
Online
classes
On Site
Class Information
On Site
Class Registration
Gamification
Venue
information
Benefits
News
Digital
credential
Track
record
Open Park
Sportclub
-
-
-
-
Gympass
-
-
-
Smart Fit Go
-
-
-
-
-
Based on the comparison of the chart, I can highlight the Open Park and Sportclub apps as the most developed. While the Gympass app offers more information and the ability to sign up for classes, Sportclub is more important in the area where Olympic Club gyms are located.
The next step was to check the reviews of their apps in the App Store and Play Store. To my surprise, half of the reviews were not good. Users report that they can't access the apps and there are comments indicating that the points system offered by Open Park is not very well understood.
Based on the comparison of the chart, I can highlight the Open Park and Sportclub apps as the most developed. While the Gympass app offers more information and the ability to sign up for classes, Sportclub is more important in the area where Olympic Club gyms are located.
The next step was to check the reviews of their apps in the App Store and Play Store. To my surprise, half of the reviews were not good. Users report that they can't access the apps and there are comments indicating that the points system offered by Open Park is not very well understood.
Based on the comparison of the chart, I can highlight the Open Park and Sportclub apps as the most developed. While the Gympass app offers more information and the ability to sign up for classes, Sportclub is more important in the area where Olympic Club gyms are located.
The next step was to check the reviews of their apps in the App Store and Play Store. To my surprise, half of the reviews were not good. Users report that they can't access the apps and there are comments indicating that the points system offered by Open Park is not very well understood.
03
Define
Define
Based on the objectives, user needs discovered in the interviews and competitive products, I created the structure of an MVP that will improve the affiliate experience. At the end of this project I will be proposing future improvements for a second instance of this product.
Based on the objectives, user needs discovered in the interviews and competitive products, I created the structure of an MVP that will improve the affiliate experience. At the end of this project I will be proposing future improvements for a second instance of this product.
User
Persona
User
Persona
Empathy
Map
User Persona
User Persona
The User Personas represent the user person we want to target, the one for whom this product is intended.
The following information was created based on insights from our interview research and benchmarking.
The User Personas represent the user person we want to target, the one for whom this product is intended.
The following information was created based on insights from our interview research and benchmarking.
Kiara
23 years old
Retail employee
Kiara
23 years old
Retail employee
Objectives
Objectives
Do not leave the gym during the whole year
Do not leave the gym during the whole year
Track her workouts
Track her workouts
Create a weekly routine
Create a weekly routine
Pain Points
Pain Points
Little free time for exercise
Little free time for exercise
She often forgets the day of his classes
She often forgets the day of his classes
Sometimes she doesn't want to leave her home
Sometimes she doesn't want to leave her home
Behavior
Behavior
Enjoys cycling to work
Enjoys cycling to work
Search for online stretching classes
Search for online stretching classes
Would like to try new activities
Would like to try new activities
Needs
Start as soon as possible
Start as soon as possible
Variety of class schedules
Variety of class schedules
Personalized attention
Personalized attention
Situation
Her friend Natalia convinced her to start the gym together, especially the Zumba classes. The classes are on Tuesdays, just her busiest work day, and Keila is afraid she'll miss a class.
She also hopes to find another activity that appeals to her but doesn't know what activities are available at the club.
Her friend Natalia convinced her to start the gym together, especially the Zumba classes. The classes are on Tuesdays, just her busiest work day, and Keila is afraid she'll miss a class.
She also hopes to find another activity that appeals to her but doesn't know what activities are available at the club.
Empathy map
Empathy map
Thinking
Which plan to choose
Which classes to take
Whether it is convenient to train from home
Listening
The opinion of their friends
Online classes
Different prices
Kiara
23 años
Empleada de comercio
Kiara
23 años
Empleada de comercio
Doing
Viewing gym options in the area
Organizing her weeks
Seeing sportswear
Seeing
Reviews in local gyms
Gyms closer to her home
Comparing available classes
Motivations
Being fit
Make new friends
Participate in bike rides or races
Frustrations
Expensive subscriptions for services she does not use
Not being able to keep up with the pace of the classes
That the classes are fully booked.
03
Definir
Tomando como base de partida los objetivos, las necesidades de los usuarios descubiertas en las entrevistas y los productos de la competencia creé la estructura de un MVP que mejorará la experiencia de los afiliados. Al final de este proyecto estaré proponiendo mejoras a futuro para una segunda instancia de este producto.
User
Persona
Mapa
de empatía
User Persona
Las User Personas representan a la persona usuaria a la cuál nos queremos dirigir, a la cuál este producto está pensado.
La siguiente información fue creada en base a los insights de nuestra investigación en las entrevistas y el benchmarking.
Kiara
23 años
Empleada de comercio
Kiara
23 años
Empleada de comercio
Objetivos
No abandonar el gym en todo el año
Hacer un seguimiento de sus entrenamientos
Crear una rutina semanal
Pain Points
Poco tiempo libre para hacer ejercicio
Suele olvidarse el día de sus clases
A veces no quiere salir de su casa
Comportamiento
Le gusta ir en bicicleta al trabajo
Busca clases online sobre stretching
Le gustaría probar nuevas actividades
Necesidades
Empezar cuanto antes
Variedad de horarios de clases
Atención personalizada
Situacion
Su amiga Natalia la convenció de comenzar el gimnasio juntas, y en especial las clases de Zumba. Las clases son los martes, justo su día más complicado de trabajo y Keila teme olvidarse de alguna clase.
Ella también espera encontrar otra actividad que le llame la atención pero no sabe que actividades hay en el club.
Mapa de empatía
Pensando
Que plan elegir
Que clases tomar
Si conviene entrenar desde casa
Escuchando
La opinión de sus amigos
Clases online
Distintos precios
Kiara
23 años
Empleada de comercio
Kiara
23 años
Empleada de comercio
Haciendo
Viendo opciones de gimnasios en la zona
Organizando sus semanas
Viendo ropa deportiva
Viendo
Reviews en gimnasios de la zona
Los gimnasios más cerca de su casa
Comparando clases disponibles
Motivaciones
Estar en forma
Hacer nuevas amistades
Participar de bicicleteadas o carreras
Frustraciones
Suscripciones cara por servicios que no usa
No poder seguir el ritmo de las clases
Que los cupos a las clases se agoten
04
Idea
Idea
Before starting with the design, it is time to take all the research and analysis and turn it into the main idea from which the whole project will be derived. To do this, I started by putting together the information architecture and understanding the steps through which people will get from point A to point B. You have to anticipate what people might think or encounter along the way so that they don't feel lost or disoriented. Once I establish a clear route, I can start designing the Wireframes.
Before starting with the design, it is time to take all the research and analysis and turn it into the main idea from which the whole project will be derived. To do this, I started by putting together the information architecture and understanding the steps through which people will get from point A to point B. You have to anticipate what people might think or encounter along the way so that they don't feel lost or disoriented. Once I establish a clear route, I can start designing the Wireframes.
IA
IA
Task Flow
Task Flow
User Flow
User Flow
Information architecture
Arquitectura
de la información (IA)
Arquitectura de
la información
(IA)
Sign Up
Questions
Log In
Home
Featured classes
Locations
Stats
Notifications
News
Classes
Featured classes
All classes
Class Info
Recorded classes
Classes by location
My Exercises
History
Stats
My routines
Preferences
Profile
My credential
My data
Favorites
My subscription
Contact
Help
Task Flow
Task Flow
Task 1. Create an account
Task 1. Create an account
If this is the first time you use the app, you will have to create a user and answer some questions that will make your experience with the product more complete.
If this is the first time you use the app, you will have to create a user and answer some questions that will make your experience with the product more complete.
Road
Road
Sign Up
Insert
Create
password
Answer
questions
Confirm
Task 2. Enroll in classes
Task 2. Enroll in classes
So that you don't miss any of your favorite classes, we invite you to sign up for them. It's easy to do, and you can even choose days and times that suit your preferences.
So that you don't miss any of your favorite classes, we invite you to sign up for them. It's easy to do, and you can even choose days and times that suit your preferences.
Road
Road
Classes
Class
details
Class
enrollment
Day, location
and time
Number
of classes
Confirm
Task 3. Pay fee
Task 3. Pay fee
You can manage and renew your subscription from our app. Choose your favorite payment method, the number of months you want to pay and that's it!
Camino
Camino
Profile
Subscription
Generate
payment
Plan
and months
Payment
method
Confirm
User Flow
User Flow
05
Visual Design
Visual Design
With the idea defined I started to sketch the first screens. After several attempts, adding and removing elements, I started to get used to the wireframes I saw on the sheet.
Then I defined the typography and colors. Although the brand colors were already established, I was free to make a slight adjustment to the yellow so that it could be used on both black and white.
With all the decisions already made, it's time to move forward with the wireframes in Hifi.
With the idea defined I started to sketch the first screens. After several attempts, adding and removing elements, I started to get used to the wireframes I saw on the sheet.
Then I defined the typography and colors. Although the brand colors were already established, I was free to make a slight adjustment to the yellow so that it could be used on both black and white.
With all the decisions already made, it's time to move forward with the wireframes in Hifi.
Wireframe
Lofi
Typo
& Color
Wireframe Hifi
Wireframe Hifi
Wireframes Lofi
Wireframes Lofi
With a credit card to make the borders of the screen and the sitemap on my computer monitor I started to make the first screens of this application.
I tried to make quick ideas, without so much prolixity, because what I was looking for was to settle ideas, not to define them. In this process I realized that there were things that were too many and things that were missing. For example, I eliminated the “Benefits” screen and unified the “News” and “What's New” screens.
Once the main paths were clear, in Whimsical I tried to do the same to make it visually friendlier. I tried to keep the gray and not apply any brand colors yet because I needed to have order and check if the information architecture was clear.
These are some of the results:
Typo & Color
Typo & Color
The chosen typography is Lexend because of its clarity of reading, not being so popular or so used, and the weight of its different variants. With it I can make the main and secondary messages differentiate from each other without any problem.
Regarding colors, the main colors of the brand are yellow and black. Although the yellow currently used is another one, I had the freedom to adjust it slightly to reach a level that could be applied over black and white without fear of losing it. Gray and yellow tones were also included in the palette to generate greater contrasts.
Lexend
Aa
The quick brown fox
jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Light
Regular
Medium
Semibold
Bold
Primary
#F1C431
Secondary
#1D1D1D
White
#FFFFFF
Grey
#929292
Dark grey
#5E5E5E
Wireframes Lofi
Wireframes Lofi
A Home with all the information about the locations, on-site and online classes, your training and the latest news.
From your profile you have full control of your subscription.
You can adjust your data and modify your plan
You can adjust your data and modify your plan
You can adjust your data and modify your plan
Access to all online classes and the possibility of registering for classes at our locations.
06
Prototype
Prototype
When I finished with the +80 screens I added interactivity so I could test it with people and get their feedback on the sensations and thoughts they had when using it.
I gave the prototype to 3 people to try it out and the tasks I asked them to do were to sign up for a class, pay the fee, and start watch training and then see the results on mobile.
This is a summary of the 3 tasks with the conclusions people drew from having to do them.
Testing
Testing
Iteration
Iteration
Enroll in a class
Enroll in a class
Initially there was no option to sign up for classes, only to see more information about the classes. People indicated to me that it would be good if they could sign up. I understood that having to do so gave them a sense of commitment, of being part of it. If instead they only had the information then they could forget (or “forget”) and not attend. After reviewing their comments and adding this functionality I went back to them to review the process.
En principio no estaba la opción de inscribirse a clases, solo la de ver más información sobre las mismas. Las personas me indicaron que sería bueno que puedan inscribirse. Entendí que el tener que hacerlo les generaba la sensación de compromiso, de ser parte. Si en su lugar solo tenían la información luego podían olvidarse (u “olvidarse”) y no concurrir. Luego de revisar sus comentarios y agregar esta funcionalidad volví con ellos para revisar el proceso.
You must select the day,
time and location.
You can then choose
whether to register
for a single class
or several days.
Almost ready,
now it's time to check
that everything is OK.
Challenge met!
¡Desafío
superado!
Challenge met!
You can see each class in detail and register for the classes you want.
You can see each class in detail and register for the classes you want.
From “Classes” you can see
the classes of the day, online
classes, and sign up for your
favorite classes.
Desde “Clases” podes ver
las clases del día, clases online
y anotarte a tus clases favoritas.
Payment of fee
Payment of fee
The idea is for people to have total control of their subscription and payments, to be able to make payments whenever they want and to know when their subscriptions are due just by looking at their profile. In this instance I asked people to try to make a payment of their monthly fee. In this instance there were no major complications, the only thing that was suggested to me for the future is to add a payment history.
The idea is for people to have total control of their subscription and payments, to be able to make payments whenever they want and to know when their subscriptions are due just by looking at their profile. In this instance I asked people to try to make a payment of their monthly fee. In this instance there were no major complications, the only thing that was suggested to me for the future is to add a payment history.
The idea is for people to have total control of their subscription and payments, to be able to make payments whenever they want and to know when their subscriptions are due just by looking at their profile. In this instance I asked people to try to make a payment of their monthly fee. In this instance there were no major complications, the only thing that was suggested to me for the future is to add a payment history.
From “Profile” you can
manage your subscription
and generate payments
for its renewal.
Select which plan
you want to pay
For how
many months
And with which
payment method
And with which
payment method
Fill in the payment information,
check that everything is correct
and that's it!
Watch & Mobile Training
Watch & Mobile Training
The 3 people I tested the product with did not have a watch, so I showed them how the process worked. They thought it was an interesting feature so that their workouts could be recorded, but they asked me if it was possible to achieve something like this only with the mobile app. I thought it would be interesting to incorporate it as a future proposal since it requires a whole new analysis of how to collect the information and how to provide it to the users. This is the process that was shown to people:
The 3 people I tested the product with did not have a watch, so I showed them how the process worked. They thought it was an interesting feature so that their workouts could be recorded, but they asked me if it was possible to achieve something like this only with the mobile app. I thought it would be interesting to incorporate it as a future proposal since it requires a whole new analysis of how to collect the information and how to provide it to the users. This is the process that was shown to people:
The 3 people I tested the product with did not have a watch, so I showed them how the process worked. They thought it was an interesting feature so that their workouts could be recorded, but they asked me if it was possible to achieve something like this only with the mobile app. I thought it would be interesting to incorporate it as a future proposal since it requires a whole new analysis of how to collect the information and how to provide it to the users. This is the process that was shown to people:
In the “My workouts”
page of the app you will find
the list of workouts performed.
En la página de "Mis ejercicios" de la app
encontrás el listado de entrenamientos realizados
In the “My workouts”
page of the app you will find
the list of workouts performed.
By entering the desired workout
you can see the details of the date,
type of exercise, total time, calories
burned and average BPM.
Al ingresar en el entrenamiento deseado podes ver el detalle
de la fecha, tipo de ejercicio tiempo total,
calorías quemadas y BPM promedio
By entering the desired workout
you can see the details of the date,
type of exercise, total time, calories
burned and average BPM.
The exercise starts
from the watch....
The exercise starts
from the watch....
and the partial results
are observed in real time.
and the partial results
are observed in real time.
and the partial results
are observed in real time.
At the end
you can see the final results
and check your history
in the mobile app.
At the end
you can see the final results
and check your history
in the mobile app.
At the end
you can see the final results
and check your history
in the mobile app.
07
Future proposals
Start exercising
from the app
People who do not have an Apple Watch are left out of the functionality to record their workouts with data such as duration, calories burned and beats per second. That is why it could be added a way to count results from mobile. Time and approximate calories could be counted.
People who do not have an Apple Watch are left out of the functionality to record their workouts with data such as duration, calories burned and beats per second. That is why it could be added a way to count results from mobile. Time and approximate calories could be counted.
People who do not have an Apple Watch are left out of the functionality to record their workouts with data such as duration, calories burned and beats per second. That is why it could be added a way to count results from mobile. Time and approximate calories could be counted.
Add
gamification
With the digital badge and the training log, you can track how regularly people train. A gamification program can be created in which members who visit and train the most at the club could receive discounts and/or benefits at local businesses or other training centers.
With the digital badge and the training log, you can track how regularly people train. A gamification program can be created in which members who visit and train the most at the club could receive discounts and/or benefits at local businesses or other training centers.
With the digital badge and the training log, you can track how regularly people train. A gamification program can be created in which members who visit and train the most at the club could receive discounts and/or benefits at local businesses or other training centers.
View all wireframes
View all wireframes
