Scrum — Ferocious Rugby Union Landing Page Template

Ruck is a single-column landing page template built for semi-professional rugby facilities. It combines a raw industrial visual identity with high-energy neon accents to showcase pitch hire, training programs, and corporate events. The layout guides visitors from a cinematic hero moment through an escalating booking journey, ending in a slide-up booking panel or lead-capture download.

by Rocket studio

Quick summary

Ruck is a rugby facility landing page template designed for clubs and venues operating between amateur heart and professional infrastructure. It pairs a dark industrial aesthetic with electric neon call-to-action elements, a Before/After reveal mechanic, and a sticky mobile booking button to turn pitch browsers into confirmed bookings.

Who this template is for

This template suits any rugby operation that needs to present its facility with authority and convert visitors into paying hirers. It is built for operators who have real offerings to showcase and need a page that matches the intensity of the sport.

  • Club secretaries managing Saturday fixture bookings and training block hire
  • Corporate teams planning staff team-building days at a rugby venue
  • County coaches running winter academies who need reliable, well-equipped pitches

What problem this template solves

Most rugby facility pages look like afterthoughts. They bury pricing, hide availability, and fail to communicate what the venue actually offers. This template fixes that by building trust through visual transformation and a clear, tiered booking flow.

  • Visitors leave without booking because the hire process feels unclear or buried
  • Clubs miss corporate and academy revenue because the page does not speak to those audiences
  • The facility's real quality never comes through in flat photographs and generic text

What you get with this template

You get a complete single-page layout built around one goal: converting interest into a confirmed booking. Every section is designed to escalate commitment naturally, from casual pitch hire to full-season residency.

  • A full-viewport macro hero section with a single punchy headline and magnetic first impression
  • Before/After image reveal sliders showing the pitch and clubhouse transformed for match day and events
  • A slide-up booking panel with a structured form covering date, session type, headcount, and contact details
  • A secondary lead-capture path offering a downloadable Season Pack behind an email field
  • Sticky mobile booking button and three repeated call-to-action touchpoints across the scroll depth

Feature list

The template ships with focused components that serve a direct booking objective. Each element earns its place on the page.

Macro Close-Up Hero Section

A full-viewport photograph focused inches from a rain-beaded rugby ball surface. A single headline, "BOOK THE GROUND.", punches in after a brief beat. There is no player, no crowd, and no pitch, just material, weather, and intent.

Before/After Reveal Sliders

Draggable image sliders pair raw facility states against fully prepared match-day and event configurations. Four escalating scenarios run through the page: casual hire, league fixtures, tournament hosting, and full-season residency. Each slider builds a sense of ownership and progression.

Slide-Up Booking Panel

The primary booking path opens as a slide-up panel triggered by any "Book Pitch Time" button. The form collects a date, session type, estimated headcount, and contact details in a clean sequential flow.

Season Pack Lead Capture

A secondary conversion path invites visitors not yet ready to book. An email field gates a downloadable PDF containing pricing tiers, facility specifications, and an availability calendar.

Sticky Mobile Booking Button

On mobile devices the primary call-to-action button remains anchored at the bottom of the viewport throughout the scroll. It fires in electric magenta so it is impossible to miss.

Tiered Hire Structure Display

The page presents four clearly distinct hire tiers in escalating order: single match sessions, training blocks, tournament weekends, and full-season residency agreements. Stakes and commitment levels build naturally as visitors scroll deeper.

Page sections overview

SectionPurpose
Hero HeaderDeliver the first impression and primary booking call to action
Before/After PitchShow the pitch transformation from empty to match-ready
Before/After ClubhouseShow the clubhouse shift from bare to corporate event-ready
Casual Hire TierIntroduce single-session and training block hire options
League Fixtures TierPresent fixture scheduling and squad management offerings
Tournament Hosting TierShowcase full tournament weekend capabilities
Full-Season ResidencyDisplay the highest-commitment tier with maximum facilities
Booking Form PanelCapture date, session type, headcount, and contact details
Season Pack CaptureGate the pricing and availability PDF behind an email field

Design & branding system

The visual identity follows an Industrial Raw theme powered by a Dopamine Pop color system. The overall feel is a floodlit pitch on a wet night: everything gritty and dark until the action bursts into neon.

  • Background and body text use deep boot-mud black (#1A1A1A), with raw concrete gray (#4A4A4A) handling section dividers and secondary type
  • Electric try-line magenta (#FF2D7B) fires on every call-to-action button and hover state; high-vis training bib yellow (#FFE135) sparks on icons, price callouts, and confirmation badges
  • The overall aesthetic looks like someone spray-painted a warehouse with a referee's whistle in their mouth: bold, raw, and unapologetically purposeful

Mobile & speed optimization

The template is built with a single-column layout that works cleanly at every screen size. Mobile visitors get the same full-intensity experience without compromise.

  • The sticky booking button locks to the bottom of the mobile viewport so the primary action is always one tap away
  • The booking panel and Season Pack form are both designed for thumb-friendly input on small screens
  • Single-column flow removes layout complexity and keeps load behavior predictable across devices

How this template helps you convert

The page is structured around a direct sales objective. Every design and layout decision points toward one of two conversion outcomes: a confirmed booking or a captured lead.

  1. The Before/After sliders create an active, tactile sense of what the venue delivers, building trust before the visitor reaches any pricing information.
  2. Three repeated "Book Pitch Time" call-to-action touchpoints across the page's scroll depth ensure the booking entry point is always within reach, no matter how deep a visitor reads.
  3. The secondary Season Pack download path converts undecided visitors into warm leads rather than losing them entirely, giving the facility a follow-up opportunity with every download.

Other information about this template

This template was designed specifically for the rugby amateur and club market, where venues need to speak equally to club organisers, corporate clients, and competitive academies without diluting their identity.

  • The tiered hire structure mirrors how real rugby clubs operate: from casual Tuesday night training hire through to full-season residency agreements
  • The Festival Energy creative direction and Hero-Dominant template style mean the visual experience is bold and immersive, not a generic sports venue brochure
  • The page supports a Hero's Journey narrative arc: the visitor arrives curious, moves through transformation evidence, and commits at the natural peak of engagement
  • The Dark/Single Accent header concept keeps the opening moment focused and dramatic without visual clutter
Scrum — Ferocious Rugby Union Landing Page Template
Scrum — Ferocious Rugby Union Landing Page Template
Scrum — Ferocious Rugby Union Landing Page Template
Scrum — Ferocious Rugby Union Landing Page Template

Theme

Festival Energy

Creative direction

Hero's Journey

Color system

Dopamine Pop

Style

Hero-Dominant (90/10)

Direction

Direct Sales

Page Sections

Macro Close-up Hero Section

Before/after Image Sliders

Slide-up Booking Panel

Season Pack Lead Capture

Sticky Mobile Booking Button

Tiered Hire Structure Display

Related questions

Who is this landing page template designed for?

Can the booking form collect different session types?

What is the Season Pack download feature?

How does the Before/After reveal mechanic work?

Can this template handle multiple hire tiers on one page?