Fitto is an app that help users stay motivated on a daily exercise routine with dynamic and fun workouts
My role on Fitto
UX design
UI design
Tools
PROJECT
PROJECT
About Fitto
Fitto is an app that help users stay motivated on a daily exercise routine with dynamic and fun workouts
Created in 4weeks during an online UI specialisation course.
I chose to work on a health related app as I really enjoy working our and find difficult to stay motivated overtime.
Finding exercise routines for your level can be difficult, especially if you want to try something new. How can we encourage users to exercise and stay motivated on a regular basis?
PROBLEM
Create a responsive app that motivates user into an exercise routine suitable to all level, schedule, and interests.
OBJECTIVE
SOLUTION
Create a responsive app that offers fun and dynamic workouts that fit user schedule, level and environment.
Other features such as “challenges” and “progress” tracking will ensure the user stays motivated.
DESIGN
DESIGN
Low fidelity wireframes
Grid and layout
-
Number of columns

 -
Offset

-
Margin
To improve clarity and create consistency across different responsive designs, a system of 4 grid columns was selected and used on Fitto.
Mobile grid
14 pt
4
18 pt
STYLE GUI
STYLE GUIDE
Moodboard
A mix of colourful illustrations created by Julie Guillot and images (found on Unsplash) have influenced the selection of colours used on Fitto.
I have noticed that available apps on the market tend to use dark or agressive colours. With a bright, vibrant colour selection, Fitto stands out.
UI kit
Colour palette
Fitto colour palette was selected following a panel of various emotions that would 
evoke trust, motivation and positivity...
HEX: 6993FF
HEX: FF84A9
HEX: FF9A98
HEX: F3C764
HEX: 222846
HEX: BABFD4
HEX: FFFFFF
Fonts
This neutral, flexible, sans-serif typeface is the system font used on Apple products.
Easy to read and available in different weights, SF is perfect for Fitto need and make sure it looks familiar to the user.
Icons
Fitto icons have been created by ​Adrien Coquet from the Noun project.
​
​
MOBILE AP
MOBILE APP
Registration process
To ensure the user gets the best experiemce while using the app, Fitto will display only relevant workout and information following the data loged during the registration process.
Dashboard
The dashboard is a summary of most relevant information and features with the option to navigate to different pages via the menu.
An overview of the user weekly performance is also display to encourage the user.
Challenges
The user can access a library of challenges available on the app.
If a challenge has been selected and started, a timer will be display to make sure the user complete it.
Users can value their performance by looking at their ranking position available at the bottom of the page.
Workout
A vaste selection of live classes and workouts are accessible for the user to choose from.
An option to share workout performances is available to create friendly competition and stimulation between users.
Progress
Progress tracking can be view as weekly, monthly or yearly so the user have a good overview of progress made while using Fitto.
RESPONSIV
RESPONSIVE DESIGN
Conclusion
Final results
I am very pleased with the final results and look of Fitto. I am amazed that this project came to life in less than 4 weeks. I am very proud of the prototype animations.
My original idea was to make a product that could be designed by Apple but I managed to create unique app.
Challenges
Not being able to test the design on potential users have definitely been a challenge. This have made me realise how important it is to conduct usability testing, A/B testing and even preference testing to see how people interact with the app.
If I had to start over
If I had to start over, I would watch a lot of videos on how to use Figma before starting the project as I learnt how to use it while building the project and it had been overwhelming at times.
​
I would also spend more time thinking about potential animation and look at other designers work for inspiration.
Check out my latest work
UI Project
Fitto - Responsive app
Fitto is an app that help users stay motivated onto a daily exercise routine with dynamic and fun workouts
​
Graphic design
Retro Branding
Discover Retro, the homeware brand located in the heart of trendy James Street. This fictive brand is inspired by the Bauhaus movement, and invites you to discover a colourful and unique universe.
Ux Project
Shuki - Native app
Shuki is an app that helps women take control of their cycle by providing support to ensure they get better understanding of their reproductive health
Graphic design
RS Chocolaterie
Chocolate truck concept located in suburbs of Paris and created by Romu Sadoine in 2020
​
​
​