ЖК BASA CITY
Real estate
basa.city/ BASA CITY, житловий комплекс комфорт-класу на березі озера в ближньому передмісті Києва (с. Ходосівка, 15 хв до метро Видубичі). Чотири секції, закрита територія, власна інфраструктура та артезіанська свердловина. Попередня версія сайту давала заявки, але їхня вартість не влаштовувала забудовника. Після оновлення дизайну, рендерів та технічної частини вартість звернення знизилась на 87%, що кардинально змінило економіку рекламних кампаній.
Завдання
Повністю оновити сайт житлового комплексу на базі Yii2 з новим дизайном та актуальними рендерами, реалізувати інтерактивну SVG-карту комплексу з вибором секцій, побудувати калькулятор розтермінування, впровадити захист від спам-ботів, налаштувати наскрізну аналітику через dataLayer та оптимізувати швидкість завантаження для покращення показників рекламних кампаній.
Що зроблено
- Перепроєктовано архітектуру сайту на Yii2 із повним оновленням фронтенду: нові шаблони, компонентна структура, REST API для динамічного контенту та адмін-панель для самостійного оновлення забудовником.
- Розроблено оновлений дизайн у помаранчево-антрацитовій палітрі з акцентом на нові 3D-рендери комплексу (вечірні та денні), що суттєво підвищило емоційне залучення та якість першого враження.
- Реалізовано інтерактивну SVG-карту генплану комплексу з підсвіткою секцій при наведенні, відображенням статусу кожної (у продажу / продано / заплановано), паркінгами та об'єктами інфраструктури. Обробка подій через делегування для оптимальної продуктивності.
- Побудовано калькулятор розтермінування платежів із двома сценаріями: повна оплата зі знижкою та розтермінування від 30% першого внеску, з динамічним розрахунком щомісячних платежів через JavaScript.
- Спроєктовано інформаційну архітектуру сайту з фокусом на воронку прийняття рішення: від емоційного залучення рендерами до раціональних аргументів, калькулятора та форми зворотного зв'язку, що забезпечило послідовне просування користувача до конверсії.
- Реалізовано галерею ходу будівництва з дрон-фотографіями та фільтрацією за періодами, що підвищує довіру покупців до динаміки проєкту.
- Впроваджено багаторівневий захист від спам-ботів: серверна валідація через Yii2 middleware, rate limiting на рівні додатку, honeypot-поля та клієнтська перевірка часу заповнення форми для відсікання автоматизованих запитів.
- Налаштовано наскрізну аналітику через dataLayer GTM: передача подій перегляду секцій, взаємодії з SVG-картою, кліків по планувань, відкриття калькулятора, відправки форм та кліків на телефон із подальшою передачею конверсій у Google Ads та Facebook Ads.
- Інтегровано CRM із автоматичною фіксацією заявок, збереженням UTM-міток, джерела трафіку та обраної секції/планування для контекстної обробки менеджером.
- Проведено комплексну оптимізацію швидкості: HTTP/2 server push для критичних ресурсів, стиснення зображень через mozjpeg із контролем якості, lazy loading через Intersection Observer, асинхронне завантаження некритичного JavaScript та мініфікація CSS.
- Виконано повну мобільну адаптацію з окремим опрацюванням SVG-карти для тач-пристроїв (pinch-to-zoom, tap замість hover) та оптимізацією форм під мобільне заповнення.
- Забезпечено технічну підтримку з моніторингом продуктивності, оновленням фотозвітів будівництва та оперативним реагуванням на зміни в рекламних кампаніях.
Розкажіть про Ваш проєкт