b2in/dev/immobilien 07-05-2026/umsetzungsschritte.md
2026-05-08 10:41:03 +02:00

7.6 KiB

Umsetzungsschritte Immobilien/Azizi Preview

Stand: 2026-05-08

Ausgangspunkt

Ziel war ein erster belastbarer Seitenentwurf fuer https://b2in.test/immobilien, ohne bereits das spaetere Datenbank- oder CMS-Modell festzulegen. Als Grundlage dienten das bestehende Immobilien-Frontend, die vorhandene Detailseite zu azizi-creek-views-4, die Konzeptnotizen im Obsidian-Vault und das von Azizi bereitgestellte SharePoint-Material.

Die Umsetzung wurde bewusst als Preview unter /dev/immobilien-azizi angelegt, damit Layout, Inhalte und Dramaturgie geprueft werden koennen, bevor die Inhalte in ein dauerhaftes CMS- oder Datenmodell ueberfuehrt werden.

Eingesetzte Quellen

  • Konzeptdatei: # B2in Immobilien-Seite - Entwicklungs- & Gestaltungskonzept.md
  • Top-Projekte: # B2In Dubai - Top-Projekte Azizi Developments.md
  • Projektliste mit offiziellen Azizi-Links: Immobilien Dubai.md
  • Lokaler Azizi-SharePoint-Export: dev/immobilien 07-05-2026/AZIZI SharePoint
  • Azizi Folding Map: /Users/kevinadametz/Desktop/Azizi Folding Map V.10.pdf
  • Bestehende Laravel/Blade-Seiten:
    • resources/views/web/immobilien.blade.php
    • resources/views/web/immobilien-show.blade.php

Datenextraktion und Abgleich

Zuerst wurde der grosse Azizi-SharePoint-Ordner strukturell ausgewertet. Dabei wurden Projektordner, Bildkandidaten, XLSX-Daten und kleinere Factsheet-PDFs erfasst. Grosse Marketing-Broschueren wurden bewusst nicht als Hauptquelle verwendet, weil sie viel Marketingtext und wenig harte Fakten enthalten.

Dafuer wurde das Skript extract_azizi_sources.py erstellt. Das Ergebnis liegt in azizi-extraction.json.

Anschliessend wurden die offiziellen Azizi-Projektlinks aus Immobilien Dubai.md extrahiert und mit den Top-Projekten aus der kuratierten Liste abgeglichen. Dafuer wurde build_azizi_project_research.py erstellt. Die Ergebnisse liegen in:

  • azizi-official-links.json
  • azizi-top-projects-research.json

Nach dem zusaetzlichen PDF-Abgleich mit der Azizi Folding Map wurden harte Stammdaten wie Einheitenzahlen, Standorte, Gebaeudeanzahl und Hoeheninformationen nachgetragen. Die gesonderte Extraktion liegt in azizi-folding-map-extraction.json.

Wichtige Datenkorrekturen aus der Azizi Folding Map

Die Map hat mehrere Projektdaten konkretisiert oder bestaetigt:

  • Burj Azizi: 725 Meter, 140+ Etagen, 1.037 Residences
  • Azizi Riviera: 12.285 Apartments
  • Azizi Venice: 102 Apartment Buildings, 34.795+ Apartments, 109 Villas
  • Azizi Milan: 100 Buildings, 80.000 Apartments
  • Beach Oasis: Dubai Studio City, 1.416 Apartments, vier Residential Buildings
  • Park Avenue: Meydan Avenue, 274 Apartments
  • Azizi Grand: Dubai Sports City, 411 Apartments
  • Azizi Mina: Palm Jumeirah, 178 Apartments
  • Azizi Wasel: Dubai Islands, 221 Apartments

Besonders relevant war die Klarstellung zu Beach Oasis: Fuer die neue Seite wird das Projekt in Dubai Studio City gefuehrt, nicht als Jaddaf-Projekt.

Nachtrag: Azizi Folding Map V.10 als Leitkarte

Am 2026-05-08 wurde die lokale Datei dev/immobilien 07-05-2026/Azizi Folding Map V.10.pdf als aktuelle Leitquelle ergaenzt und erneut gegen die Preview-Daten abgeglichen.

Die PDF fuehrt 19 Kartenpositionen:

  1. Azizi Milan
  2. Burj Azizi
  3. Azizi Venice
  4. Azizi Riviera
  5. Park Avenue
  6. Creek Views I
  7. Creek Views II
  8. Creek Views III
  9. Azizi Emerald
  10. Azizi Beach Oasis
  11. Azizi Vista
  12. Azizi Grand
  13. Azizi Mina
  14. Royal Bay
  15. Azizi Ruby
  16. Azizi Wasel
  17. Azizi Aura
  18. Azizi Arian
  19. Al Furjan / Ready-to-Move-Portfolio

Gegenueber der bisherigen Preview fehlten mehrere PDF-Positionen als eigene Projektdatensaetze. Ergaenzt wurden:

  • Burj Azizi als echtes Detailprojekt, nicht nur als Featured-Referenz
  • Creek Views III
  • Azizi Emerald
  • Azizi Vista
  • Azizi Ruby
  • Azizi Aura
  • Azizi Arian
  • Al Furjan Ready-to-Move Portfolio

Die Preview enthaelt dadurch nun 25 Projektdatensaetze: die 19 Leitkartenpositionen plus bereits kuratierte Zusatzprojekte aus dem B2in-Briefing, z. B. Riviera Rêve, Riviera Beachfront, Monaco Mansions, Star, ROY Mediterranean und Farishta.

Zusaetzlich wurden die englischen Lage-/Stadtteiltexte von Seite 2 als deutsche Arbeitsfassung in resources/lang/de/immobilien-azizi.json unter districts hinterlegt. Diese Texte koennen spaeter fuer Karten-Layer, Standortfilter und Detailseiten verwendet werden.

Inhaltsstruktur

Die Inhalte fuer den Preview wurden in resources/lang/de/immobilien-azizi.json ausgelagert. Diese Datei enthaelt aktuell:

  • Meta-Informationen fuer die Seite
  • Hero-Inhalte
  • Intro- und Beratungsnarrativ
  • Featured-Projekt Burj Azizi
  • Smart-Map-Pins fuer wichtige Standorte
  • Projektkategorien
  • 18 kuratierte Azizi-Projekte
  • Market-Context-Abschnitt
  • Prozess-/Beratungsabschnitt
  • Mindset- und Furniture-/Service-Abschnitt

Die Projektlogik wurde nicht nach Datenbankanforderungen modelliert, sondern nach praesentationsfaehigen Website-Inhalten: Investment-Fokus, Projektstatus, Standort, Einheiten, Highlights, passende Kaeuferprofile und offizielle Azizi-Quelle.

Frontend-Umsetzung

Es wurden zwei neue Preview-Blades erstellt:

  • resources/views/web/dev/immobilien-azizi.blade.php
  • resources/views/web/dev/immobilien-azizi-show.blade.php

Die Uebersichtsseite enthaelt:

  • eine neue Hero-Sektion fuer Dubai/Azizi
  • eine persoenlichere Marcel-/B2in-Einfuehrung
  • eine hervorgehobene Burj-Azizi-Sektion
  • eine einfache Smart-Map als MVP
  • Projektkarten nach Investmentlogik
  • Markt- und Prozessabschnitte
  • CTA-Bereich

Die Detailseite enthaelt:

  • Projekt-Hero mit Status, Standort und Quelle
  • Quick Facts
  • Investment Case
  • Passendes Kaeuferprofil
  • Highlights
  • Verlinkung zur offiziellen Azizi-Projektseite
  • Beratungs-CTA

Routing

In routes/web.php wurden Preview-Routen innerhalb der bestehenden /dev-Gruppe ergaenzt:

  • /dev/immobilien-azizi
  • /dev/immobilien-azizi/{slug}

Die Seiten laden die Inhalte direkt aus resources/lang/de/immobilien-azizi.json. Unbekannte Slugs fuehren zu einem 404.

UI-Anpassung nach Erstfeedback

Nach dem ersten Wurf war die zweite Sektion IM BAU / OFF-PLAN optisch nicht gut lesbar, weil weisse Schrift auf zu hellem Grund stand. Daraufhin wurde die komplette Featured-/Off-Plan-Sektion dunkler und staerker abgesetzt gestaltet.

Die Sektion nutzt nun einen dunklen Hintergrund mit Bild-/Overlay-Logik, damit sie sich klar von der vorherigen hellen Sektion unterscheidet und die weissen Texte lesbar bleiben.

Tests und Pruefung

Ergaenzt wurden Feature-Tests in tests/Feature/ImmobilienShowTest.php fuer:

  • die neue Dev-Uebersichtsseite
  • die Burj-Azizi-Detailseite
  • 404-Verhalten bei unbekannten Projekt-Slugs

Durchgefuehrte technische Checks:

  • php -l routes/web.php
  • python -m json.tool resources/lang/de/immobilien-azizi.json
  • python -m json.tool dev/immobilien 07-05-2026/azizi-folding-map-extraction.json
  • python -m json.tool dev/immobilien 07-05-2026/azizi-top-projects-research.json
  • git diff --check
  • ./vendor/bin/pint --dirty --format agent

Die Laravel Feature-Tests konnten in der aktuellen lokalen CLI nicht ausgefuehrt werden, weil dort PHP 8.2 aktiv ist, das Projekt aber PHP >= 8.4 voraussetzt.

Aktueller Stand

Der Preview ist als statische, datengetriebene Version umgesetzt. Inhalt, Projektlogik und visuelle Dramaturgie koennen damit im Browser geprueft werden, ohne dass bereits CMS-Strukturen festgelegt werden muessen.

Die wichtigsten Datenquellen sind abgeglichen. Die Azizi Folding Map hat die bisherigen Inhalte bestaetigt und mehrere harte Zahlen ergaenzt. Die naechste sinnvolle Phase waere die visuelle Feinabstimmung der Projektkarten, der Smart-Map und anschliessend die Entscheidung, welche Felder spaeter ins CMS/Datenmodell uebernommen werden.