# Kinetic PT - website by Nerdsharks

> A private personal training studio on the edge of Exeter, run by two coaches who take no more than forty clients between them. Most of their enquiries come from Instagram, and a link-in-bio page with a booking form was not turning followers into consultations. They needed a site with the same energy as their training: the programmes, the prices and the free consultation all on one page, and fast on a phone in a changing room. Designed and built by Nerdsharks.

- Source: https://nerdsharks.com/portfolio/kinetic-pt
- Publisher: Nerdsharks (Exeter, Devon, UK)
- Updated: 2026-09-27

## Design rationale

Personal training is sold on energy and on trust, so the page opens as a sports poster rather than a website. An electric-blue canvas carries three rows of giant condensed Anybody type, "Stronger / than last / year", running in opposite directions behind a cut-out athlete. A second copy of the same rows runs in step over her, masked to her silhouette, so volt outlines keep crossing her body and the type seems to pass through her. As you scroll, the rows are shoved further apart and the poster leans in. Further down, a boxer's jab lands just as the scoreboard digits roll up, and the four programmes stack like cards. The prices, the coaches and the free-consultation form are set in calm Rethink Sans with Martian Mono labels. All the motion is CSS, and it stops for anyone who has asked their device to reduce motion.

## Features

- **A kinetic poster hero** - Giant words in opposing marquees around a cut-out athlete set the tone in the first second. The type is live text, so it stays sharp on every screen and costs almost nothing to load.
- **Type that runs through the athlete** - A masked second layer traces the moving words across her in volt outline. It is the detail people remember and mention, and it is done with one CSS mask rather than video.
- **The punch lands, the numbers roll** - As the results scroll in, a boxer's jab slides across and the scoreboard digits roll up one column at a time, so the proof gets read rather than skimmed past.
- **Programme cards that stack on scroll** - Four programmes compared in one gesture. Each card carries its length, sessions per week and price, so nobody has to message to ask.
- **Prices on the homepage** - Most PTs hide their rates behind a form. Showing them filters out time-wasters and makes the free consultation an easy yes.
- **A thumb-reach consultation button** - On a phone a volt booking bar sits at the bottom of the screen, because that is where people are when they decide.

Live demo: https://nerdsharks.com/demo/kinetic-pt