Oche is a hero-dominant darts league landing page built around a Futuristic Neon visual identity. It opens with a full-bleed, neon-lit dartboard scene and carries visitors through a Before/After Reveal scroll journey. Two registration paths handle team sign-ups and solo waitlist entries, making it purpose-built for competitive darts league recruitment.
by Rocket studio
Loading preview…
Quick summary
Oche is a single-page event registration landing page designed for a competitive darts league. It pairs a dramatic neon-lit hero with a scroll-driven Before/After transformation narrative. Visitors see what league night has become before they are asked to commit. Two clear conversion paths capture team registrations and solo player waitlist entries.
Who this template is for
This template is built for anyone running or growing a structured darts league. The design and copy architecture speak directly to the people who organise, host, and play at a competitive level.
Darts league organisers launching or reopening a season and needing a dedicated registration page
Pub landlords and venue managers who want to fill midweek nights with organised league fixtures
Corporate event organisers running team-building darts nights who need a credible, branded sign-up flow
What problem this template solves
Most darts leagues rely on word of mouth, pinned paper fixtures, or flat social media posts to recruit teams. None of those create urgency or communicate the atmosphere of a real league night. This template replaces that low-effort presence with a page that sells the experience before it asks for anything.
Handwritten scoreboards and crumpled fixture sheets give no sense of what the league has become
A generic form page with no visual story fails to convert curious visitors into registered teams
Solo players with no obvious entry point are lost before they ever find a registration option
What you get with this template
You get a fully structured, single-page layout that moves visitors from first impression to form submission without friction. Every section has a defined role in building anticipation and trust.
A full-bleed, neon-rimmed hero section with a letter-by-letter headline reveal and no distracting navigation on load
A scroll-driven Before/After Reveal sequence with a draggable image slider that shows the league's transformation across four visual moments
Theme
Competition Edge
Creative direction
Community Gallery
Color system
Electric Indigo
Style
Storybook/Full-Page
Direction
Booking/Scheduling
Page Sections
Full-bleed Neon Hero Scene
Draggable Before/after Reveal Slider
Pulsing Team Registration Call to Action
Solo Player Waitlist Path
Scroll-driven Narrative Structure
Related questions
Can I change the league name and season number in the hero headline?
What information does the team registration form collect?
Is there a separate sign-up path for players who do not have a team yet?
Can I replace the Before/After image pairs with my own league photography?
Where does the registration call-to-action button appear on the page?
Two distinct registration paths: a team sign-up form and a solo player waitlist, each with clearly scoped input fields
Feature list
A single paragraph introduces this section before the individual features are detailed below.
The features below map directly to what the brief specifies. Each one serves a defined role in the page's conversion flow, from first visual contact to completed registration.
Full-Bleed Neon Hero Scene
The header fills the entire viewport with near-total darkness. A neon-rimmed dartboard glows in ruby and chrome at center frame. A player's arm is frozen mid-throw in silhouette, with three chrome-barreled darts already clustered in the treble-twenty bed. The headline "Season XII Is Open." bleeds in letter by letter in neon ruby. Navigation is hidden until scroll begins.
Draggable Before/After Reveal Slider
Visitors drag a slider horizontally across paired images to reveal the league's evolution. The sequence moves through four moments: venues, players, crowds, and championship footage. Each pair contrasts grainy pub-corner photography with LED-lit, branded match-night imagery. The tension builds with every drag.
Team Registration Form
Placed once beneath the hero and once after the final Before/After panel, the primary call-to-action button reads "Register Your Team" in a neon-bordered style that pulses gently on scroll-stop. The form collects team name, captain's name and email address, home venue, and a preferred league night dropdown with Monday, Wednesday, and Thursday options.
Solo Player Waitlist Path
A secondary conversion path labelled "Join as a Solo Player" sits alongside the primary call to action. It feeds into a streamlined waitlist form that asks only for name and postcode, reducing friction for individual players who are not yet attached to a team.
Scroll-Triggered Momentum Structure
The page is engineered as a single narrative arc. Each Before/After panel adds weight to the next. By the time the final registration call to action appears, the visitor has already absorbed the full transformation story. The scroll structure earns the conversion rather than demanding it upfront.
Page sections overview
Section
Purpose
Full-Bleed Hero
Opens with neon dartboard scene and letter-by-letter headline reveal
Primary call to action Block
Places "Register Your Team" button directly beneath the hero
Venues Before/After
Shows venue transformation from pub corner to LED-lit oche
Players Before/After
Contrasts casual player imagery with branded match-night presentation
Crowds Before/After
Demonstrates audience growth and atmosphere shift
Championship Footage
Delivers final proof of the league's competitive scale
Team Registration Form
Collects team name, captain details, venue, and league night preference
Solo Waitlist Path
Captures individual player interest with name and postcode only
Final call to action Panel
Repeats "Register Your Team" after the complete reveal sequence
Design & branding system
The visual identity is built on a Futuristic Neon theme. Every colour and typographic choice reinforces the feeling of stepping into a venue moments before a final begins.
Four-colour palette: deep blackout black (#0B0D13) as the base, liquid chrome silver (#C0C4CC) for text and metallic accents, neon ruby (#E8103D) as the primary action colour, and electric wire pink (#FF2D6B) reserved for hover states and live score accents
Typography and motion carry the competitive voltage: the letter-by-letter hero headline and the gently pulsing registration button are both defined in the brief as deliberate tension-building devices
The overall aesthetic is described as a tungsten dart catching the light of an LED rig in a dark room: metallic, sharp, and charged with competitive energy
Mobile & speed optimization
The page is designed as a single-column, section-led flow, which naturally adapts to smaller screens. The hero-dominant layout means the most impactful element loads first and fills the viewport on any device size.
The 90/10 hero-to-content ratio keeps the initial load visually focused and structurally light
The draggable Before/After slider is a touch-compatible interaction, suitable for mobile users navigating with a finger rather than a mouse cursor
Both registration paths use minimal input fields by design, reducing the number of taps required to complete a submission on a mobile device
How this template helps you convert
The page is structured as a trust-building journey rather than a direct ask. Conversion is earned through narrative progression, not through pressure.
The neon hero creates immediate atmosphere and establishes the league as a serious, branded operation before a single word of body copy is read.
The Before/After Reveal sequence answers the visitor's core question ("Is this worth my time?") by showing the transformation visually, across four escalating moments, before the second registration call to action appears.
Two scoped entry points reduce drop-off: teams follow the primary form path, and solo players follow the lighter waitlist path, so no potential registrant hits a dead end.
Other information about this template
This template is categorised under Sports and Recreation with a specific focus on darts league and association use cases. It is designed as a storybook full-page experience with a Competition Edge theme and a Community Gallery creative direction that celebrates the sport's real moments and real people.
The template style is described as Storybook/Full-Page, meaning the narrative arc is the primary design mechanism, not individual isolated sections
The landing page direction is Event Registration, making it purpose-aligned for seasonal league launches, sign-up drives, and new venue onboarding
The header concept is a Scroll-Triggered Video-adjacent experience: a near-static, high-drama scene that activates narrative motion as the visitor scrolls
The intersection niche targets Darts Academy and Training adjacent audiences, meaning the template can also support academies or training programmes that run structured league formats alongside their coaching offer
