3D Webentwicklung
Webentwicklung

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

Technik-Komplex-im-3D-modell
Technik-Komplex-im-3D-modell-1

Ü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.

Erdgeschoss-Komplex-im-3D-modell-1

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.

Wohn-Komplex-im-3D-modell