Котедж містечко 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 колонок з авторськими іконками: Простір, Територія, Зручність, Енергоефективність, та другий рівень: Дизайн, Локація, Матеріали, Забудовник.
- Побудовано галерею візуалізацій з каруcеллю та біжучим рядком-тікером «СТОЛИЦЯ ПОРЯД • ШКОЛА ПОРЯД» для підсилення меседжу близькості до інфраструктури.
- Реалізовано детальні сторінки планувань з поповерховою табовою навігацією (Перший поверх / Другий поверх): архітектурне креслення з нумерацією кімнат, покімнатна таблиця площ (кухня-вітальня, спальні, санвузли, гардеробна, тераса, коридор, передпокій), загальна площа та площа ділянки. Функціональні бейджі (Тераса, Гардеробна, Крита парковка) та CTA «Записатися на перегляд».
- Створено секцію умов покупки з цінами у гривні та доларовому еквіваленті, описом програми розстрочки до 18 місяців з першим внеском від 30%, та інтеграцією з державною програмою «єОселя».
- Побудовано секцію локації «Ідеальне розташування для вашого дому» з описом інфраструктури Крюківщини: парк із озером за 10 хвилин пішки, школи, магазини, медичні заклади. Блок із 4 перевагами локації з авторськими іконками.
- Інтегровано з CRM забудовника: кожна заявка з будь-якої форми на сайті автоматично потрапляє до менеджера з атрибуцією джерела, сторінки та планування, за яким зверталися.
- Підключено телефонію з динамічною підміною номерів для відстеження дзвінків з різних рекламних каналів та фіксацією в CRM.
- Інтегровано Google Docs: заявки дублюються у спільні таблиці для оперативного контролю менеджерами та керівництвом.
- Налаштовано Google Analytics з відправкою dataLayer-подій: відкриття форми, відправка заявки, перегляд планування, клік на телефон - для побудови конверсійних воронок та оптимізації рекламних кампаній.
- Проведено оптимізацію швидкості завантаження: lazy loading зображень, мінімізація CSS/JS, серверне кешування, оптимізація рендерів для зниження показника відмов мобільного трафіку з реклами.
- Реалізовано плаваючу кнопку зв'язку з іконкою телефону для миттєвого дзвінка з мобільного та секцію новин для підтримки SEO та інформування про хід будівництва.
- Виконано адаптивну верстку з окремим підходом до мобільної версії: бургер-меню, вертикальна розкладка планувань, оптимізовані CTA під touch-взаємодію.
Розкажіть про Ваш проєкт