Lando Norris official website featuring 3D rotating helmet, bold lime typography, and immersive scroll animations built with WebGL and Rive
The official website for F1 driver Lando Norris is one of those "how did they pull this off in a browser" kind of builds. It's a full-blown immersive experience: 3D helmet rotations, speed-inspired scroll animations, cinematic transitions, and Rive-powered motion graphics all woven together into something that actually feels like motorsport. The homepage alone has this energetic momentum to it, with bold typography and vibrant lime accents that capture both McLaren's racing DNA and Lando's personality. There's even a "Helmets Hall of Fame" section showcasing his various helmet designs with smooth 3D interactions.
This was built by OFF+BRAND, a Scottish-born creative studio with offices in Glasgow and London. They've been cleaning up on the awards circuit with this one, picking up Awwwards Site of the Month, Site of the Day, and an FWA of the Day. The technical approach is interesting: they're running WebGL for the 3D work alongside Rive for the motion design elements, all within a Webflow setup. What's impressive is that despite the visual density, they've kept performance tight with lazy-loading, optimized asset delivery, and streamlined code. You can find their full case study itsoffbrand.com/our-work/lando-norris.
Worth poking around the site yourself to see how all the pieces come together, especially the scroll-driven sequences and the responsive mobile treatment.
- Live Demo: https://landonorris.com
- Case Study: https://www.itsoffbrand.com/our-work/lando-norris
- Author: OFF+BRAND (X, Linkedin, Instagram)