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
| Section | Purpose |
|---|---|
| Full-Bleed Hero | Opens the page with a bold ice-level photo, headline, and primary call-to-action |
| Foundation Tier Cards | Introduces beginner-level student journeys with before-and-after card reveals |
| Video Strip One | Breaks grid rhythm with slow-motion blade and coaching detail footage |
| Competitive Tier Cards | Presents intermediate student transformations with escalating card styling |
| Video Strip Two | Continues the behind-the-scenes narrative between card grid rows |
| Elite Tier Cards | Showcases top-level student journeys with gold-border card treatment |
| Program Selector | Lets visitors choose level, schedule, and package length with visible pricing |
| Trial Session Module | Offers a reduced-price single session with email capture and date picker |
| Sticky Mobile Bar | Keeps 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.
- 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
- 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
- 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




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?