A fitness studio website designed to turn first-timers into regulars

1. 01

   Formats are compared one at a time

   A curious first-timer does not know whether they want reformer, mat or a private session. 3 buttons swap one description in place, so the visitor compares formats without a dense table of class names and prices.

2. 02

   The first visit is spelled out before anyone has to commit

   Say hello, find your format, take your time. A nervous beginner reads this sequence and knows what will happen at the door, and that is most of what they need to walk in.

3. 03

   Electric blue, hot pink and a photograph of the room

   A saturated blue page, a pink accent and crisp sans-serif type make the studio look confident and precise. The hero photograph of the room keeps it human, which matters to someone deciding whether to walk in for the first time.

4. 04

   The header shrinks once you scroll

   On a phone the hero takes the whole first screen, so the header compresses on scroll and keeps the Start here link within thumb reach. The menu opens without any script, so it works even on a slow connection.

• Class formats explained one at a time, with who each one suits
• A schedule, or a clear way to ask for one, that reads on a phone
• What a first visit involves, from the door to the end of class
• Pricing or intro offers, stated plainly, or a clear way to ask
• Location, parking and what to bring or wear
• A Book button that opens the scheduler you already use, or a request form that emails you each one

See how FreeWebGuy builds a website for fitness studios.