Skip to content
Tvorum.
Concept

PULSE — website concept for a fitness club

A business website for a 24/7 fitness club in Kharkiv, built as a heart-rate monitor: the further you scroll, the higher the pulse, and each section is a new training zone that leads to booking a free trial workout.

Demo UI in Ukrainian — we build in any language.

PULSE — homepage screenshot

This is a concept, not a client project. The brand, people and data are fictional; the code is real. It was built for the Ukrainian market, so the demo interface is in Ukrainian. Order a site, and with your permission it becomes our next real case study.

Industry
Fitness club
Site type
Business website
Year
2026
Format
Studio concept

The task

What the site had to do

A fitness club doesn’t sell equipment — it sells a habit. Someone looking for a gym compares three or four clubs near home and filters them with a few simple questions: is the schedule convenient, what does a membership cost without fine print, who are the trainers, and will I feel out of place on day one. In a big frontline city there’s one more: does the club stay open when the power goes out.

The site had four goals:

  • free trial requests — the club’s main conversion: after a first visit, people buy a membership far more often than after a cold call;
  • the schedule as a tool, not a PDF image — so in 10 seconds someone finds “spin class Tuesday evening” and books right away;
  • transparent pricing — a membership comparison and yearly savings without calling a manager;
  • easing fears — beginners, night workouts, air-raid alerts, blackouts. Each block answers one objection.

The solution

Design and UX decisions

The idea — the website as a heart-rate monitor. An ECG monitor lives in the header: scrolling pushes the pulse from 62 to 190 bpm, and the zone and interface color change — from acid-green calm to pink max effort. Sections are named after zones Z1–Z5, and the free-trial form sits at “max” — exactly where the visitor is most engaged.

Visual language. A black background, neon lime and pink, giant condensed Roboto Flex type with a variable width (the logo letters “contract” to the heartbeat), marquee strips and monospaced HUD labels. The hero has a live workout HUD: heart rate, calories and interval rounds update every second. Trainers are introduced through neon signs of their disciplines on a brick wall, and the club zones are glowing floor plans in perspective: 12 power racks, a 6×6 m ring and 24 spin bikes. All graphics are lightweight inline SVG.

Interactive selling points:

  • a weekly schedule grid with filters by discipline, trainer and day; on mobile it becomes a day list, and clicking a class opens a card with spots left and a “come for free” button that fills in the form;
  • memberships with a monthly/yearly toggle, an animated price change, yearly savings and a comparison table;
  • a BMI and calorie calculator (Mifflin–St Jeor) with a macro split and a class recommendation that filters the schedule in one click;
  • a “Lights out, workout on” block: a button simulates a blackout and the generator kicking in, and an occupancy chart shows when the gym is quiet right now;
  • a free-trial form with a phone mask, validation and different replies by day and night.

Screens

On desktop and on a phone

PULSE — full homepage
The full homepage — scroll inside the frame.
PULSE — mobile version
Mobile version

Features

What’s on the site

  • Heart-rate monitor in the header: scrolling changes BPM, zone and interface color
  • Weekly schedule with filters and a class modal; a day list on mobile
  • Memberships with a monthly/yearly toggle and a comparison table
  • BMI, calorie and macro calculator with class recommendations
  • Blackout simulation: generator, shelter, backup internet
  • Hourly gym occupancy chart with a “now” marker
  • Free trial booking with validation and auto-fill from the schedule
  • Trainers as neon discipline signs linking to their classes
  • Holographic SVG floor plans of club zones with equipment and dimensions
  • Responsive down to 390 px, keyboard navigation, prefers-reduced-motion

Stack

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Scroll heart-rate monitor: canvas ECG and HR zones
  • Weekly schedule grid with filters and class modal
  • BMI and calorie calculator (Mifflin–St Jeor)
  • Membership pricing with monthly/yearly toggle
  • Blackout simulation and occupancy chart
  • Inline SVG neon signs and holographic floor plans
  • IntersectionObserver animations with prefers-reduced-motion
  • CMS-ready

Concepts are hand-built static sites. For clients we pick the stack by the job: Next.js, WordPress, Shopify or WooCommerce, with a CMS your team can use.

Palette

  • #0A0A0B
  • #CCFF00
  • #FF3EA5
  • #FF7438
  • #F3F3EE
For your businessNeed a business website like this?Business website: prices and process

More concepts

Other projects

All concepts

$0 · 24 hours

Want one like this — for your business?

Tell us about your business. Within 24 hours we’ll send a prototype of your homepage — inspired by PULSE or something entirely different.

  • Free homepage prototype within 24 hours
  • Fixed price and deadline in the contract
  • 5% off for every day we’re late
  • Code in your GitHub from day one
  • 30% off for our first 10 clients

Prefer email? tvorum172@gmail.com

Preferred way to talk

No spam, no sales sequences. We use your details only to reply — see our privacy policy.