cd ~/work

/work/tonlage

Tonlage Studio

[brand-site / next.js + gsap] 2025

Eine Brand-Site für ein Podcast-Studio, auf der sich Scrollen wie eine Timeline verhält und die Seite den Takt hält.

Tonlage Studio, Key Visual

/brief

Klang sichtbar machen

Ein Podcast-Studio verkauft etwas, das sich nicht screenshotten lässt: Timing, Stimme, Atmosphäre. Tonlage brauchte eine Seite, die Rhythmus vermittelt, ohne eine einzige Sekunde Audio automatisch abzuspielen, und die ihre Episoden mit der typografischen Sorgfalt von Liner Notes behandelt.

/build

Scrollen als Timeline

Wir haben die Seite mit GSAP choreografiert: Waveforms zeichnen sich beim Scrollen selbst, Zitate setzen auf den Schlag ein, und das Tempo wird von der eigenen Bewegung der Besucher gescrubbt, wie ein Fader unter dem Daumen. Wer reduzierte Bewegung bevorzugt, bekommt einen ruhigen, statischen Schnitt derselben Geschichte.

Lass uns so etwas bauen.

Projekt starten