Matahari Hills

Matahari Hills — это инновационный девелоперский проект на Бали, построенный вокруг принципов устойчивой архитектуры и осознанного образа жизни. Наша задача заключалась в том, чтобы передать философию проекта — экологичность, инвестиционную ценность и гармонию с природой — в виде современной, высококонверсионной цифровой системы.

Задача

Клиенту требовался не просто презентационный сайт, а полноценная цифровая платформа, которая:

• формирует премиальное впечатление и доверие со стороны инвесторов
• одинаково эффективно работает на английском и индонезийском языках
• объединяет аналитику, коммуникацию и CRM в единую лид-воронку
• обеспечивает высокую скорость, мобильную оптимизацию и SEO-готовность

Подход

1 — Архитектура и технологии

Платформа была полностью переработана на базе Next.js 14 и React, с использованием Storyblok CMS для гибкого управления контентом. Технические решения включали: SSG (статическая генерация) для мгновенной загрузки, lit-element для модульных, переиспользуемых компонентов, Swiper.js для плавной визуальной подачи контента, деплой на Vercel с автоматическими билдами, CDN и поддержкой HTTP/3. Результат — высокопроизводительная архитектура, готовая к масштабированию.

2 — Интегрированная аналитика и CRM-поток

Мы внедрили единую аналитическую систему: Google Tag Manager, GA4, Facebook Pixel, Yandex Metrica. Каждый этап пути пользователя отслеживается и передаётся в Notion-CRM через Make Webhooks. Это обеспечивает: нулевые потери данных, автоматизацию квалификации, прозрачность для маркетинга и отдела продаж, моментальный follow-up без ручной обработки.

3 — UX и визуальная идентичность

Мы построили интерфейс как цельный storytelling-скролл: геро-секция, видение и философия проекта, интерактивная карта локации, архитектурная галерея, инвестиционное предложение. Для бренда создан: гайдбук по типографике и цветам, единый визуальный тон, микровзаимодействия и анимации, усиливающие ощущение премиальности. Также интегрированы Google Maps, WhatsApp-виджет и элементы доверия.

4 — Конверсионная система и воронка

Каждый блок лендинга подчинён чёткой структуре продаж:

• Reverse Squeeze Page — гайды, подписка, вовлечение
• Application Form — сбор данных для квалификации
• Thank-You Page — подготовка к диалогу и передача в CRM

Добавлены: A/B-тестирование, автоматически назначаемые лид-скоринги, сегментация аудиторий по поведению.

Результаты

• Создан высокопроизводительный сайт на Next.js с Lighthouse-оценкой 97/100
• Время загрузки сокращено на 60% по сравнению с предыдущей версией
• Получены квалифицированные лиды из Google и Meta Ads по цене $64 за заявку
• Реализована полная автоматизация отчётности и CRM через Make
• Создан единый бренд-язык для сайта, соцсетей и инвесторских материалов

Инсайты

• Премиальный UX напрямую повышает доверие в сегменте дорогой недвижимости.
• Интеграция CRM и аналитики с первого дня экономит десятки часов ручной работы каждый месяц.
• Next.js + Storyblok дают гибкость стартапа, даже если продукт относится к традиционной сфере девелопмента.

Tech Stack