About
A seamless journey from idea to deploy, distilled into a single scroll
I partnered with CodeSandbox to introduce CodeSandbox Projects—a new cloud-powered workspace that extends their signature speed to every tech stack and team size.
CodeSandbox had already redefined rapid prototyping in the browser. Their next ambition was bolder: a full-scale cloud development environment that felt as frictionless as their original sandbox. My brief was clear: craft a launch experience that demonstrated power without overwhelming, inspired tinkering, and fit Digital Amsterdam 2021’s showcase of cutting-edge work.
I shaped the brand narrative, communication strategy, visual identity, and launch plan, then translated it all into a single, scroll-driven story. A Golden Canon grid keeps typography and UI snippets aligned so every motion cue feels deliberate, never decorative. Drawing on the drama of Apple product reveals, I choreographed clone-to-code-to-preview-to-ship moments with scroll-triggered scenes that ride custom Bézier curves for organic acceleration.
Under the hood, I built the site with Next.js and Framer Motion, pre-rendering heavy sections for speed while layering GPU-accelerated animations for a liquid feel. Early experiments with canvas and Lottie set the creative ceiling; in the end I chose SVG for razor-sharp visuals and lean payloads. Feature close-ups spotlight live-collaboration cursors, instant preview URLs, and dependency caching, giving visitors purposeful pauses to absorb the benefits. Adaptive performance logic respects reduced-motion preferences and downshifts on low-power devices, keeping the experience inclusive.
The launch went live at Digital Amsterdam 2021, driving a 46 percent uplift in beta sign-ups during the first week and earning features on Hacker News and Web Design Inspiration. More importantly, it reframed CodeSandbox from playground to end-to-end cloud workspace—setting the tone for everything that followed.
Huge thanks to design team — your insight turned ambition into craft.
Try CodeSandbox Projects landing
https://projects.codesandbox.io/
Credits
Founders:
Bas Buursma, Ives van Hoorne
Head of Product & Design:
Danny Ruchtie
Product Design Director:
Zeh Fernandes
Director of Product Brand:
Marco Vincit
Design Lead:
Lena Sotto Mayor
Motion Designer:
Matheus Pinheiro
Developer Relations:
Adewale Abati, Obinna Ekwuno
Engineering:
AJ Foster, Alex Moldovan, Artem Zakharchenko, Bogdan Luca, Carlos Vidal, Christian Alfoni, Danilo Woznica, David Hollins, Ioana Chiorean, Jasper De Moor, JK Namburu, Joji Augustine, Julien Leclercq, Maria Clara, Mihai Popa, Niclas van Eyk, Roman Kuba, Sanne Kalkman, Tristan Dubbeld
Product:
Necoline Hubner
Data:
Tamas Szuromi
Operations:
Farrell Tatam, Joana Telker, Oskar van Eeden
Marketing:
Filipe Lima
Support:
James Amey