Matahari Hills

Matahari Hills is a visionary real-estate project in Bali focused on sustainable living. Our task was to translate the project's philosophy — environmental awareness, investment value, and architectural harmony — into a modern web experience that could engage investors and buyers alike.

Challenge

The client needed significantly more than a presentation page. Required was a digital system that:

• conveys a premium brand experience
• convinces investors through facts, transparency and storytelling
• consistently provides bilingual content (English/Indonesian)
• bundles analytics, CRM and lead funnel in a unified platform
• achieves maximum speed and SEO performance (Mobile-First)

In short: Brand Experience + Conversion Engine + scalable technical architecture.

Approach

1 — Architecture & Technology

We completely rebuilt the platform based on a modern, scalable stack:

• Next.js 14 + React for performance and SEO-optimized rendering
• Storyblok CMS for flexible content structures
• Static Site Generation for international loading speed
• lit-element components for reusable UI building blocks
• Swiper.js for immersive, visual storytelling sequences

Deployment via Vercel, including HTTP/3, CDN caching, automatic deployments The result: an extremely fast, stable foundation, optimized for growth.

2 — Integrated Analytics & CRM Flows

We developed a complete analytics ecosystem that measures all touchpoints:

• Google Tag Manager, GA4, Facebook Pixel, Yandex Metrica
• Event tracking for scroll depth, map interactions, CTA clicks
• CRM integration via Make webhooks
• Central lead processing in a Notion-based CRM
• Real-time notifications for the sales team

This creates a fully automated funnel without data loss – from first impression to qualified inquiry.

3 — UX & Visual Identity

The website follows a clear, linear narrative structure: Hero → Vision → Location Map → Architecture → Investment Offer We developed:

• a consistent brandbook (typography, color palette, tone of voice)
• interactive modules like Google Maps, WhatsApp Chat, micro-animations
• a calm, trustworthy aesthetic that reflects premium real estate
• mobile-optimized page layouts for international audiences

The experience combines emotion (storytelling) with structure (investment arguments).

4 — Conversion System & Funnel

Every module became part of a data-driven sales funnel:

• Reverse Squeeze Page → Lead magnet / Downloads
• Application Form → Qualification and automatic data enrichment
• Thank-You Page → Onboarding & handover to CRM
• A/B tests for headlines, CTAs and visuals
• Automatic lead scoring based on user behavior

This created a measurable, optimizable funnel for performance marketing.

Results

• 97 / 100 Lighthouse Score (Performance, SEO, Accessibility)
• 60 % faster loading times compared to the old version
• Qualified leads with an average CPL of 64 USD
• Real-time reporting and error-free CRM synchronization
• Unified, reusable brand system for web, social and investor materials

Tech Stack

Insights

• Premium UX + Performance increase trust – crucial in the real estate segment.
• Early integrated Analytics & CRM significantly reduce manual work.
• Next.js + Storyblok enable startup speed even in traditional industries.
• Data-based funnels beat classic campaigns – scaling comes through system, not guesswork.