Lord's Cricket Ground
A bespoke single-page WordPress partnerships microsite for MCC, pitching commercial opportunities at the Home of Cricket through cinematic video, scroll animation and an interactive global reach map.
2024
8 weeks
WordPress
Web Design, Web Development
The challenge & the solution.
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.
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.
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
Explore some features.
A full-width hero section with an embedded Vimeo background video that sets the scene at Lord--�s from the first scroll.
Content sections that glide over a fixed background image, creating a layered, editorial feel as you scroll.
A video background panel with a clear play button that opens the full Vimeo video in a focused pop-up.
A horizontal timeline module that lets users explore key partnership milestones and moments side by side.
Animated stats that count up as they appear on screen, highlighting audience reach and partnership impact.
A bespoke interactive map illustrating different countries and member types in Lord--�s global network.
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.
A bold call-to-action section that invites users to get in touch, opening a new email to the commercial team.
