First Step
UX/UI Design
2024
Methods:
User Research, Wireframe, UI Design,Usability Testing
Toolkit:
Figma, Photoshop
First Step
UX/UI Design
2024
Methods:
User Research, Wireframe, UI Design,Usability Testing
Toolkit:
Figma, Photoshop
First Step
UX/UI Design
2024
Methods:
User Research, Wireframe, UI Design,Usability Testing
Toolkit:
Figma, Photoshop
Introduction
Introduction
Discover how I address the challenges of first time gym goers through innovative design. In an era where personal fitness is so mainstream, and anxiety is on rise, going to the gym has never been this intimidating
Discover how I address the challenges of first time gym goers through innovative design. In an era where personal fitness is so mainstream, and anxiety is on rise, going to the gym has never been this intimidating
My Role
My Role
User Experience
User Experience
User Interface
User Interface
User Research
User Research
Usability Testing
Usability Testing
Wireframes
Wireframes
Prototypes
Prototypes
Designs
Designs
Survey
Survey
Originally, I planned on asking people at a local gym however, it was difficult to find new gym goers additionally, not everyone was in the mood to answer a survey. I adapted and decided to post my survey to reddit. I targeted the subreddit r/beginnerfitness where I was able to get 18 replies.
Originally, I planned on asking people at a local gym however, it was difficult to find new gym goers additionally, not everyone was in the mood to answer a survey. I adapted and decided to post my survey to reddit. I targeted the subreddit r/beginnerfitness where I was able to get 18 replies.
Some key findings
83% of respondents admitted to feeling anxiety about going to the gym
72% of respondents prefer going to the gym with a friend
User Interview
User Interview
In addition to the survey we also conducted a user interview with Laura, a 21 year old student at U of T in hopes to get a more detailed understanding of the problems new gym goers face.
In addition to the survey we also conducted a user interview with Laura, a 21 year old student at U of T in hopes to get a more detailed understanding of the problems new gym goers face.
Do you feel anxious about going to the gym?
All the time... Especially when I first started. When your beginning it feels like everyone watching you and laughing at your mistake even if nobody is.
All the time... Especially when I first started. When your beginning it feels like everyone watching you and laughing at your mistake even if nobody is.
Do you workout with a buddy?
Sometimes and it’s great I feel way less nervous but people are busy my schedule doesn’t always line up with my friends.
Sometimes and it’s great I feel way less nervous but people are busy my schedule doesn’t always line up with my friends.
Problem
Problem
Many beginners struggle with anxiety when starting their fitness journey, facing obstacles such as confusion over workouts, fear of judgment at the gym, time constraints, and lack of motivation.
Many beginners struggle with anxiety when starting their fitness journey, facing obstacles such as confusion over workouts, fear of judgment at the gym, time constraints, and lack of motivation.
Approaching a Solution
Approaching a Solution
A beginner and educational gym app that helps people feel more comfortable in the gym while keeping them motivated through gamification
A beginner and educational gym app that helps people feel more comfortable in the gym while keeping them motivated through gamification
Comparative Analysis
Comparative Analysis
First Step's biggest stand out factors are it's virtual gym buddy, exercise breakdowns, and pre-made workouts.
First Step's biggest stand out factors are it's virtual gym buddy, exercise breakdowns, and pre-made workouts.
User Flow and Architecture
User Flow and Architecture
Leveraging the findings from our research, I mapped out a generic flow for how the user can interact with the app. I wanted to show the journey from signing up too unlocking your first achievement.
Leveraging the findings from our research, I mapped out a generic flow for how the user can interact with the app. I wanted to show the journey from signing up too unlocking your first achievement.
Wireframes
Wireframes
I followed up the flows by creating mid-fidelity wireframes of the flow.
I followed up the flows by creating mid-fidelity wireframes of the flow.
Solution
Solution
A welcoming/beginner friendly gym app made to help people feel more comfortable at the gym.
A welcoming/beginner friendly gym app made to help people feel more comfortable at the gym.
Learning Outcomes
Learning Outcomes
First Step has been one of my favourite and most difficult UX/UI project so far. It was the biggest user flow I've tackled and I've learned a lot throughout this project. Firstly, I really feel like my visual design skills have improved throughout this case and I'm quite happy with the UI. Finally, this project really helped me reinforce just how necessary iterative design is in UX.
First Step has been one of my favourite and most difficult UX/UI project so far. It was the biggest user flow I've tackled and I've learned a lot throughout this project. Firstly, I really feel like my visual design skills have improved throughout this case and I'm quite happy with the UI. Finally, this project really helped me reinforce just how necessary iterative design is in UX.
This is the end of the project, but you can also check out:
This is the end of the project, but you can also check out: