Concept build · Salmiya
Shadd Athletic Club Gym website design for Salmiya, a concept build
Shadd Athletic Club is an imaginary strength and fitness club in Salmiya, Kuwait, with a men's floor, a separate ladies' floor and kids classes. Its coaches, classes and prices exist only in the demo, yet the homepage behaves the way a club's own site should: the weekly timetable filters, the Ramadan switch swaps the whole week, a trial hold takes a place off the count and the membership builder totals a plan in Kuwaiti dinar.
A concept build: Shadd Athletic Club is a fictional brand we created to show how we design and build a gym website for Salmiya. It is not a client and not a real company; our client work is on the work page.
The complete homepage, live
Both frames run the real site. Scroll inside them, try the weekly timetable of 32 classes with filters for floor, time of day, class type and level, a live count of what is showing and an animated reshuffle as filters change, or open it in a new tab.
How we designed a gym website for Salmiya
The timetable is the hero
People choosing a gym in Salmiya want to know whether a class fits their week before they read anything else. So the hero points straight at the week, and the timetable follows it: seven numbered day columns with times, coaches, levels and a bar showing the places left. On a phone it becomes a day picker that opens on today, with the filters folded into one row.
One colour for each floor
Red always means the men's floor, steel blue the ladies' floor and black the kids and family classes, in the timetable, the floor cards and the booking form alike. A visitor can scan the week for their own floor without reading a label. The ladies' floor then gets its own band on women coaches, private changing rooms, no cameras inside and a separate side-street entrance.
A real Ramadan week
In Kuwait the gym year changes shape for a month, with training moved to the hours after iftar. A switch on the timetable swaps in the late-night Ramadan week, turns the poster band black, updates the opening hours in the builder and remembers the choice for the next visit. The Ramadan band lists the hours before iftar and after it, floor by floor.
Pinned to the club noticeboard
The page is designed like a sports poster pinned to a club noticeboard: solid blocks of track red, steel blue and black on chalk, tall condensed Big Shoulders Display type and huge numerals. The photographs show the floors and classes from behind, with no faces.
What the homepage includes
- Hero and weekly timetable
- Two floors
- Ladies' floor
- Membership and builder
- Free trial booking
- Personal training
- The floor
- Ramadan nights
- Kids and family
- Visit and map
- Health note and FAQ
- Closing call to action
Features and interactions
- Weekly timetable of 32 classes with filters for floor, time of day, class type and level, a live count of what is showing and an animated reshuffle as filters change
- Ramadan switch that swaps in the late-night week, changes the hours shown and is remembered on the next visit
- Day picker on phones that opens on today, with arrow-key navigation, and a 'Filter classes' row that folds the filters away
- Tap any class to hold a trial place: a short form opens, the places left drop by one and the held class appears in the membership builder (nothing is sent)
- Membership builder for term, floor, personal training, extra freeze days and a kids pass, with the total in Kuwaiti dinar and the two-part instalment shown on 6 and 12-month plans
- Four-step free trial booking that offers the real classes on the chosen floor and day, plus personal training and corporate enquiry forms (none of them send anything)
- Headlines that rise in line by line, timetable numerals and capacity bars that fill on arrival, and smooth scrolling, all of which stay still on a phone or computer set to reduce motion
The whole page, top to bottom
Palette and type
- Chalk #F4F2EC
- Track red #C33A2C
- Steel blue #4D6B82
- Rubber black #191919
- Concrete #C9C7C1
Type: Big Shoulders Display, Barlow, Cairo.
Languages: English.
How it is built
- Hand-built HTML, CSS and JavaScript, no framework
- GSAP 3.15.0 with ScrollTrigger, SplitText and Flip
- Lenis 1.3.26 smooth scrolling
- Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
- Big Shoulders Display and Barlow from Google Fonts, with Cairo loaded only for the letters of the Arabic name
- Homepage weight about 650 KB on desktop and about 440 KB on a phone, measured on our machine on 28 Oct 2026
Need a gym website like this?
We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into gym websites, our web development service, our website prices and how we work with businesses in Kuwait, or browse every concept build.
Questions
How should a gym in Kuwait show its classes and prices online?
Put the class timetable high on the homepage, with times, coaches, levels and how many places are left, and give the prices in Kuwaiti dinar with what each plan includes. Then cover the opening hours for each floor, the free trial or day pass, parking and how to find the club. A short health note and a FAQ answer the questions the front desk hears every day.
How should a gym website in Kuwait present a ladies' floor?
Give it its own section rather than a line in the facilities list. Women deciding on a club look for a separate entrance, women coaches, private changing rooms and whether anyone can see in, so say each of these plainly. A separate contact for the ladies' team and a way to book a visit to the floor before joining help too.
Should a gym website in Kuwait have a Ramadan timetable?
Yes, if the club changes its hours for the month, which most do. Members want to see the sessions before iftar, the late-night classes and the closing times for each floor without calling. A switch that changes the whole timetable keeps one page up to date instead of a separate notice that goes stale.
More concept builds
Websites
Want yours built like this?
Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.
Every rupee you spend with us has to earn its keep.
