Stroke - Elite Swim Coaching Landing Page Template
Stroke is a swim coaching landing page built for competitive athletes and their coaches. It uses a modular card grid to let visitors find their focus fast, turns, starts, race strategy, and more. A neon-charged visual identity, inline video previews, and a three-step booking flow make it easy to go from browsing to booked in under a minute.
by Rocket studio
Quick summary
Stroke is a single-page swim coaching template designed for performance-focused practices. It presents each coaching discipline as its own card, lets athletes self-select their weak point, and routes them into a booking flow without friction. The Competition Edge visual theme and Neon Shock color palette make every section feel like race-day finals under stadium lights.
Who this template is for
This template is built for swim coaches and coaching practices that work with competitive athletes at multiple levels. It fits naturally whenever a practice needs to present several distinct coaching offerings on one focused page.
- Age-group swimmers chasing Junior Nationals qualifying cuts and their parents
- Masters competitors returning to competitive swimming after time away
- Senior club swimmers and triathletes looking to refine stroke mechanics or open-water skills
What problem this template solves
Most swim coaching pages list services in plain text and leave the visitor guessing which session is right for them. Athletes plateau not because coaching is unavailable but because the path to the right coach is unclear. This template removes that confusion.
- Each coaching module is its own card, so athletes find their specific weakness without reading through irrelevant content
- Before-and-after split-time comparisons on every card show proof before the visitor ever reaches the booking step
- A streamlined three-step booking flow reduces the distance between interest and a confirmed deck session
What you get with this template
The template packages a full coaching sales experience into one scrollable page. Every element from the header reel to the sticky mobile booking bar is purpose-built for a competitive swim coaching practice.
- An auto-playing underwater header reel with a split-time overlay and a bold headline entry
- Six modular coaching cards, Starts and Breakouts, Stroke Mechanics, Turn Technique, Race Strategy, Open Water, and Dryland, each with hover video previews and expandable session details
- A live calendar widget, a three-step booking flow, and a secondary video analysis capture path
Feature list
This section covers the functional building blocks that make the Stroke template work as a coaching business tool.
Underwater Header Reel
The header plays a four-second underwater slow-motion clip showing a swimmer's full flip turn sequence: approach, tuck, wall contact, push-off, and breakout. A neon-yellow split-time overlay fires at wall contact, then the headline "Own the wall." punches in over settling water. The reel is vertical-native, auto-playing, and sound-off.
Modular Coaching Card Grid
Six coaching disciplines are each presented as a standalone card. Cards auto-play a two-second looping clip on hover, creating a live mosaic effect as the visitor explores. Clicking any card expands it to reveal session structure, coach credentials, and a poolside athlete testimonial.
Before-and-After Split-Time Proof
Every coaching card carries a real before-and-after split-time comparison from an athlete. These comparisons are visible before the visitor reaches any call to action, so trust is built through measurable results rather than promotional language.
Three-Step Booking Flow
The primary call to action opens a focused three-step flow: select a coaching focus from a dropdown matching the card categories, choose an athlete level (Age Group, Senior, Masters, or Triathlete), then pick a date and time from a live-synced calendar showing 30-minute and 60-minute slots.
Free Video Analysis Capture Path
A secondary conversion path lets visitors upload a race clip directly from their phone. The upload flow captures email and phone number before the upload completes, giving the coach a warm lead and the athlete a personalized technique breakdown.
Immersive Motion System
Parallax water caustics drift across section backgrounds as the visitor scrolls. Split times animate as they enter the viewport. The live calendar widget pulses gently to signal available booking slots. Cards rearrange by engagement, keeping the most relevant modules visible first.
Page sections overview
| Section | Purpose |
|---|---|
| Underwater Header Reel | Opens with an auto-playing flip turn clip and bold headline |
| Split-Time Overlay | Flashes a neon-yellow time at wall contact for instant impact |
| Coaching Card Grid | Six modular discipline cards for self-directed exploration |
| Expanded Card Detail | Session structure, coach credentials, and athlete testimonial |
| Before-After Comparisons | Real split-time proof embedded in each coaching card |
| Live Calendar Widget | Shows available 30-minute and 60-minute session slots |
| Three-Step Booking Flow | Guides athlete from focus selection to confirmed date |
| Video Analysis Path | Secondary path capturing email and phone via clip upload |
| Sticky Mobile Bar | Pins the primary booking call to action on smaller screens |
Design & branding system
The visual identity follows the Competition Edge theme through a Neon Shock color palette. The overall effect feels like an Olympic aquatic center during finals with the stadium lights cut and only underwater LEDs and glowing touchpads remaining.
- Core palette: pool-bottom dark (#0B0F14) for all backgrounds, electric lane-line yellow (#E4FF1A) for interactive states and hover effects, timing-board magenta (#FF2D7B) for calls to action and countdown elements, and chlorine-lit white (#EDFAFF) for text and card surfaces
- Yellow dominates hover states so the card grid feels alive as the visitor explores
- Magenta fires on every call-to-action button and the sticky mobile booking bar, making the next action unmistakable
Mobile & speed optimization
The template is built with a vertical-native mobile experience at its core. The header reel is shot in portrait orientation and designed to fill a phone screen without cropping or letterboxing.
- The sticky mobile bar keeps the "Book a Deck Session" call to action reachable at all times on smaller screens
- Card hover behavior adapts to touch input so mobile visitors can still preview and expand each coaching module
- The three-step booking flow and video upload path are both accessible from a phone without requiring a desktop visit
How this template helps you convert
Every design decision in Stroke is pointed toward one outcome: turning a visiting athlete into a booked session. The page earns trust before it asks for anything.
- Before-and-after split-time comparisons on every card show measurable athlete results upfront, so visitors arrive at the booking step already convinced of the method's value.
- The three-step booking flow reduces decision fatigue by breaking the commitment into focus, level, and time slot, three small choices instead of one big one.
- The video analysis path captures contact details from visitors who are not ready to book, giving the coach a warm lead pool from a single page interaction.
Other information about this template
The Stroke template is part of a broader library of sports and recreation templates built around the same modular card grid and Neon Shock visual system. It is designed to work as a standalone coaching page without requiring additional pages or site architecture.
- The template style is Card Grid (Modular), making it straightforward to reorder or swap coaching discipline cards as a practice's offering evolves
- The Immersive Visual creative direction means motion is structural, not decorative; every animated element carries coaching context
- The Short-Form Reel header concept is optimized for vertical viewing, matching how competitive swimmers and their families browse content on mobile devices
- The template fits the Sports Academy and Coaching subcategory and is relevant to swim coaching practices serving age-group, masters, senior, and triathlon athletes




Theme
Competition Edge
Creative direction
Immersive Visual
Color system
Neon Shock
Style
Card Grid (Modular)
Direction
Booking/Scheduling
Page Sections
Underwater Slow-motion Header Reel
Modular Coaching Card Grid
Before-and-after Split-time Proof
Three-step Booking Flow
Free Video Analysis Lead Capture
Immersive Parallax Motion System
Related questions
Can I change the coaching disciplines shown on the cards?
Does the booking flow connect to a live calendar?
What is the video analysis feature and how does it capture leads?
Who is the primary target audience for this template?
Can the color palette be adjusted to match my coaching brand?