Business websites
Gym website example for an independent strength club
Big gym chains sell price; a small strength club sells coaching and people. This three page example for an invented Geelong West club leads with a full photo hero, shows three weekly memberships with no lock-in, puts the class timetable on its own page and ends every page on one offer, a free first week.
The home page at three widths
The same page on a desktop, a tablet and a phone, exactly as it renders. Scroll inside each frame to read it all; nothing here can be clicked or submitted.
The timetable page
Page by page
- Home /
- Hero (full photo), Features (icon cards), Gallery (featured), Pricing (plan cards), FAQ (side heading), Call to action (band)
- Timetable /timetable
- Hero (centred), Events (list by date), Call to action (card)
- Join /join
- Hero (centred), Contact (centred form)
- Privacy policy /privacy
- Text (single column), 5 in a row
- Terms of use /terms
- Text (single column), 5 in a row
The pages and sections
The home page opens with a full photo hero, then four icon cards for what members get, a featured gallery of the floor, three plan cards with the unlimited plan highlighted, a side heading FAQ for beginners and a closing call to action band. The timetable page lists each class with days, times, the area of the gym and one sentence on what happens in it. The join page is a centred form that books the induction.
Fitting it to your gym
Replace the timetable rows with your real classes and keep the one sentence descriptions, since newcomers choose by what happens in the session. If you charge a joining fee, say so in the pricing intro rather than hiding it. Use your own photos as soon as you can; a member recognising the rack they lift on is worth more than any stock image.
What makes this website work
One offer, repeated
The navigation button, the hero, every membership card, the timetable page and the closing band all point to the free first week. A visitor who is not ready to pay can still say yes to something, and the gym gets a name and phone number.
Weekly prices with the contract terms beside them
The plan cards show $22, $39 and $190 with "no joining fee and no lock-in" in the intro. Fear of a long contract stops more people joining a gym than price does, so the terms sit next to the numbers instead of in a footnote.
Dark theme with a condensed display font
The Ember palette in dark mode and the Big Shoulders headings suit a barbell gym, and they make the photos of racks and sleds look like the place itself. It is a deliberate contrast to the white, bright look of most fitness chains.
Questions people ask
What makes a good gym website?
Clear prices, the contract terms, what a first visit looks like and the class times. This example puts memberships on the home page with the no lock-in terms, a free first week with an induction as the main action and the full timetable on its own page, so nobody has to message to find out.
Can I show membership prices without a pricing table?
The pricing section has three layouts: plan cards, a comparison table and a single offer. This gym uses plan cards because the three memberships differ in kind, not in a long list of features. A gym with many shared features might choose the comparison table instead.
How do free trial sign ups arrive?
The join page has a contact form with name, email, phone and a message asking when they can come in. Each sign up goes to the site's message inbox with an email and a push to the owner, and the inbox exports to CSV for a follow up list.
Can the timetable be updated each term?
Yes. Edit the event rows on the timetable page in the builder, or ask the AI chat to change a time, and publish. Each publish is saved as a version, so last term's timetable can be restored if a change goes wrong.
Why is the site dark?
Every palette in the library has a light and a dark version, and the generator chooses dark for nightlife, luxury and tech brands or when you ask for it. This gym uses the Ember palette in dark mode because it matches the room. The colours keep text contrast at the WCAG AA level.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther website examples
Physiotherapy clinic website example with a pilates timetable
A physio site has to answer "can you fix this" and "can I claim it" in the first minute. This example for an invented Brunswick clinic leads with the length of a first appointment, lists every fee, and gives clinical pilates its own page with the weekly class times and two passes.
Childcare centre website example with daily fees by room
Parents choosing childcare want to see a day, know the fee and understand the subsidy, usually all on a phone during a lunch break. This three page example for an invented Toowoomba centre shows a day in three photos, lists the daily fee for each room and explains the Child Care Subsidy and free kindy in plain words.
Church website example written for a first visit
The person who visits a church website is usually thinking about coming for the first time and wants to know what happens. This one page example for an invented North Hobart parish answers that before anything else: the two services, how long they run, what the children do and where the ramp is.
For everything this generator can do, see the website maker.
Written and checked by the OneCraft team. Last checked .