Matahari Hills

Matahari Hills ist ein visionäres Immobilienprojekt auf Bali und vereint nachhaltiges Wohnen, langfristigen Investitionswert und moderne Architektur. Unsere Aufgabe: diese Philosophie in ein hochwertiges digitales Erlebnis zu übersetzen, das Vertrauen schafft, informiert und klar konvertiert – für internationale Investoren ebenso wie für lokale Käufer.

Herausforderung

Der Kunde benötigte deutlich mehr als eine Präsentationsseite. Gefordert war ein digitales System, das:

• ein Premium-Markenerlebnis vermittelt
• Investoren durch Fakten, Transparenz und Storytelling überzeugt
• zweisprachige Inhalte (Englisch/Indonesisch) konsistent bereitstellt
• Analytics, CRM und Lead-Funnel in einer einheitlichen Plattform bündelt
• maximale Geschwindigkeit und SEO-Performance (Mobile-First) erreicht

Kurz: Brand Experience + Conversion Engine + skalierbare technische Architektur.

Unser Ansatz

1 — Architektur & Technologie

Wir entwickelten die Plattform vollständig neu auf Basis eines modernen, skalierbaren Stacks:

• Next.js 14 + React für Performance und SEO-optimiertes Rendering
• Storyblok CMS für flexible Content-Strukturen
• Static Site Generation für internationale Ladegeschwindigkeit
• lit-element Komponenten für wiederverwendbare UI-Bausteine
• Swiper.js für immersive, visuelle Storytelling-Sequenzen

Bereitstellung über Vercel, inklusive HTTP/3, CDN-Caching, automatischen Deployments Das Resultat: ein extrem schnelles, stabiles Fundament, optimiert für Wachstum.

2 — Integrierte Analytics- & CRM-Flows

Wir entwickelten ein vollständiges Analytics-Ökosystem, das alle Touchpoints misst:

• Google Tag Manager, GA4, Facebook Pixel, Yandex Metrica
• Ereignis-Tracking für Scrolltiefe, Karte-Interaktionen, CTA-Klicks
• CRM-Integration über Make-Webhooks
• Zentrale Lead-Verarbeitung in einem Notion-basierten CRM
• Echtzeit-Benachrichtigungen für das Vertriebsteam

So entsteht ein vollautomatisierter Funnel ohne Datenverlust – von der ersten Impression bis zur qualifizierten Anfrage.

3 — UX & Visuelle Identität

Die Website folgt einer klaren, linearen Erzählstruktur: Hero → Vision → Lagekarte → Architektur → Investmentangebot Wir entwickelten:

• ein konsistentes Brandbook (Typografie, Farbwelt, Tonalität)
• interaktive Module wie Google Maps, WhatsApp-Chat, Micro-Animationen
• eine ruhige, vertrauensvolle Ästhetik, die Premium-Immobilien widerspiegelt
• mobile-optimierte Page-Layouts für internationale Zielgruppen

Die Experience verbindet Emotion (Storytelling) mit Struktur (Investment-Argumente).

4 — Konversionssystem & Funnel

Jedes Modul wurde Teil eines datengetriebenen Sales-Funnels:

• Reverse Squeeze Page → Lead magnet / Downloads
• Bewerbungsformular → Qualifizierung und automatische Datenanreicherung
• Thank-You Page → Onboarding & Übergabe an das CRM
• A/B-Tests für Headlines, CTAs und Visuals
• Automatisches Lead-Scoring basierend auf Nutzerverhalten

So entstand ein messbarer, optimierbarer Funnel für Performance-Marketing.

Ergebnisse

• 97 / 100 Lighthouse Score (Performance, SEO, Accessibility)
• 60 % schnellere Ladezeiten im Vergleich zur alten Version
• Qualifizierte Leads mit einem durchschnittlichen CPL von 64 USD
• Echtzeit-Reporting und fehlerfreie CRM-Synchronisation
• Einheitliches, wiederverwendbares Markensystem für Web, Social und Investorenmaterialien

Technologie-Stack

Erkenntnisse

• Premium-UX + Performance steigern Vertrauen – entscheidend im Immobiliensegment.
• Früh integrierte Analytics & CRM reduzieren manuelle Arbeit erheblich.
• Next.js + Storyblok ermöglichen Startup-Geschwindigkeit auch in traditionellen Branchen.
• Datenbasierte Funnels schlagen klassische Kampagnen – Skalierung entsteht durch System, nicht durch Vermutung.