Refokus — Interaktives WebGL & 3D-Animation

Seit 2023 arbeite ich als freiberuflicher 3D Animator und WebGL-Partner für Refokus, ein Studio, das für interaktive, designgetriebene Websites bekannt ist. Die Zusammenarbeit umfasst interaktive WebGL-Erlebnisse, abstrakte 3D-Animationen und cineastische Website-Filme, alle getragen von der Idee, dass Bewegung, Code und Komposition den digitalen Auftritt einer Marke stärken.

Der Ansatz: von Cinema 4D ins Web

Mein Teil beginnt meist in Cinema 4D, wo ich Szenen, Materialien und Animation von Anfang an mit Blick auf die Grenzen des Echtzeit-Renderings entwickle. Danach geht es in WebGL weiter: Dort werden die Szenen zu 3D-Welten im Browser, die in Echtzeit auf Scrollen, Mausbewegung und Eingaben reagieren.

Genau dieser Schritt unterscheidet interaktives 3D von einem eingebetteten Video. Geometrie, Texturen und Licht müssen so optimiert sein, dass alles auf Laptops und Smartphones flüssig läuft, und die Animation muss auch dann funktionieren, wenn der Nutzer das Tempo bestimmt und nicht die Timeline.

Meine Aufgabe: 3D-Animation und WebGL

Ich arbeite auf beiden Seiten des Prozesses: Ich entwickle die 3D-Szenen und die Animation und bringe sie als Echtzeit-WebGL in den Browser. Neben der interaktiven Arbeit habe ich abstrakte Erklär-Animationen und cineastische Motion-Sequenzen für Website-Filme und Kampagnen produziert, etwa das Hype-Video auf dieser Seite.

Das Ergebnis

Mehrere der daraus entstandenen Projekte wurden mit einer Awwwards Site of the Day ausgezeichnet, einem der sichtbarsten Qualitätsmaßstäbe in Webdesign und WebGL.

Ähnliche Projekte

Ein weiteres Beispiel für 3D-Assets, die für den Echtzeit-Einsatz gebaut sind, ist meine 3D-Produktbibliothek für Leuchtturm1917. Und wenn du abstraktes 3D rund um Licht und Rhythmus magst, schau dir mein Broadcast Design für WELT an.

Wenn du für ein interaktives Webprojekt einen freiberuflichen 3D Animator oder WebGL-Entwickler in Berlin suchst, zeigt diese Zusammenarbeit die Bandbreite: von cineastischem 3D bis zur praktischen Umsetzung in Echtzeit.