Lord’s Cricket Ground

A bespoke Lord's Cricket Ground WordPress website for MCC, pitching commercial opportunities at the Home of Cricket through cinematic video, scroll animation and an interactive global reach map.

Lord’s Cricket Ground
At a glance
Year

2024

Duration

8 weeks

Platform

WordPress

Stack06
WordPress PHP GSAP Vimeo Player API ACF Pro SVG Animation
Brief02

The challenge & the solution.

The Challenge

MCC needed a dedicated commercial partnerships microsite to pitch sponsorship opportunities at Lord's - the Home of Cricket - to global brands. The site had to convey 200+ years of heritage, the scale of MCC's worldwide reach and the prestige of the venue, all in a single, cinematic scrolling experience that could stand alongside the brand's most ambitious commercial assets.

The Solution

We designed and built a bespoke single-page WordPress microsite anchored by full-bleed Vimeo background video and editorial photography. Scroll-driven GSAP animations stitch together a heritage timeline, animated stat counters, a custom interactive ICC member-nations map and a social proof wall, with split-letter typographic dividers used as cinematic chapter markers between sections.

Results04

What we delivered for Lord’s Cricket Ground.

Single-page partnerships microsite delivered for MCC's commercial team

Custom heritage timeline spanning 1787 to present day, built as a horizontal module

Bespoke interactive global reach map covering ICC full and associate member nations

Scroll-driven typographic transitions and animated stats counting venue, audience and social reach

Visual journey09

Explore some features.

Lord's Cricket Ground WordPress website hero with Vimeo background video
01

A full-width hero section with an embedded Vimeo background video that sets the scene at Lord's from the first scroll.

Lord's Cricket Ground website editorial scrolling content sections
02

Content sections that glide over a fixed background image, creating a layered, editorial feel as you scroll.

Lord's Cricket Ground website Vimeo video background section
03

A video background panel with a clear play button that opens the full Vimeo video in a focused pop-up.

Lord's Cricket Ground interactive heritage timeline
04

A horizontal timeline module that lets users explore key partnership milestones and moments side by side.

Lord's Cricket Ground animated audience statistics
05

Animated stats that count up as they appear on screen, highlighting audience reach and partnership impact.

Lord's Cricket Ground interactive global reach map
06

A bespoke interactive map illustrating different countries and member types in Lord's global network.

Lord's Cricket The Finest Club
07

Hero text that animates on scroll, reinforcing key messages as users move through the page.

A horizontally scrolling social feed showcasing live posts and activity from Lord's channels.
08

A horizontally scrolling social feed showcasing live posts and activity from Lord's channels.

A bold call-to-action section that invites users to get in touch, opening a new email to the commercial team.
09

A bold call-to-action section that invites users to get in touch, opening a new email to the commercial team.

Get a quote for your project