A dark WebGL scene rendering the exposed movement of an Audemars Piguet Royal Oak, with the flying tourbillon rotating at dial level and sapphire edges catching a soft rim light.
Most sponsored URLs on magazine sites are an ad in a trench coat, shuffling past the edit team in the hopes no one notices. The Extraordinary Lab tucked inside gq.com with Audemars Piguet's name on it, is not shuffling. It's a deliberate, scrollable interrogation of AP's RD series: the five prototype watches the brand spent years convincing itself were actually buildable. Gears float in without a frame. Someone on the team clearly knew how thin a flying tourbillon really is and refused to round up.
Immersive Garden built it. They are one of Awwwards' Agency of the Year, and they tend to treat client briefs as an excuse to try something unreasonable. Here the stack is Nuxt.js on the shell, Blender handling the geometry, and WebGL tying the room together. Scene transitions hold still long enough to actually read the watchmaking, the camera never gets greedy with its own rig, and the scroll behaves more like a thumb on a jeweler's loupe than a roller coaster. That takes taste, not horsepower.
Worth a click, worth a DevTools window. Crack open the Network tab and watch the geometry stream in. Toggle prefers-reduced-motion and see what concessions were made. Inspect the canvas.
- Live Demo: https://www.gq.com/sponsored/story/the-extraordinary-lab
- Author: Immersive Garden (X, Instagram, LinkedIn)