UXToo many moving parts
Different memberships, class types, coaches, halls and limited spots. Members needed to know instantly what they can book, what it costs them, and how to cancel.
Every way to train, one app.
UX/UI design
for fitness
3F Gym
- Product
- 3F Gym
- Industry
- Fitness
- Platform
- Mobile app
- Languages
- English & Arabic
- My role
- Product Designer
{/}About project
3F Gym runs CrossFit and calisthenics classes. The app brings everything a member does into one place: choosing a membership, finding a class, booking a spot and checking in.
I designed the end-to-end experience, from onboarding and membership choice to the schedule, class details, booking confirmation, bookings and the member pass, in English and Arabic.
Challenges & Solutions
Clear choices, one tap away
A membership chooser, a home that shows your next class, class pages that state spots left and what your membership covers, a one-step confirmation and a member pass with remaining credits.
Process
- 1
Discovery
- Membership types
- Class formats
- Member journeys
- 2
Flows
- Onboarding
- Booking and cancellation
- Waitlist
- 3
Interface design
- Schedule and classes
- Member pass
- Account
- 4
Bilingual
- Arabic layouts
- RTL mirroring
- Shared components
User Flow
The core loop: pick a membership once, then find, book and attend classes from the home screen.
Booking a class should take seconds.
Membership
Choose how you train.
Calisthenics, CrossFit, all-access or gym access only, each shown as a card with what it includes.
Home & schedule
Your next class, first.
The home screen leads with your next booked class, then lists today’s sessions with filters for CrossFit and calisthenics.
Booking
Spots, coach, done.
Class details show spots left, time, coach and hall, confirm what your membership covers and state the cancellation rule before you book.
- “2 of 16 spots available”
- Free cancellation up to 2 hours before
Designed in both directions.
Every core screen exists in English and Arabic, mirrored for right-to-left reading.
UI Layouts
3F Gym
Every way to train, one app.
Memberships, class schedules, booking and a digital member pass for a CrossFit and calisthenics gym, in English and Arabic.Brand presentation
Concept marketing visuals created for this portfolio, showing how the product could be presented.
Design system
Results
13Screens
From sign-in to account, plus Arabic versions.
4Membership options
Calisthenics, CrossFit, all-access, gym.
2Languages
English and Arabic.
1Booking flow
With confirmation, cancellation and waitlist.