Коттедж городок Garden Village
Real estate
garden-village.com.ua/ Garden Village - премиальный коттеджный городок в Крюковщине в 15 минутах от Киева: дуплексы и таунхаусы в стиле barn house рядом с парком и озером, с собственным двором, террасами, крытыми
парковками и площадью от 112 м². Застройщик развивает локацию с 2023 года и уже запустил пятую очередь строительства - каждая из которых успешно продаётся через сайт. Нужна была не просто красивая страница, а платформа
лидогенерации, масштабируемая на каждую новую очередь: с интеграциями в CRM, телефонию и Google Docs, сквозной аналитикой и скоростью загрузки, удерживающей мобильный трафик с рекламы.
Задача
Разработать под ключ на WordPress сайт коттеджного городка Garden Village: дизайн, UX/UI-проектирование, разработка и оптимизация. Реализовать hero-секцию со слайдером очередей строительства и процентами
готовности, секцию преимуществ с авторской иконографикой, детальные планировки дуплексов с поэтажной навигацией и покомнатной раскладкой площадей, секцию локации с инфраструктурой Крюковщины, условия покупки с рассрочкой.
Интегрировать с CRM застройщика, телефонией, Google Docs для обработки заявок и Google Analytics с отправкой dataLayer-событий для отслеживания конверсий. Обеспечить оптимизацию скорости загрузки и адаптивную вёрстку.
Что сделано
- Разработан дизайн и построен сайт на WordPress с кастомной архитектурой, масштабируемой на каждую новую очередь строительства: шаблон позволяет запускать сайт для следующего городка с минимальными изменениями.
- Реализована hero-секция с полноэкранным слайдером визуализаций, подзаголовком «Дом с собственным двором по цене квартиры» и двумя CTA: «Узнать цену» и «Планировки». На боковой панели выведены все очереди строительства с circular-индикаторами готовности (45%, 70%, 100%) и адресами для мгновенного понимания масштаба застройщика.
- Создана секция «О проекте» с позиционированием на семейную аудиторию и блок ключевых преимуществ в формате 4 колонок с авторскими иконками: Пространство, Территория, Удобство, Энергоэффективность, и второй уровень: Дизайн, Локация, Материалы, Застройщик.
- Построена галерея визуализаций с каруселью и бегущей строкой-тикером «СТОЛИЦА РЯДОМ • ШКОЛА РЯДОМ» для усиления посыла близости к инфраструктуре.
- Реализованы детальные страницы планировок с поэтажной табовой навигацией (Первый этаж / Второй этаж): архитектурный чертёж с нумерацией комнат, покомнатная таблица площадей (кухня-гостиная, спальни, санузлы, гардеробная, терраса, коридор, прихожая), общая площадь и площадь участка. Функциональные бейджи (Терраса, Гардеробная, Крытая парковка) и CTA «Записаться на просмотр».
- Создана секция условий покупки с ценами в гривне и долларовом эквиваленте, описанием программы рассрочки до 18 месяцев с первым взносом от 30%, и интеграцией с государственной программой «єОселя».
- Построена секция локации «Идеальное расположение для вашего дома» с описанием инфраструктуры Крюковщины: парк с озером в 10 минутах пешком, школы, магазины, медицинские учреждения. Блок из 4 преимуществ локации с авторскими иконками.
- Интегрировано с CRM застройщика: каждая заявка с любой формы на сайте автоматически попадает к менеджеру с атрибуцией источника, страницы и планировки, по которой обращались.
- Подключена телефония с динамической подменой номеров для отслеживания звонков с разных рекламных каналов и фиксацией в CRM.
- Интегрирован Google Docs: заявки дублируются в общие таблицы для оперативного контроля менеджерами и руководством.
- Настроен Google Analytics с отправкой dataLayer-событий: открытие формы, отправка заявки, просмотр планировки, клик на телефон - для построения конверсионных воронок и оптимизации рекламных кампаний.
- Проведена оптимизация скорости загрузки: lazy loading изображений, минимизация CSS/JS, серверное кеширование, оптимизация рендеров для снижения показателя отказов мобильного трафика с рекламы.
- Реализована плавающая кнопка связи с иконкой телефона для мгновенного звонка с мобильного и секция новостей для поддержки SEO и информирования о ходе строительства.
- Выполнена адаптивная вёрстка с отдельным подходом к мобильной версии: бургер-меню, вертикальная раскладка планировок, оптимизированные CTA под touch-взаимодействие.
Расскажите о Вашем проекте