ЖК 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) и оптимизацией форм под мобильное заполнение.
- Обеспечена техническая поддержка с мониторингом производительности, обновлением фотоотчётов строительства и оперативным реагированием на изменения в рекламных кампаниях.
Расскажите о Вашем проекте