Skip to content
vaasalstudioVaasal StudioChat
All work

Spec build · not a client

Site for a combat sports and fitness club

A page that turns an Instagram view into a booked trial session, with the enquiry landing on WhatsApp.

Open the live demo
Client
Spec build — not a client project
Year
2026
Build time
1 – 2 weeks

The problem

  • MMA clubs, boxing gyms and fitness studios post good video and get real reach on Instagram.
  • Someone watches a reel, wants to try a class, and has nowhere to go except a DM that gets buried.
  • Class timings, coach names and trial prices are not written down anywhere a stranger can read them.
  • And the specific thing that stops a beginner walking into a fight gym is not the price. It is not knowing when people start hitting them back. No gym site in the city answers that.

What was built

  1. 01

    One action, everywhere

    Book a free trial session. It is the only button in the hero and it is on a fixed bar at the bottom of every phone screen.

  2. 02

    Live next-class strip

    “On the mat next: Muay Thai, 8:00 – 9:15pm — starts in 42 minutes”, worked out from the timetable and the clock. The page is different every time you open it.

  3. 03

    The path from first session to first fight

    Four steps, dated: no sparring for three months, sparring with approval, interclub, fight camp. This is the section that converts a nervous beginner, and nobody else has it.

  4. 04

    Timetable by discipline

    MMA, boxing, Muay Thai, BJJ, wrestling and strength. Every class, every day, with the coach's name. Filter by what you want to train.

  5. 05

    Coach profiles

    Who takes what. This is what converts — people train with a person, not with a building.

  6. 06

    Membership pricing

    Rates on the page. Anyone who cannot see a price assumes it is too high and closes the tab.

  7. 07

    Trial booking form

    Discipline, day, experience, name, number. It validates, then opens WhatsApp with the message already written.

  • Next.js (App Router)
  • TypeScript
  • Tailwind
  • WhatsApp handoff
  • Static — no database
  • Deployed on Vercel

See it

Want to see this with your club's name and photos on it? Send us the Instagram handle. We build it first, then you decide.

Built around

A combat sports and strength club

What to look at first

The strip under the hero works out the next class from the timetable and the time you opened it. Then scroll to “Nobody spars in week one”.

Open the demo

It is a demonstration, not that business’s official site, and every page says so. Nothing in it is stored and it takes no payment.

  • Club home page with one call to action to book a free trial, and a strip along the bottom naming the class on the mat right now
    One button in the hero, and a strip that works out what is on the mat from the timetable and the clock. The page is different every time you open it.
  • Four numbered stages from first session to fight camp, each marked with when sparring becomes allowed
    The section that converts the nervous beginner: four dated stages, and exactly when people start hitting back.
  • Weekly timetable filtered by discipline, every class showing its time and the coach taking it
    Every class, every day, with the coach's name on it. Filter by what you actually want to train.
  • Three membership tiers with monthly rates and what each includes
    Rates on the page. Anyone who cannot see a price assumes it is too high and closes the tab.

Where it stands

  • This is a spec build. There are no results to report yet.
  • It exists so a gym owner can see the finished thing before deciding anything.
  • The club name, the coaches and the rates in it are placeholders. On a real build they are yours before the link is sent to anybody.

Want this with your name on it instead?

Ask for your own demo
Message us on WhatsApp