Alle Projekte

Dream Home

In Arbeit · 2026
Zeitraum
2026
Technologien
Next.js · React · TypeScript · MapLibre · Google Cloud Run

Wie alles begann

Ein Bauunternehmen gab die Website in Auftrag, damit Wohnungssuchende seine Bauprojekte erkunden können.

Probleme und Entscheidungen

Von Renderings zur Entscheidung

Die verfügbaren Renderings zeigten nur einige Ansichten. Aus diesem Material rekonstruierte ich 3D-Darstellungen und gestaltete einen Weg durch Karte, Modelle und Grundrisse, der jedes Bauprojekt mit seinen Wohneinheiten verbindet.

Dokumente barrierefrei gestalten

Um die Materialauswahl nachvollziehbar zu machen, überlege ich, wie sich jedem Material die verfügbaren Spezifikationen und Dokumente zuordnen lassen, wie ich Verweise auf Umweltvorschriften sammeln und etwaige ISO-Zertifizierungen vor ihrer Darstellung überprüfen kann.

So funktioniert’s

  1. Die Website basiert auf Next.js, React und TypeScript. Redaktionelle Seiten und Projektseiten werden vorab gerendert; Inhalte und Routen sind in beiden Sprachen verfügbar.
  2. MapLibre GL stellt die interaktive Karte bereit. Filter, Projektliste und ausgewähltes Bauprojekt teilen sich den Oberflächenzustand.
  3. Galerien, zoombare Grundrisse und 360-Grad-Ansichten verwenden vorab erstellte Bilder und Einzelbilder statt einer vollständigen Echtzeit-3D-Szene im Browser.
  4. Ein eigenständiger Container auf Google Cloud Run hostet die Vorschau. Server Actions, Zod und nodemailer übernehmen die Validierung und die Kontaktabläufe.

Was ich gelernt habe

Ich habe gelernt, Informationen zu einer Immobilie an den Entscheidungen auszurichten, die Wohnungssuchende treffen müssen. Diesen Blick auf den nächsten Schritt der Nutzer bringe ich auch in andere Produkte ein.

Aktueller Stand

In Entwicklung, als private Vorschau. Verfügbarkeit, Inhalte und Nutzerabläufe werden noch validiert.

SEO, GEO und AEO für öffentliche Inhalte

Für Dream Home bereite ich öffentliche Inhalte und die Präsentation unter Berücksichtigung von SEO (Suchmaschinenoptimierung), GEO (Optimierung für generative Suchsysteme) und AEO (Optimierung für Antwortsysteme) vor. Dabei arbeite ich vor der Veröffentlichung an Klarheit, Kontext und Struktur.

Die Vorschau ist privat. Ich bereite die öffentlichen Inhalte für die Veröffentlichung vor. So arbeite ich mit SEO, GEO und AEO.

Ein interessantes Problem?

Erzähl mir, was du entwickeln oder verbessern möchtest, wer es nutzen wird und welche Rahmenbedingungen du hast. Ich melde mich bei dir, damit wir gemeinsam den Ausgangspunkt finden.