Axel - Dynamic Skating Landing Page Template

Axel is a modular card-grid landing page built for figure skating academies and training programs. It combines a full-bleed ice-level hero image, interactive before-and-after student journey cards, and transparent program pricing to move visitors from curiosity to enrollment. The Dopamine Pop color system and Dynamic Motion theme give it the visual energy competitive skating demands.

by Rocket studio

Quick summary

Axel is a single-page, card-grid landing page template designed for figure skating academies. It leads with a dramatic ice-level hero shot, then unfolds a modular grid of student transformation cards grouped by program tier. Pricing is shown upfront, and two clear conversion paths, a full package selector and a low-commitment trial session, make it easy for any visitor to take the next step.

Who this template is for

This template is built for skating academies and independent coaches who need a professional page that sells training programs directly. It speaks to three distinct audiences at once without losing focus.

  • Competitive junior programs targeting skaters chasing qualifying scores and structured progression
  • Adult beginner offerings for learners who are finally ready to act on a long-held goal
  • Skating parents comparing academies side by side and needing clear, upfront information

What problem this template solves

Most skating academy pages bury pricing, hide their program structure, and rely on a single contact form to convert visitors. That approach loses the parent comparing three academies in parallel browser tabs. Axel solves this with proof-first design and visible pricing.

  • Visitors see real student transformation evidence before they see any sales message
  • Program tiers, schedules, and prices are visible without clicking through a hidden reveal
  • A low-barrier trial session option keeps hesitant visitors in the funnel rather than losing them

What you get with this template

You get a complete, ready-to-customize landing page that covers the full visitor journey from first impression to enrollment. Every section is designed to earn trust incrementally before asking for a commitment.

  • A full-bleed ice-level hero section with bold condensed headline typography and a primary call-to-action button
  • A modular card grid with interactive before-and-after student journey reveals, organized across three program tiers
  • A program selector flow, visible card-level pricing, a trial session module with email capture and date picker, and a sticky mobile call-to-action bar

Feature list

This template was designed around the specific conversion needs of a figure skating training program. Each feature listed below is grounded directly in the template brief.

Ice-Level Full-Bleed Hero

The header opens with a cinematic, full-bleed photograph taken from ice level. A skater mid-camel spin anchors the right side of the frame, while the left third stays open for the headline "Land It." and a supporting descriptor line. Arena bokeh and ice spray fill the background.

Before-and-After Student Journey Cards

Each modular card in the grid shows a real student journey. One face of the card shows an early-stage skill moment. The other reveals the same skater months later with a polished skill executed cleanly. Visitors toggle between states with a hover or tap interaction.

Three-Tier Program Grid

Cards are grouped into Foundation, Competitive, and Elite program tiers. Each tier row escalates in visual intensity. Card borders shift from violet to fuchsia to gold as the tier level rises, giving visitors a clear visual hierarchy for program comparison.

Slow-Motion Video Strips

Between each card tier row, a full-width slow-motion video strip breaks the grid rhythm. These strips show blade close-ups, coach-guided arm positions, and lace-tying rituals, the behind-the-scenes labor that earns trust before the pricing section appears.

Program Selector and Transparent Pricing

The primary call-to-action opens a program selector where visitors choose their level, preferred schedule, and package length. Pricing is visible directly on each card, with no hidden costs. This layout is built to satisfy parents who are comparing multiple programs at once.

Trial Session Module

A secondary conversion path offers a single trial skate session at a reduced price. It uses a one-field email capture and a date picker. This module appears after the primary pricing section, placing the low-commitment option at the natural end of the trust-building sequence.

Page sections overview

SectionPurpose
Full-Bleed HeroOpens the page with a bold ice-level photo, headline, and primary call-to-action
Foundation Tier CardsIntroduces beginner-level student journeys with before-and-after card reveals
Video Strip OneBreaks grid rhythm with slow-motion blade and coaching detail footage
Competitive Tier CardsPresents intermediate student transformations with escalating card styling
Video Strip TwoContinues the behind-the-scenes narrative between card grid rows
Elite Tier CardsShowcases top-level student journeys with gold-border card treatment
Program SelectorLets visitors choose level, schedule, and package length with visible pricing
Trial Session ModuleOffers a reduced-price single session with email capture and date picker
Sticky Mobile BarKeeps the primary call-to-action reachable at all times on mobile devices

Design & branding system

The visual identity uses the Dopamine Pop color system combined with a Dynamic Motion theme. The palette feels crystalline at its core and charged at every edge, cold backgrounds make the accent colors hit harder.

  • Electric fuchsia (#FF2D9B) drives all primary accents, buttons, and call-to-action states; UV violet (#7B2FBE) handles section headers and card borders
  • Flash white (#F8F9FF) provides the ice-surface background that keeps the layout luminous and clean
  • Molten gold (#FFB800) appears exclusively on achievement badges and testimonial highlights, reserving its visual weight for moments of earned recognition

Mobile & speed optimization

The sticky bottom call-to-action bar is built specifically for mobile visitors so the primary action is never out of reach. The card grid adapts to smaller screens without losing the before-and-after interaction.

  • The modular card grid reflows cleanly for single-column mobile browsing across all three program tiers
  • The program selector, date picker, and email capture field are all sized and spaced for comfortable touch interaction
  • Full-width video strips are positioned to load in-context as visitors scroll, keeping the visual rhythm intact on mobile

How this template helps you convert

The page is structured around a trust-building sequence: show transformation proof first, then reveal pricing, then offer the trial. This order is deliberate and directly supports enrollment.

  1. Before-and-after student cards and slow-motion video strips establish credibility before any pricing is visible, so visitors arrive at the purchase decision already convinced
  2. Transparent card-level pricing and the structured program selector remove friction for parents comparing multiple academies, giving them the information they need without a follow-up call
  3. The trial session module with its reduced price and simple one-field capture converts visitors who are not yet ready to commit to a full package, keeping them in the pipeline

Other information about this template

This template is designed for figure skating academies, private coaching practices, and competitive training clubs that sell programs directly from their web presence. It is well suited to any sports and recreation business that relies on visible transformation proof and tiered program structures to close sales.

  • The bold condensed headline typography and off-center hero composition are designed to stand out in the sports and recreation category
  • The three program tiers, Foundation, Competitive, and Elite, can be relabeled to match any academy's own program naming conventions
  • The color system and card border progression are defined in the brief and can be adapted to reflect an academy's specific brand palette during customization
Axel - Dynamic Skating Landing Page Template
Axel - Dynamic Skating Landing Page Template
Axel - Dynamic Skating Landing Page Template
Axel - Dynamic Skating Landing Page Template

Theme

Dynamic Motion

Creative direction

Before/After Reveal

Color system

Dopamine Pop

Style

Card Grid (Modular)

Direction

Direct Sales

Page Sections

Ice-level Full-bleed Hero Section

Before-and-after Student Journey Cards

Three-tier Program Grid

Slow-motion Video Strips

Program Selector with Visible Pricing

Trial Session Conversion Module

Related questions

Can I edit the program names and pricing shown on the cards?

Does the before-and-after card interaction work on mobile devices?

Is the trial session module separate from the main program selector?

Can I replace the video strips with my own footage?

How many program tiers does this template support?