Lady Gaga
A series of interactive WebGL landing pages developed in collaboration with Yung Studio for Lady Gaga’s official website. Each project offered a distinct digital experience built around the visual and emotional themes of her album Mayhem, blending creative coding, motion, and music-driven interactivity.
About Lady Gaga
A series of interactive WebGL landing pages developed in collaboration with Yung Studio for Lady Gaga’s official website. Each project offered a distinct digital experience built around the visual and emotional themes of her album Mayhem, blending creative coding, motion, and music-driven interactivity.
Countdown to Mayhem
We collaborated on seven interactive landing pages for the ‘Mysterious Countdown’, leading up to the announcement of Mayhem. Each page featured abstract animated art reflecting the mood of one of Gaga’s albums, crafted with WebGL to create a layered and immersive narrative for fans.
Rorschach Mayhem
A lyric-reveal experience inspired by the symmetry of Rorschach tests. Users could draw across a flowing stream of letters to uncover lyrics from the upcoming album—emerging from and dissolving back into the chaos. A visual metaphor for the subconscious creative process behind the music.
Fanwall Experience
A hypnotic, infinite-scrolling grid inspired by retro VHS aesthetics. Featuring viral fan videos, this WebGL experience celebrated the energy of Gaga’s community, blending nostalgic visuals with interactive motion to amplify the spirit of Mayhem.
Mayhem Puzzle
A streaming-focused landing page that embraced the fragmented nature of Mayhem. Centered around an album art puzzle that never quite aligned, combined with a randomly loaded video background, the experience turned dissonance into design—making each visit unpredictable and alive.
Chladni Mayhem
An interactive sound-reactive visual inspired by Chladni plates—where music shapes matter. Built for Gaga’s Coachella performance, the experience synced animated particle patterns to audio clips from Mayhem, while user interaction scattered and reshaped the formations in real time.
City Walk
A merch-focused experience built for The Mayhem Ball tour. Set against a city horizon, location-inspired objects fly toward the viewer with a glitched aesthetic—blurring, distorting, and disappearing in motion. Designed to capture the velocity of a tour on the road, the piece blends real-time interactivity with WebGL, shaders, and a sense of movement that never sits still.
Tarot Mayhem
A homepage takeover created for The Mayhem Ball tour. Featuring a custom set of tarot cards raining from the sky, the experience invites users to draw three cards that reveal a divined merch selection—channeling mysticism and commerce in one playful interaction. Built with WebGL and creative coding techniques, it blends magic and tech into one immersive experience.
Technology used
WebGL, ThreeJS, GLSL
Project partners
Tags
- Creative Coding
- WebGL
- ThreeJS