1. Project Overview:

<aside> ✏️ SalsaFit Gym is a small, real gym and dance studio in Bucharest, offering group classes like Zumba, Salsa Cubana, Pilates, and Qi Gong. Its current website (salsafitgym.ro) has no digital booking system — every class reservation happens manually through WhatsApp.

This project redesigns the booking experience end-to-end: from spotting the problem in the live site, through research, user flow mapping, wireframes, and a full visual design system.

</aside>

2. Problem Statement:

<aside> ✏️ Problem: SalsaFit Gym members have no digital booking system for classes — every reservation happens manually through WhatsApp, with no visibility into class availability.

</aside>

<aside> ✏️ Impact: Wasted time in back-and-forth messaging, late or unconfirmed bookings, and an inconsistent experience for users who want a quick action.

</aside>

3. Goals and Objectives:

<aside> ✏️

• Remove the manual WhatsApp booking process entirely
• Give users instant visibility into class availability before they commit to an action
• Let users complete a booking in a single tap, without waiting on a reply
• Establish a visual identity (logo, color, typography) that reflects the studio's mix of energetic and calm classes </aside>

4. Research:

<aside> ✏️

Insights (flow/UX)

• Booking happens 1-on-1 via WhatsApp, per class
• No visibility into available spots before messaging
• The existing mobile app doesn't cover bookings — the process stays fully manual
• Reviews praise the space and atmosphere, but no one mentions the booking process positively </aside>

<aside> ✏️

Insights (visual/UI) Beyond the booking flow, the current site also has clear visual and usability issues:

• Outdated visual style, dating back to a 2010-era static layout
• No consistent color palette or visual hierarchy — offers and information compete equally for attention
• Not optimized for mobile — small tap targets, inconsistent typography, non-responsive layout </aside>

The current process: six manual steps, with an unpredictable wait before the user ever finds out if a spot is available.

User persona: designed around Andreea, a 27-year-old who decides last-minute and expects to book in seconds, not minutes.

Proposed flow: a four-step process where availability is visible from the start, so the user always knows the outcome before taking action.

5. Ideation:

<aside> ✏️ Before any visual design decisions were made, low-fidelity wireframes were used to test the structure of each screen — confirming what information belongs where, before adding color, type, or polish.

</aside>