top of page

UI/UX CASE STUDY

UI/UX CASE STUDY
By Ahmad Fahmi
2023
FitFlow cover
About
A fit mind has a fit body, and a fit body has a fit Mind. Keeping this ideology, FitFlow, your ultimate fitness companion was designed to elevate your well-being and unlock your full potential.
Abstract Cover 1
PROJECT OVERVIEW
Problem
The reason number one why a lot of people don't workout regular is the lack of motivation to start his journey to a healthy lifestyle, still it's hard to find a quality app and training program.   
Goal
The main goal was to create a unique app design for workout routines and fitness training programs to maximize the users engagement through simple sections and inspired interfaces.   
Idea
FitFlow will help amateurs who train on their own at home, in a gym, or on a sports ground to get an effective training program and monitor progress. This provides by personal composing of training programs (which are based on the user's goals), and training mode that replaces a real coach.   
Research
During the research phase, I wanted to achieve a few goals.
01
Find a way to motivate users for regular exercises to stay fit.
02
Determine user's biggest frustrations in other fitness apps.
03
Understand how to people to work out without a coach and achieve best result.
04
Defines people's behavior while searching for workouts.
Abstract Cover 2
Flow into Fitness
Scope of Work
Scope of work.png
Information Architecture
Information Architecture.png
Wireframes
Wireframes mockup
Abstract Cover 3
DESIGN
selective-focus-point-dumbbell-equipment-fitness-gym-black-dumbbell-set-close-up-many-meta
Style Guide
Aa
Poppins
Bold
Medium
Regular
Style of Guide.png
Welcome & Onboarding
Welcome screen offers you to create account or sign in. Onboarding helps users to understand the functionality and determine for themselves its usefulness.
FitFlow Sign In Screen
FitFlow Set Up Screen 1
FitFlow Set Up Screen 2
FitFlow Set Up Screen 3
FitFlow Set Up Screen 4
FitFlow Set Up Screen 5
Home & Workout
We have developed an interface that will allow users to find the right training programs, dive deeper into the topic and not lose motivation. we have created a short clip for preview, with virtual coaches will guide you through out the selected program.
FitFlow Home Screen
FitFlow Home Screen 2
FitFlow Home Screen 3
A well-chosen set of physical workout for the home is a great alternative to systematic trips to the gym. We offer a variety of workout exercises that vary in time and intensity.
Also, you can choose the workout that suits you. On the screens, you can view all available workouts and choose the most suitable option.
FitFlow Workout Screen
Statistics
In order for the user to dive deeper into the topic, users can see the progress and statistics. To keep users motivated, FitFlow helps users to keep track of their daily intakes and work out. This will help them be aware and modify the changes needed for better health.
FitFlow Stats Screen
FitFlow Stats Screen
Profile & Setting
Customize the application for yourself. Change your profile picture, keep track of your personal information and goals, set and manage reminder and view all your friends.
FitFlow Setting Screen
FitFlow Profile Screen
Wave Cover 4
Let's flow together towards a fitter, better you!
App Store & Play Store vector
Compilation screen mockup 2.png
bottom of page