GYMFIT YOUR VIRTUAL GYM
Build an online platform to perform training routines with a personal trainer
Timeframe: 3 weeks speed
PROJECT CONTEXT
Gymfit is a startup based in California. They started by uploading fitness videos to YouTube, but they don’t have their own mobile app so they are limited to YouTube users and those who know about their channel.
As the company continues to grow, they are looking to:
- Create a competitive mobile application against other players in the industry
- The app should have the potential to increase global scalability
- Create a social environment for potential and current gym users to build community
RESEARCH & FINDINGS
Analyze the importance of user needs, create an elevating and user-centric experience. Use feedback to identify new design opportunities.
User Interviews
We wanted to know more about the users who would frequent GymFit and how they would best benefit from their new app and live workout functionality.
A few trends found after research from target audience:
Users who like sports but lack the time necessary to train
Users focus on losing weight and getting fit for the summer
Those with health problems who wants to improve their physical conditions
Users who spends many hours in the gym and wants to increase muscle mass even more
Focusing more on the strategy for the website, as user needs we found:
- The app should provide a way to choose and customize the type of exercise the user wants to workout
- It is essential that the user can plan customizable exercise reminders
- The app should have a specific section for live routines
Learning this information helped us realize that building trust with users and recreating the online gym experience as best as possible would be the top priority in the design, especially if we wanted users to use the new app.
Competitive & Comparative Analyses
Through these analyses, we wanted to see what makes Gymfit unique and what other players in the industry do well.
A feature analysis between competitors illuminated Gymft’s opportunities to provide an experience consistent with competitors, as well as areas that set Gymfit apart (live routines, community features, remineders, etc.).
Content and Interaction Map
Following this research on the user and needs that our website should cover, we develop the content and iteration map. This helps us structure and organize the website’s content.
First we brainstormed to expose on a piece of paper what the categories of our applications would be. Then we linked the categories to create our maps.
As main areas we highlight:
- Routine index: This is one of our main app sections, where users select the type of routine they want to perform
- Live routines: They can follow a live workout with Gymfit instructors
- Daily reminders: They can set exercise reminders
- Calendar: Where users can consult current and past information such as kcal, intensity or movement time
- Nutrition plans
Information Architecture Validation
To check if the website structure exposed in last step is appropriate, we carried out and Information Architecture study.
These findings helped articulate the skeleton of our new app, as well as the paths the user will follow to achieve their goals within the GymFit app.
This analysis consists on saw how users would naturally navigate through our interface.
Here are the questions that we asked. The path followed to reach the answer was analyzed.
- Imagine that you are an athlete. Set a reminder for next week on the calendar
- How do you select an arm routine?
- Select a routine for beginners users
- Enter the app and start watching the routine live
- Go to the calendar calendar and check last week’s kcal
- Update your calendar
- Follow Gymfit on social media
This is the navigation that people clicked on:
We included this Age Demographic question. It’s not completely necessary but it’s nice to know what the ages were:
Overall results were 93% successful. So, out of all these people taking the survey, 93% answered questions correctly.
Here is a task-by-task overview of the results. We see that questions 2 and 3 have been the ones where users have had the most problems finding the answer.
So let’s go through these two problematic questions one at a time.
2. How do you select an arm routine?
Fail: 13 % got it completely wrong. It is really not that high a percentage, but it is important to minimize possible errors.
So where did they click instead?
So you can see that Live Routines section was one section where a lot of people got stuck.
So what did we learn here? Users may have been confused when trying to search for a live arm routine. Here we should be more user specific.
3. Select a routine for beginners users
Fail: 29 % got it completely wrong. This percentage is too high, we should improve it.
So where did they get hung up?
A lot of people went to Intensity section. We realized that the problem was the name and concept of the words “intensity” and “level”.
The similarity of these concepts can create confusion for the user.
DESIGN & IDEATION
Creation of an online gym, with access for all kind of users, beginners or advanced. Also with professional monitoring.
Wireframes
This is the first step to start structuring the content of our application. The previous step to create our prototype and begin to give life to these ideas that respond to the user’s needs.
Homepage:
- Highlight the routine selection process: We tried to simplify it; We want to make it quick and effective for the user
- Focus on building trust with the new live routines, by highlighting that they are carried out by experts instructors
- Show information about how GymFit cares for the health of its athletes, quality assurance and customer service
- Calendar and Reminders: We want to offer the user the possibility of consulting all their workout data here. Also provide a tool that allows users to customize and schedule reminders for their daily life
