The helix is alive
Most studio websites are a list: about, games, contact. I wanted something that feels like a game from the very first scroll. Codonwerk is named after the codon, three bases that define a trait in DNA. So the website became a DNA double helix.
One node per section
Every section is a node on the strand. When you scroll, the helix turns on its axis and the camera travels to the next node. It works with the mouse wheel, arrow keys, swiping and the menu. On a phone you can even move the helix by tilting it.
What you don't see
Most of the work went into things you only notice when they're missing: trackpads send dozens of scroll signals for a single swipe, so only one gesture counts per node. If you've switched on "reduce motion" in your system settings, the helix stays calm. And devices without 3D graphics get a perfectly normal, readable page.
The site sets no cookies, loads nothing from other servers and needs no build step. It's built with Three.js, written together with AI, and tested and tuned node by node.
Tip: from the start, turn the helix upwards once.