Fitness Hut

redesign an app

In this project, it was supposed to redesign the Fitness Hut app, with a specific focus on improving the class booking feature. UI design skills were utilized to enhance usability and visual appeal. Through research, competitor analysis, and wireframing, issues such as confusing navigation and design inconsistencies were resolved. A hi-fi prototype was created, providing valuable insights into the significance of research and wireframing in UI design.

Role
UX Design;
UI Design;
Discovery and Research;
User Journey
Mid-fidelity and High-fidelity design;
Interactive Prototype;

Tools
Figma, Notion, Canva

Team
Individual

Timeline
3 days

overview

the product

Fitness Hut is the largest fitness chain in Portugal, with over 30 gyms nationwide. As a regular user of the app, I became familiar with its core functionality, particularly the class booking feature, which represents the main reason members interact with the platform.

Through personal use and analysis, I identified usability gaps within the booking experience that impacted efficiency and clarity. Given the strategic importance of this feature, I chose to redesign the app with a focused objective: improving the reliability, flow, and overall user experience of the class scheduling system.

understanding

ui issues - original app

Beyond visual design issues, the app presented functional breakdowns specifically within the booking and cancellation flows.

Users reported recurring errors when attempting to:

  • Schedule a class (failed confirmations, duplicated bookings, or no system feedback)

  • Cancel an existing reservation (error messages without explanation or action guidance)

  • View real-time availability (inconsistent updates between screens)

These issues created uncertainty and reduced trust in the system. When the core feature of a product fails, the overall experience collapses.

To address this, I proposed a redesign of the booking architecture focused on:

  • Clear system feedback after each action (success, pending, error states)

  • Preventing duplicate or conflicting bookings

  • Simplifying the cancellation flow with explicit confirmation and updated status visibility

  • Improving error messaging to be actionable instead of generic

The goal was not only to fix technical friction but to restore user confidence in the platform’s core functionality.

ORIGINAL APP USER FLOW

HOME

  • Small QR code

  • Some icons used are not clear in representing their respective functions

  • The overall design lacks a modern touch.

  • Inconsistency between the icons and the brand they represent.

  • Moreover, the menu bar contains an excessive number of features, I would adress in future steps to streamline the user experience.

TRAINING

  • Again, some icons used are not clear in representing their respective functions and are not consistent with the rest of the design.

  • These tools are not very used by the users, maybe they need an improvement to encourage the users to use them more.

RESERVATIONS

Clicking on the booking button, you have options for different classes, indicated by different colors. I asked the gym staff, but even they couldn’t explain the meaning behind the colors.

The problems seen on the booking page are also presented on the reservated page on the right, and the design could have a modern update.

BOOKING

When you click on a class, there’s a brief explanation of what the class is about. However, for a first-time user, it can be challenging to understand the actual experience since the images don’t correspond to the class. There’s only the company logo.

BOOKING CONFIRMATION

After completing a booking, only the date of the class is displayed, making it unclear about the specific time and the day of the week.

the design process

competitor analysis

I conducted a competitive analysis using Gympass and Bodytech as benchmarks, focusing on booking flows, feature organization, navigation patterns, and visual hierarchy. This comparison helped validate design decisions and identify opportunities to improve clarity, efficiency, and usability within the Fitness Hut class booking experience.

BodyTech App

Gympass App

the moodboard

For the redesign of the Fitness Hut app, I created a moodboard centered on strong blue tones, reinforcing the brand’s existing color identity while making it more dynamic and impactful.

The visual direction was tailored to Fitness Hut’s audience: active, goal-oriented users looking for energy and motivation. The moodboard helped define a bolder, more confident visual language aligned with the fitness context and user expectations.

Moodboard

the final project

hi-fi wifreframes

Redesigned flow

key learnings & next steps

This project strengthened my understanding of how research, wireframing, and competitor analysis directly shape interface decisions and overall product quality.

As next steps, I would deepen user interviews to validate assumptions, refine and complete the booking flow, expand key features, and conduct structured usability testing to ensure reliability and clarity across the experience.

This process reinforced the importance of designing beyond visuals, focusing on systems, user behavior, and continuous iteration to create meaningful digital products.

previous
next