Scrum - Dynamic Rugby Landing Page Template

Quick summary

Scrum is a single-page landing page template designed for a rugby high school that wants to turn curious families into confirmed open-day visitors. The page opens with a kinetic fifteen-second reel, then expands into a filterable card grid packed with student life moments. Every section is built to build confidence and drive one clear action: booking a visit.

Who this template is for

This template suits schools and education marketers who need a visually bold, community-driven landing page. It works best when the goal is converting prospective families into booked admissions appointments rather than delivering dense text content.

• Admissions and marketing teams at rugby-focused secondary schools
• School leaders preparing for open-day recruitment campaigns
• Education designers who need a ready-built, high-energy single-page layout

What problem this template solves

Many school landing pages feel static and institutional. Families browsing at drop-off or on a phone in the evening need a page that communicates energy, breadth of opportunity, and a clear next step, all at once.

• Scattered school websites that bury the admissions call to action
• Pages that fail to show the full range of school life beyond academic results
• Friction-heavy booking journeys that lose families before they commit

What you get with this template

You get a fully structured, single-page layout that moves visitors from curiosity to a confirmed visit booking. The design system, section structure, and interactive components are all defined in the brief and ready to build from.

• A short-form reel header with frame-synced text and a drone campus reveal
• A modular, filterable card grid covering Sport, Arts, Expeditions, Academic, and Sixth Form
• A persistent floating "Book Your Visit" call to action with a pulse animation and contextual micro-calls to action on every card

Feature list

This template delivers a focused set of visual and structural features drawn directly from the design brief. Each one serves the core goal: helping families picture their child at this school and then take action.

Short-Form Reel Header

The header opens with a fifteen-second vertical-format montage. Scenes include a try scored in slow motion, a pottery wheel, a Duke of Edinburgh (DofE) scramble over a dry-stone wall, a science lab foam eruption, and a wide drone pull-back of the full campus at golden hour. Text punches in frame-synced bursts: "RUN. BUILD. DISCOVER. BELONG."

Filterable Modular Card Grid

Below the reel, a community gallery grid arranges cards in varying sizes. Visitors can filter by Sport, Arts, Expeditions, Academic, or Sixth Form to find content most relevant to their child. Cards include a tall student art portrait, a wide fixtures carousel, and a live countdown square to the next open day.

Scroll-Triggered Float Animation

As visitors scroll down the page, new cards appear with a subtle upward float. The effect creates the sensation of pinning moments to a live noticeboard. It adds life to the grid without distracting from the content itself.

Persistent Floating call to action Button

The primary "Book Your Visit" button appears as a floating element in electric tangerine. After five seconds of scroll activity, it begins a gentle pulse animation. It stays visible throughout the page, removing the need for visitors to scroll back to find the booking action.

Contextual Card Micro-calls to action

Every card in the grid carries its own secondary call to action. Examples include "See Full Fixtures," "Explore Sixth Form," and "Meet the Department." These secondary paths let families explore specific interests and build confidence before committing to a visit booking.

Click-Through to Pre-Filtered Booking Calendar

This is a click-through landing page, not a form page. The primary call to action links visitors directly to a dedicated booking calendar. The calendar is pre-filtered to the next available open morning, cutting the steps between first interest and a confirmed appointment.

Page sections overview

Design & branding system

The visual identity follows an Adventure Terrain theme built on the Dopamine Pop color system. Every color has a defined role, so the palette feels intentional rather than decorative.

• Electric tangerine (#FF6D2E) powers calls to action, hover states, and the floating booking button
• Adrenaline magenta (#E5007D) highlights student achievements and event badges across the card grid
• Deep trail green (#1B4332) anchors the header, navigation, and section headers for visual grounding
• Chalk white (#FAF9F6) fills card backgrounds, keeping each modular unit open and readable

Mobile & speed optimization

The modular card grid and vertical-format reel are both designed to work naturally on mobile screens. Vertical video is the default format of most mobile feeds, and the card layout stacks cleanly at smaller breakpoints.

• Vertical-format reel header suits portrait-orientation mobile viewing out of the box
• Modular card grid adapts to a stacked column layout on smaller screens
• Floating call to action button remains accessible at the bottom of the screen on mobile devices

How this template helps you convert

The page is structured as a click-through funnel with a single measurable goal: getting families to book an open-day visit. Every design and content decision supports that path.

1. The reel header captures attention immediately and sets an emotional tone before any text is read, reducing early bounce
2. The filterable card grid lets each visitor self-select content relevant to their child, building personal relevance and trust before the call to action appears
3. The pre-filtered booking calendar link removes the final friction point, so a curious click becomes a confirmed appointment in as few steps as possible

Other information about this template

This template sits within the Sports and Recreation category, aligned to the Rugby Leagues subcategory and the Rugby Amateur and Club niche. It is designed as a high-energy, community-facing school landing page rather than a club or league directory.

• The page type is a click-through landing page, not a lead-generation form page
• The template style follows a Hero-Dominant layout with the reel commanding the top ninety percent of first-viewport attention
• The creative direction follows a Festival Energy and Adventure Terrain theme, consistent with the active, outdoor character of the school community it represents
• The header concept pairs a dark background with a single vivid accent, keeping the reel footage visible while the text punches through clearly

Show more