Alle Cases
Ausgewählte Arbeit · 2026Webdesign · Live

MITTEN IM PELOTON

Eine interaktive WebGL-Experience für Pedal Party Passau. Reaktive 3D-Skulpturen, Glasmaterialien, räumliches Sounddesign und eine choreografierte Touch- und Cursor-Sequenz verschmelzen zu einem digitalen Peloton.

Creative Development / WebGL / Sound Design

Experience öffnen
WebGL-Peloton aus schwebenden metallischen Beinformen mit dem Schriftzug Mitten im Peloton
01 / 04Das Feld

Sechzehn Formen bilden das Feld. Eine gläserne Skulptur wird zum Instrument. Jeder Impuls verändert Material, Raum und Klang, bis das Objekt in Fragmente aufbricht und den Weg ins Peloton freigibt.

Leistungen

  1. 01Creative Development
  2. 02WebGL und Shader
  3. 03Interaction Design
  4. 04Sound Design
  5. 05Performance Engineering

01 · Aufgabe

Die 16 Beinformen von Pedal Party Passau sollten als digitales Erlebnis funktionieren, nicht als weitere statische Kampagnenseite.

02 · Ansatz

Ein geladenes Feld aus extrudierten Beinformen führt in eine direkt manipulierbare Glas-Skulptur. Bewegung, Druck, Klang und Licht folgen derselben siebenstufigen Kadenz.

03 · Ergebnis

Eine eigenständige Creative-Development-Arbeit, die auf Mobile, Foldables, iOS Safari und Desktop dieselbe Dramaturgie behält, ohne ein schweres Video oder vorgerendertes 3D vorzutäuschen.

Technologie

Three.js · GSAP · Web Audio · WebGPU HDR · Next.js

Was die Arbeit trägt

01

Echtzeit-3D mit Three.js und eigenen Shader-Materialien

02

Interaktionen über Cursor, Touch, Druck und Bewegung

03

Siebenstufige Glasbein-Sequenz mit Explosion und Fragmenten

04

Musikalisches Web-Audio-Sounddesign

05

HDR-Unterstützung auf kompatiblen Displays

06

Optimiert für Mobile, Foldables, iOS Safari und Desktop

07

Premium Loader mit nahtlosem Zoom in die Experience

Visuelle Sequenz

02—04
Zentrale gläserne Bein-Skulptur vor einem dunklen räumlichen Hintergrund
Die Skulptur02
Glas-Skulptur in der vierten Stufe der siebenstufigen Interaktionssequenz
04 / 07 · Druck halten03
Aufgebrochene Glas-Skulptur im Moment der finalen Schwelle
07 / 07 · Schwelle offen04

Case Study · Pedal Party Passau

Schreib mir. Antwort heute oder morgen.

Nächstes Projekt besprechen