Shred - Highoctane Snowboarding Landing Page Template
Shred is a modular card-grid landing page built for snowboarding competition events. It features a scroll-triggered video header, tiered registration flows, a live countdown timer, and real-time slot counts. The Fire and Earth color palette and staggered card animations create a high-energy atmosphere that moves visitors from curiosity to commitment fast.
by Rocket studio
Quick summary
Shred is a single-page event registration landing page designed for snowboarding competitions. It opens with a scroll-driven aerial video, then layers competition categories, venue details, and past podium results across a breathing card grid. Two conversion paths handle competitors and spectators separately. Every section builds urgency toward one goal: filling registration slots before the event sells out.
Who this template is for
This template is built for organizers and communities who run snowboarding events at every level. Whether you manage a regional circuit or a local park series, Shred gives your event a visual identity that matches the intensity of the sport.
- Regional circuit organizers managing qualification events across Halfpipe, Slopestyle, and Big Air disciplines
- Amateur and backcountry crews looking to attract sponsor attention with a professional event presence
- Park and halfpipe event hosts who need a fast, credible registration page for seasonal competitions
What problem this template solves
Most event registration pages look like generic ticketing forms. They fail to communicate the atmosphere of a competition, leave visitors with no sense of urgency, and handle competitors and spectators with the same blunt approach. Shred solves all three.
- Generic pages lose potential registrants who need to feel the event before they commit
- Single-path registration forms frustrate spectators who just want a day pass
- Static layouts give no sense of how quickly spots are filling up
What you get with this template
Shred delivers a fully structured, visually immersive landing page with every section pre-built and ready to customize. The layout moves visitors through discovery, comparison, and conversion in a single scroll.
- A scroll-triggered video header with a frame-by-frame drone run and a burned-in headline
- A three-row modular card grid covering competition categories, venue data, and past podium results
- A stepped registration form and a separate spectator day-pass flow, both embedded in the page
Feature list
This section breaks down the core built-in components that make Shred work as a competition event page.
Scroll-Triggered Video Header
The page opens on a static aerial shot of the competition venue at blue hour. As the visitor scrolls, a drone-tracked rider run plays frame by frame. The headline "REGISTER BEFORE THE SNOW DOES" appears over the final powder cloud at run's end.
Modular Card Grid Layout
Three rows of cards organize the event from information to inspiration to urgency. The first row covers Halfpipe, Slopestyle, and Big Air with looping slow-motion clips and live rider counts. Hero cards break the uniform grid rhythm to spotlight headline riders or sponsor activations.
Stepped Competitor Registration Form
Clicking "Lock In Your Spot" opens a three-panel form. The first panel collects name and rider alias. The second asks for competition division and preferred discipline. The third captures emergency contact details and waiver acknowledgment.
Spectator Day-Pass Flow
A secondary conversion path labeled "Just Spectating?" routes visitors to a simpler purchase form. It collects email address and ticket quantity, keeping the experience frictionless for non-competing attendees.
Countdown Timer and Live Slot Counter
A countdown timer appears in the header and again above the final call-to-action grid. A live registration count such as "217 of 300 slots filled" sits beneath each category card, converting passive browsing into active decision-making.
Parallax Card Animations
Cards stagger onto the screen as the visitor scrolls, with parallax depth that gives the grid a layered, dimensional feel. Larger hero cards interrupt the rhythm to reinforce key moments, keeping the scroll engaging from top to bottom.
Page sections overview
| Section | Purpose |
|---|---|
| Video Header | Opens the page with a scroll-controlled drone run and the primary registration headline |
| Competition Category Cards | Three cards for Halfpipe, Slopestyle, and Big Air with clips, rider counts, and inline calls to action |
| Venue Detail Cards | Trail maps, elevation stats, and live weather feed data for the event location |
| Podium Results Cards | Past finishers with action shots, names, scores, and national flags |
| Countdown Timer Bar | Creates time pressure with a visible deadline repeated at two points on the page |
| Competitor Registration Form | Stepped three-panel form for name, division, and emergency contact plus waiver |
| Spectator Day-Pass Form | Simplified email-and-quantity form for non-competing ticket buyers |
| Persistent Mobile call to action Bar | Bottom-pinned "Lock In Your Spot" bar that stays visible throughout the mobile scroll |
Design & branding system
The visual identity follows a Competition Edge theme built around a Fire and Earth color system. Every color choice references the physical sensation of a competition night: embers against dark timber, scorched wood mixing with cold snow, and the indigo glow of a groomed course at first light.
- Volcanic black (#1A1A1A) as the primary background, molten amber (#E8820C) for all call-to-action elements and countdown timers, deep trail brown (#3B2314) on card borders and section dividers, and ash white (#EDE6DB) for body text and negative space
- The scroll-triggered video and parallax card animations reinforce the Competition Edge theme with motion that feels earned rather than decorative
- Typography and layout spacing maintain an Industrial Raw aesthetic: bold, utilitarian, and built for impact at a glance
Mobile & speed optimization
The mobile experience mirrors the desktop intensity without sacrificing usability. The persistent bottom bar ensures the primary call to action is never off screen, no matter where a visitor is in the scroll.
- The "Lock In Your Spot" button pins to the bottom of the mobile viewport throughout the entire page scroll
- Card grid rows reflow cleanly for smaller screens, keeping competition category cards, venue cards, and podium cards readable and tap-friendly
- The stepped registration form breaks into full-screen panels on mobile, reducing input friction for thumb-only navigation
How this template helps you convert
Shred stacks multiple conversion mechanics across the page so that motivation builds with every scroll, not just at the bottom.
- The scroll-triggered video header creates immediate emotional investment before any registration ask appears, meaning visitors arrive at the first call-to-action already primed to commit
- Live slot counts beneath each competition category card introduce social proof and scarcity together, turning a passive browser into an active registrant before they reach the final form
- The two-path conversion system keeps spectators in the funnel by offering a low-friction day-pass option, so non-competitors who might otherwise leave still complete a purchase
Other information about this template
Shred is categorized under Sports and Recreation, specifically within the Skating and Winter Sports subcategory. It is designed as a single landing page, not a multi-page site, so all content lives in one scrollable experience.
- The template style follows a modular card-grid structure, making it straightforward to swap in your event's actual clips, rider names, scores, and venue data
- The stepped form panels are pre-structured for the three registration divisions: Open, Amateur, and Grom, alongside discipline selection
- The page is built for seasonal deployment and can be refreshed each competition cycle by updating countdown dates, slot counts, and category card content
- Venue detail cards include placeholder sections for trail maps, elevation statistics, and live weather data connections




Theme
Industrial Raw
Creative direction
Launch Energy
Color system
Electric Indigo
Style
Storybook/Full-Page
Direction
Click-Through
Page Sections
Scroll-triggered Video Header
Modular Three-row Card Grid
Stepped Competitor Registration Form
Spectator Day-pass Conversion Path
Countdown Timer and Live Slot Counter
Parallax Stagger Animations
Related questions
Can I use this template for multiple competition disciplines at once?
How does the two-path registration system work?
Is the countdown timer tied to a specific date?
Can I update the podium results cards each season?
Does the scroll-triggered video work on mobile?