Matahari Hills

Matahari Hills adalah proyek real estate visioner di Bali dengan fokus pada kehidupan berkelanjutan. Tugas kami: menerjemahkan filosofi proyek — kesadaran lingkungan, nilai investasi, dan harmoni arsitektur — menjadi pengalaman web yang modern, cepat, dan berorientasi konversi.

Tantangan

Klien membutuhkan lebih dari sekadar website presentasi — mereka membutuhkan sistem digital yang mengedukasi, meyakinkan, dan mengonversi. Kebutuhan utama:

• Menciptakan kehadiran online premium dengan tingkat kepercayaan tinggi, selaras dengan ekspektasi investor.
• Merancang antarmuka yang berfungsi mulus dalam bahasa Inggris dan Indonesia.
• Mengintegrasikan analitik, komunikasi, dan tools manajemen lead ke dalam satu funnel konversi.
• Menyediakan pengalaman cepat dan mobile-first yang dioptimalkan untuk pencarian dan performa.

Pendekatan

1 — Arsitektur & Teknologi

Kami membangun ulang platform dengan Next.js 14 dan React, menggunakan Storyblok CMS untuk manajemen konten fleksibel. Situs menggunakan static generation untuk kecepatan, Swiper.js untuk storytelling visual, dan deployment di Vercel dengan dukungan HTTP/3 dan CDN.

2 — Analitik Terintegrasi dan Alur CRM

Kami menanamkan ekosistem analitik lengkap — Google Tag Manager, GA4, Facebook Pixel, Yandex Metrica — untuk melacak setiap langkah journey. Semua form lead terhubung ke CRM berbasis Notion melalui webhook Make, sehingga setiap submission dicatat dan siap ditindaklanjuti.

3 — UX & Identitas Visual

Struktur web mengikuti narasi scroll yang bersih: hero → visi proyek → peta lokasi → galeri arsitektur → penawaran investasi. Brand-book mendefinisikan tipografi, palet warna, dan tone of voice untuk memastikan konsistensi di web, sosial media, dan materi investor.

4 — Sistem Konversi & Funnel

Setiap section landing page dipetakan ke funnel penjualan:

• Reverse Squeeze Page → unduh panduan / bergabung ke newsletter
• Application Form → kualifikasi dan pengayaan data
• Thank-You Page → onboarding dan handoff ke CRM

Sistem ini memungkinkan A/B testing dan lead scoring otomatis berdasarkan perilaku pengguna.

Hasil

• Website Next.js berperforma tinggi dengan skor Lighthouse hingga 97/100.
• Penurunan waktu muat halaman hingga sekitar 60% dibanding versi sebelumnya.
• Leads berkualitas dihasilkan melalui iklan Google dan Facebook dengan CPL rata-rata sekitar $64.
• Pelaporan real-time dan sinkronisasi CRM otomatis melalui Make.
• Identitas brand konsisten di website, sosial media, dan materi investor.

Insights

• UX premium dan performa tinggi berdampak langsung pada trust dalam produk real estate bernilai tinggi.
• Integrasi CRM dan analitik sejak hari pertama menghemat banyak jam kerja manual setiap bulan.
• Next.js + Storyblok memberikan fleksibilitas startup untuk industri tradisional seperti real estate.

Tech Stack