04 · Beweis

Website · Demo für Makler und Bauträger

Immobilien-Website „Aurelia“

Eine Demo-Webseite für Immobilienmakler und Bauträger: Das fiktive Büro „Aurelia Residenzen“ zeigt, wie Häuser und Projekte online wirken können, mit 3D-Stadtmodell, Filmen und einem KI-Berater.

Typ
Website · Demo-Projekt
Rolle
Konzept, Gestaltung und Umsetzung
Live
wohninsider.de
wohninsider.de ansehen (öffnet in neuem Tab)
Startseite der Immobilien-Demo „Aurelia Residenzen“: Villa am Wasser in der Dämmerung, daneben ein schwebendes 3D-Modell aus Geschossplatten und die Überschrift „Räume, die bleiben.“

Ausgangslage

Viele Immobilien-Webseiten zeigen Objekte als Bildergalerie mit Kontaktformular. Gekauft wird aber eine Lage, ein Gefühl und das Vertrauen in den Anbieter.

Die Idee

Die Seite erzählt wie ein Exposé in Bewegung: Beim Scrollen wandert die Kamera durch ein 3D-Stadtmodell zu den einzelnen Abschnitten, jedes Projekt bekommt einen eigenen Film, und ein KI-Berater beantwortet Fragen, bevor jemand anruft.

Umsetzung

  • 3D-Szene im Browser: ein Stadtmodell, das beim Scrollen durch Haltung, Projekte, Prozess und Leistungen führt.
  • Vier Beispielprojekte mit Typ, Fläche und Status, eigenem Film und Link zum Exposé.
  • Filme mit Kling AI erstellt, als Hintergrund im Einstieg und in den Projektkarten.
  • Tag-und-Nacht-Regler mit Automatik, der die Stimmung der Seite verändert.
  • Zweisprachig: Deutsch und Englisch per Umschalter.
  • KI-Berater im Demo-Modus: beantwortet Fragen zu Projekten, Preisen, Verfügbarkeit und Kaufablauf und verweist auf das passende Exposé.
  • Anfrageformular mit Anliegen wie Besichtigung, in der Demo ohne Übertragung.

Datenschutz

Alle Dateien kommen von der eigenen Domain, es werden keine fremden Server angefragt. Die Antworten des KI-Beraters sind in der Demo vorbereitet und entstehen im Browser; das Formular überträgt nichts.

Stand

Fiktives Demo-Projekt: Firma, Adresse, Projekte und Zahlen sind ausgedacht. Aufbau und Technik lassen sich auf ein echtes Makler- oder Bauträgerbüro übertragen.

Technik

  • Three.js (WebGL)
  • Lenis Smooth Scroll
  • Kling AI (Filme)
  • Zweisprachig DE/EN
  • KI-Berater (Demo)