Matahari Hills

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

Задача

Клиенту нужен был не просто презентационный сайт — требовалась цифровая система, которая информирует, убеждает и конвертирует. Ключевые требования:

Создать премиальное, внушающее доверие онлайн-присутствие, соответствующее ожиданиям инвесторов.
Спроектировать интерфейс, одинаково хорошо работающий на английском и индонезийском языках.
Интегрировать аналитику, коммуникации и лид-менеджмент в единый конверсионный флоу.
Обеспечить быстрый, mobile-first опыт с оптимизацией под поиск и производительность.

Подход

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

Мы перезапустили платформу на Next.js 14 и React с CMS Storyblok для гибкого управления контентом. Сайт использует статическую генерацию для скорости, lit-element для переиспользуемых UI-компонентов и Swiper.js для плавного визуального сторителлинга. Деплой на Vercel обеспечивает автосборки, доставку через CDN и оптимизацию HTTP/3.

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

Мы внедрили полный аналитический контур — Google Tag Manager, GA4, Facebook Pixel, Yandex Metrica — для трекинга всего пользовательского пути. Формы лидов подключены напрямую к CRM на базе Notion через вебхуки Make, исключая потери между отправкой формы и продажным фоллоу-апом.

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

Структура сайта следует чистому скролл-нарративу: hero-секции → видение проекта → карта локации → галерея архитектуры → инвестиционное предложение. Мы подготовили брендбук (типографика, палитра, тональность) для согласованности веба и офлайна. Интерактивы: интеграция Google Maps, виджет WhatsApp, микроанимации, усиливающие доверие и элегантность.

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

Каждый блок лендинга привязан к стадии воронки:

Reverse Squeeze Page → скачивание гида / подписка на рассылку
Application Form → квалификация и обогащение данных
Thank-You Page → онбординг и передача в CRM

Система позволила A/B-тестирование и автоматический lead scoring на основе поведения.

Результаты

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

Инсайты

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