An app for discovering fitness clubs and booking workouts
Adrenaline
Project Overview
Adrenalin is a redesign of the FreeFit app, a platform enabling users to book workouts and access fitness clubs. The redesign focused on improving the search flow by adding advanced filtering options, enhancing usability, and modernizing the UI to better meet user needs.
Product Designer
Tools
Figma
Team
Individual
Year
2021
The Problem
The search functionality in the original app was limited, allowing only searches by location or map
Users struggled to find training locations without knowing specific names
The interface lacked filters for amenities, time, and cost
The Solution
Redesigned the search flow with advanced filtering options such as parking, lockers, and activity time.
Added a favorites row and recent bookings section for quick access.
Enhanced usability with a modern, clean UI.
Goals
Enhance User Experience
Simplify the process of finding and booking workouts.
Increase Engagement
Encourage repeat bookings through favorites and history sections.
Boost Search Accuracy
Improve search relevancy through refined filtering options.
The Process
Screens
I designed the splash screen with a logo featuring the letter "A" for Adrenalin. The bright pink color (#FF0099) represents energy and excitement, matching the app's dynamic nature. This vibrant hue creates a strong visual impact and evokes a sense of motivation.
The home screen combines discovery with personalized content tailored to the user's profile. The system learns the user's fitness preferences and suggests activities based on their interests. Additionally, users can filter the display by categories such as locations (e.g., gyms) or specific activities (e.g., Pilates reformer)
The search screen combines a traditional search bar for finding specific locations with a map-based, geolocation search for exploring areas visually through an interactive map.
I added precise filters that allow users to refine their search results. These filters include sport types, locations with specific amenities, and a start and end time range for activities, enabling users to quickly find the most suitable options for them.
The search results will allow users to assess whether a location fits their needs without entering the full details page. This is achieved by displaying workout times, venue ratings, address, and distance from the current location.
I added the option to sort search results by the following criteria: closest locations, favorite venues, and available spots.
In the profile screen, I added a tracker displaying the number of weekly or monthly workouts, based on the user's answers during onboarding. Additionally, I included a calendar feature that visually presents the user's completed workouts for the month and allows for planning future workouts in advance.
Colors & Typography
Colors
Electric Fuchsia
FF0099
Primary Brand
CTAs
Focused/Active states
Midnight Charcoal
#121212
Backgrounds
backgrounds
Frosted Pearl
F8F8F8
Text
BORDERS
Body text
Cloudy Mist
#EBEBEB
Buttons
buttons
Typography
Header 3
Family: SimplerPro_Alte
Weight: Bold
Size: 14px
Body
Family: SimplerPro_Alte
Weight: Medium
Size: 14px
Button Text
Family: SimplerPro_Alte
Weight: regular
Size: 15px
