Portfolio
3D-Webentwicklung für Präsidium Frankfurt am Main
Städtebauliches Großprojekts
Branche: Immobilienentwicklung
Leistungen: 3D Web-Entwicklung
Technologien: WebGL, Three.js, Javascript, GLTF/GLB, HTML, CSS, Responsive Design
Launch: August – Oktober 2022


Über das Projekt 3D-Webentwicklung
„Das Präsidium“ war eines der ambitioniertesten Stadtentwicklungsvorhaben Frankfurts: Auf dem 15.430 m² großen Gelände des ehemaligen Polizeipräsidiums an der Friedrich-Ebert-Anlage sollte ein Mixed-Use-Quartier mit einem 175 Meter hohen Hochhaus (48 Geschosse), dem denkmalgeschützten Altbau von 1914, Wohngebäuden, einer Kindertagesstätte und einer Tiefgarage entstehen.
Für die Vermarktung und Investorengewinnung wurde ein interaktives 3D-Modell benötigt, das den Gebäudekomplex in seiner Gesamtheit erlebbar macht – direkt im Browser, ohne Plugins oder Downloads.
Unsere Lösung für die 3D-Webentwicklung
Auf Basis der Architekturdaten haben wir ein maßstabsgetreues WebGL-3D-Modell des gesamten Areals erstellt. Das Modell ist 360° drehbar und erlaubt es Nutzern, jedes der fünf Teilprojekte – darunter den Präsidium Tower, das Alte Polizeipräsidium und die Wohngebäude – einzeln anzuwählen.
Beim Klick auf ein Gebäude werden Fakten, Nutzungsarten und ein animierter Stacking-Plan eingeblendet. Per Hover über einzelne Stockwerksbereiche erscheinen weiterführende Informationen, und ein weiterer Klick öffnet den zugehörigen Regelgrundriss.

Produktfunktionen im Überblick
360° Geländeübersicht
Frei drehbare Gesamtansicht des Quartiers mit Wireframe-Ästhetik auf schwarzem Hintergrund. Alle fünf Gebäude und die Tiefgarage sind ansteuerbar.
Interaktive Gebäudeauswahl
Hover-Effekte mit farblicher Markierung (Neon-Grün). Beim Klick zoomt die Kamera auf das gewählte Gebäude und blendet das Info-Panel ein.
Weitere Produktfunktionen im Überblick
Animierte Stacking-Pläne
Dynamische Stacking-Diagramme zeigen die Nutzungsverteilung je Gebäude – von Büro über Wohnen bis Gewerbe, Kita und Technik.
Stockwerk-Navigation
Einzelne Stockwerksbereiche sind per Hover und Klick erreichbar. Es erscheinen Etagennummer, Nutzungsart und – wo vorhanden – der Regelgrundriss.



