Show
reel

Unser Showreel: Leistungen, Projekte und Team als interaktives 3D-Erlebnis, das zeigt, was heute im Browser möglich ist.

Aufgaben

Konzeption
Design
Programmierung

Showreel Website screenshot

WebGL-Projektflug, 3D Landkarte, 3D Modelle, Physik-Simulation.

Was im Web heute möglich ist, zeigen wir lieber, statt es zu erzählen. Deshalb haben wir unsere Website in eine Scroll-Erfahrung verwandelt: Jede Bewegung des Mausrads treibt die Seite an, jede Sektion ist eine eigene Welt mit eigener Technik.

Alles läuft direkt im Browser, ohne App und ohne Plugin, am Desktop genauso wie am Smartphone.

Zum Showreel

Projekt-
flug
WebGL & Röntgenlinse

Beim Scrollen fliegen Sie in 3D durch unsere Kundenprojekte. Die Website-Fenster schweben im Raum, biegen sich bei schnellem Scrollen und tauchen im Nebel wieder unter. Fährt man mit der Maus über ein Projekt, legt eine Röntgenlinse den Bauplan der Website frei. Ein Shader berechnet ihn in Echtzeit aus dem Screenshot.

Davor zeichnen sich unsere Leistungs-Piktogramme Strich für Strich selbst, danach antwortet der KI-Agent der PostWerkStatt Nachricht für Nachricht. Daneben leuchtet im n8n-Workflow genau der Schritt auf, der gerade arbeitet.

Projektflug im Showreel: Website-Fenster im 3D-Raum, eine Röntgenlinse zeigt den Bauplan einer Seite

Team &
Standort
Physik & echte Geländedaten

Unser Team hängt als Namensschilder an Stoffbändern, simuliert mit echter Physik. Die Karten lassen sich greifen, ziehen und umdrehen, sie stoßen einander weg und zeigen auf der Rückseite die Kontaktdaten.

Zum Schluss fliegen Sie über die Donau nach Ottensheim. Grundlage sind echte Höhendaten und Luftbilder. Aus der Höhe erscheint das Gelände als grüner Höhenlinien-Bauplan, beim Anflug wird daraus das Foto, bis die Kamera über unserem Büro in der PostWerkStatt landet.

„Anflug auf Ottensheim im Showreel: Luftbild mit Markierung am Büro von screencode

Für alle
zugänglich

 Barrierefrei & suchmaschinenfreundlich

Die Effekte sind Zugabe, nicht Voraussetzung. Wer im Betriebssystem „Bewegung reduzieren“ eingestellt hat oder ein Gerät ohne WebGL nutzt, bekommt alle Inhalte als ruhige, klar gegliederte Seite.

Für Suchmaschinen und KI-Agenten gibt es strukturierte Daten, eine Textfassung und einen Eintrag in unserer llms.txt.

Technische Details: Realisiert mit Three.js (WebGL), eigener Scroll-Engine, Verlet-Physik, Lenis und esbuild. Luftbild: basemap.at, Geländedaten: Terrain Tiles (AWS Open Data).

screenshot der der Barrierefreiheits-Sektion

In 24 Stunden erhalten Sie von uns eine 
Antwort auf Ihre Anfrage. 
Stellen Sie uns auf die Probe!

Kontakt