BASA CITY

UXUIDesignWebMarketingReal estate
Real estate
Link basa.city/
BASA CITY, ein Wohnkomplex der Komfortklasse am Seeufer im nahen Vorort Kiews (Dorf Chodosiwka, 15 Min. zur Metro Wydubitschi). Vier Sektionen, geschlossenes Gelände, eigene Infrastruktur und Artesianbrunnen. Die vorherige Website-Version generierte Anfragen, deren Kosten den Bauträger jedoch nicht zufriedenstellten. Nach der Aktualisierung von Design, Renderings und technischer Basis sanken die Kosten pro Anfrage um 87%, was die Wirtschaftlichkeit der Werbekampagnen grundlegend veränderte.
Aufgabe
Die Website des Wohnkomplexes auf Yii2-Basis komplett erneuern mit neuem Design und aktuellen Renderings, eine interaktive SVG-Masterplan-Karte mit Sektionsauswahl umsetzen, einen Ratenzahlungsrechner entwickeln, Spam-Bot-Schutz implementieren, durchgängige Analytik über dataLayer einrichten und die Ladegeschwindigkeit für bessere Werbekampagnen-Kennzahlen optimieren.
Was wurde gemacht
  • Die Yii2-basierte Website-Architektur wurde mit komplettem Frontend-Umbau neu aufgestellt: neue Templates, komponentenbasierte Struktur, REST API für dynamischen Content und ein Admin-Panel zur selbstständigen Aktualisierung durch den Bauträger.
  • Ein aktualisiertes Designkonzept in orange-anthrazitfarbener Palette mit neuen 3D-Renderings des Komplexes (Abend- und Tagesansichten) wurde entwickelt, was die emotionale Bindung und den ersten Eindruck deutlich steigerte.
  • Eine interaktive SVG-Masterplan-Karte mit Sektionshervorhebung bei Hover, Statusanzeige jeder Sektion (im Verkauf / verkauft / geplant), Parkplätzen und Infrastrukturobjekten wurde realisiert. Event-Handling über Delegation für optimale Performance.
  • Ein Ratenzahlungsrechner mit zwei Szenarien wurde entwickelt: Vollzahlung mit Rabatt und Ratenzahlung ab 30% Anzahlung, mit dynamischer Berechnung der monatlichen Raten über JavaScript.
  • Die Informationsarchitektur der Website wurde auf den Entscheidungstrichter ausgerichtet: von emotionaler Ansprache durch Renderings über rationale Argumente bis zu Rechner und Kontaktformular, was eine durchgängige Nutzerführung zur Konversion sicherstellte.
  • Eine Baufortschritt-Galerie mit Drohnenfotos und Periodenfilterung wurde implementiert, die das Käufervertrauen in die Projektdynamik stärkt.
  • Mehrstufiger Spam-Bot-Schutz wurde implementiert: serverseitige Validierung über Yii2 Middleware, Rate Limiting auf Anwendungsebene, Honeypot-Felder und clientseitige Prüfung der Formular-Ausfüllzeit zur Blockierung automatisierter Anfragen.
  • Durchgängige Analytik über GTM dataLayer wurde konfiguriert: Events für Sektionsaufrufe, SVG-Karten-Interaktionen, Grundriss-Klicks, Rechneröffnungen, Formularabsendungen und Telefonklicks mit Konversionsübergabe an Google Ads und Facebook Ads.
  • Ein CRM mit automatischer Lead-Erfassung, UTM-Tag- und Traffic-Quellen-Speicherung sowie gewählter Sektion/Grundriss-Daten für kontextbezogene Manager-Nachverfolgung wurde integriert.
  • Umfassende Geschwindigkeitsoptimierung wurde durchgeführt: HTTP/2 Server Push für kritische Ressourcen, mozjpeg-Bildkomprimierung mit Qualitätskontrolle, Lazy Loading über Intersection Observer, asynchrones Laden nicht-kritischen JavaScripts und CSS-Minifizierung.
  • Vollständige mobile Anpassung mit gesonderter SVG-Karten-Adaptation für Touch-Geräte (Pinch-to-Zoom, Tap statt Hover) und Formularoptimierung für mobiles Ausfüllen wurde umgesetzt.
  • Laufender technischer Support mit Performance-Monitoring, Aktualisierung der Bau-Fotoberichte und zeitnaher Reaktion auf Werbekampagnen-Änderungen wurde bereitgestellt.
BASA CITY - basa 4 1BASA CITY - basa 4 2BASA CITY - basa 4 3BASA CITY - basa 4 4
BASA CITY - 1BASA CITY - 2
BASA CITY - basa block images1
Ergebnis
Nach dem Website-Umbau durch das Webstudio sanken die Kosten pro Anfrage um 87%, was die Unit Economics der Werbekampagnen des Bauträgers grundlegend veränderte. Die interaktive SVG-Karte wurde zum primären Instrument der Wohnungsauswahl, der Ratenzahlungsrechner reduzierte Rückfragen, und der mehrstufige Bot-Schutz gewährleistete saubere Analytik und entlastete den Vertrieb von fiktiven Anfragen.