О проекте
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 дают гибкость уровня стартапа даже для традиционных отраслей вроде недвижимости.