UI/UX DESIGN
GYMPANION
OVERVIEW
Project brief
Gympanion is a mobile app that helps you start and keep a healthy lifestyle through physical activity and healthy nutrition plans. With gympanion, users can start a customizable workout plan, workout with or challenge each other, and have simple plan for your food.
Problem
Going to the gym is something that people have a hard time doing. Some people don't have the time, energy, money or reason to start and keep going. These issues need to be be solved to have a healthier life.
Goal
Creating an engaging user experience and as simple interface that encourages the user to be active and keep going.
Tools
Figma, Figjam
PROCESS
1
Empathise
Gain real insight into users and their needs
2
Define
Define the problem statement in a human-centered manner
3
Ideate
identify innovative solutions to the problem
4
Prototype
produce a number of scaled down versions of the product
5
Test
test solutions to derive a deep understanding of the product and its users
Empathise
Research
Specific target users were interviewed as a primary research which was followed by a secondary research to confirm the key findings. my goal was to understand the reasons people have to go to gyms, the emotional obstacles that make people give up midway, and how could I make the gym experience so fun and encouraging.
Key findings
- People go to gyms to feel fit and active more than any other reason
- Social anxiety and financial state can be a problem sometimes
- Seeing progress through selfies is encouraging
- Some people don't have space for equipment at home
- Having a workout partner makes things easier
- Robotic AI voice is not liked by most people
"It's all about six packs and big muscles. all the ads and media. I don't care about that. I just want to be fit and healthy"
Participant
Define
What does the product do?
It helps you start and keep going with a customizable workout plan, workout with or challenge people, find nearby gyms and contact them, learn about each workout you're doing, and have simple plan for your food.
Why should the user care?
It has almost everything that will keep you encouraged and active to start, keep going and improve without having to do anything you don't like.
Ideate
Competitive audit
Competitive audit was conducted to understand the approach of the top direct and indirect competitors and to discover what worked for them to try to incorporate their strategies on my app. some of the good things that I found was the weekly goals, voice guidance, simplicity, x-ray and realistic animations. on the other hand, the bad things they had were the bad choice of colors, complicated navigation, and not having enough customizability.
Prototype
User flow
Before starting to prototype, I created a flowchart to define each route, step or decision the user might take to ensure that every step will go smoothly without issues.
Information architecture
Content was structured in the simplest way to make sure everything was designed in a simple way without missing a screen that's valuable to users.
Paper wireframes
I simply used pencil and paper to create wireframes to use them as blueprints before spending time on mock-ups and actual design elements, and to ensure that I'm heading in the right direction.
Lo-Fi Prototype
To make sure the design concept works as intended, a lo-fi prototype was created for testing. after feedback, the concept was optimized and altered to meet the user expectations to take a step forward to design elements.
Design elments
Every element used in this project was created to match the brand identity and the concept of the app. Colors were chosen to imply activity and energy. The theme is dark and classy. Typography was chosen to be strong and sharp.
COLORS
TYPOGRAPHY
Hi-Fi Prototype
High fidelity prototype is created using the proper design elements and maintaining the same strong and energetic atmosphere across all screens. The prototype is ready to move to the next stage now.
Test
Usability study
Because user is the center of our design process, testing is done in every step of the prototype. It's a loop going back and forth trying to achieve the best outcome every time. usability study tests how the user sees the product. it allowed me to improve the app and make it simple and quick to use.
Prototype
Test
Final product
What have I learned from this project?
Sense of achievement, seeing progress and doing an activity with someone, are important driving forces that keep you going. and to "keep going" is the most crucial part of every activity in our lives.
MORE PROJECTS
