Корпоративный сайт · WordPress · 2024

ЖК «Новый Хотов» — каталог квартир и квиз-воронка для застройщика под Киевом

WordPress-каталог квартир с собственным CPT-роутингом, интерактивным 3D-планом комплекса и отдельным субдоменом-квизом на adsquiz.io для конверсии из Facebook/Google-рекламы.

WordPress

Хочу такой же проект Открыть сайт

«Новый Хотов» — жилой комплекс комфорт-класса из 10 семиэтажных домов в селе Хотов в 15 минутах от метро Теремки. Сайт novyhotiv.com.ua работает как продающая машина для застройщика на стадии 1–3 очередей: верх воронки забирает реклама в Instagram/Facebook и Google, а основная задача сайта — провести покупателя квартиры от «где это находится?» до конкретной планировки на конкретном этаже конкретной очереди. Архитектура построена не на классической корпоративной модели «главная → услуги → о нас → контакты», а на двух независимых слоях: информационный WordPress-сайт с картотекой квартир и конверсионный субдомен l.novyhotiv.com.ua с адаптивным квизом, на который ведут все CTA-кнопки в шапке и каждое «узнать цену».

Главная ЖК Новый Хотов — top-swiper из 6 разделов и блок «Приглашаем на просмотр» — Один экран главной — это не маркетинговый heading-message «покупай у нас», а навигационный индекс: верхний swiper из 6 слайдов (Расположение, Преимущества, Контакты и дубли) выдаёт каждый раздел отдельной карточкой с собственной кнопкой «Перейти в раздел», ниже — блок «Новый Хотов» с лидом и четырьмя анкорными ссылками (Расположение / Преимущества / Документы / Ход строительства), дальше секция 3D-плана, новости и «Приглашаем на просмотр». Это сайт-каталог, а не лендинг: пользователь не скроллит-читает-конвертится, а тапает сразу в нужный подраздел, как в мобильном приложении.

Интерактивный 3D-план комплекса — core-механика выбора очереди

Центральная секция главной — интерактивный рендер застройки с 9 очередями, где 1–3 (продаются сейчас) выделены цветным маркером и кликабельны, а 4–9 затемнены и подписаны «Будущие очереди застройки». Над планом — три кнопки-таба «1 очередь / 2 очередь / 3 очередь» и пояснение «Выберите очередь строительства на плане комплекса или воспользуйтесь кнопками ниже». Это key-decision-блок: до того как показать квартиры, сайт заставляет клиента выбрать дом, потому что цена, этажность, статус готовности и планировки для дома №1 (финальная стадия) и дома №3 (третья очередь, ещё в строительстве) отличаются радикально.

3D-план ЖК Новый Хотов — кликабельные метки 1/2/3/4 очереди и затемнённая область будущих очередей 5–9 — Маркеры очередей — это не статичная инфографика, а гибрид image-map и Swiper: одинаково реагируют и клики по самому рендеру, и табы над ним, и оба ведут на `/apartments/building/budynok-N/`. «Будущие очереди застройки (5,6,7,8,9)» левым блоком обозначены прозрачно-зелёным — застройщик сознательно держит в поле зрения долгую перспективу проекта, даже если в продаже ещё ничего из них нет. Для покупателя, который покупает не «квартиру», а «квартал», эта перспектива важна: он видит, что рядом с его домом за 2 года будет сформирован целый двор со школьной площадкой и футбольным полем, а не пустое поле с мечтой застройщика.

Сайт-каталог — апартамент-файндер на собственном CPT, а не на сторонних плагинах

Вместо плагина вроде WP Real Estate, OpenAgent или Estatik застройщик реализовал планировки как полноценный WordPress CPT с кастомными URL-роутами. Каждый дом — отдельная архивная страница /apartments/building/budynok-1/ с фильтром по комнатам (Все / 2-к / 3-к / 5-к / Коммерческие) и переключателем на соседние дома (Дом 1 / Дом 2 / Дом 3). Категории комнат — это фактически отдельная таксономия: фильтры ведут не на JS-перегруппировку, а на собственный URL /apartments/building/budynok-1/rooms/3-k/, который индексируется поисковиками и даёт каждой комбинации «дом × комнатность» свою посадочную. Это SEO-обдуманное решение: запрос «3-комнатная квартира хотов» приземляется не на общую главную, а сразу на список именно 3-комнатных в нужном доме.

Архивная страница планировок Дом №1 — 6 карточек квартир с планами, м², секцией и этажом — Каждая карточка показывает миниатюру плана (это и есть основной product-shot — не рендер интерьера, не фото с пола, а сам план), площадь, № дома, номер секции (С1/С3/С6) и этажи. Карточка квартиры — это готовый артефакт для решения «смотреть или нет»: инженер-покупатель уже по плану понимает, устраивает ли его зонирование, не открывая детали. Никаких цен в списке нет — это осознанное решение: цена показывается только после квиза с контактом, что работает как soft paywall (хочешь цену — оставь номер).

Страница квартиры — план + экспликация + две колонки вместо лендинга

Single-страница планировки — это гибрид между техническим паспортом и selling-страницей. Слева — слайдер на 3 вида (Схема квартиры / План этажа / На плане ЖК) с миниатюрами-табами под ним и нумерованная экспликация помещений с площадями (1. Холл 14,77 м² / 2. Жилая комната 17,49 м² / … / 9. Лоджия 0,65 м²). Справа — H1 с комнатностью и площадью, строка «Дом 1 | Секция С6 | Этаж 3-5», большая тёмно-зелёная кнопка «УЗНАТЬ ЦЕНУ» (ведёт на квиз), таблица-карточка с 7 полями (номер №38, площадь 84,0 м², количество комнат, дом, секция, этаж, состояние «без ремонта») и прямой телефон со строкой «Для более детальной информации звоните по номеру».

Страница квартиры 3-комнатная 84,0 м² — план с нумерованной экспликацией и правая карточка с характеристиками — Экспликация помещений с точностью до сотых квадратного метра (4,52 м² санузла, 0,65 м² лоджии) — это сигнал серьёзности для покупателя, привыкшего к инвестпаспортам. Справа от плана — связка с кнопкой-CTA «узнать цену» сверху и таблицей характеристик внизу: решение отказаться писать цену напрямую заставляет покупателя *сделать шаг к квизу*, но одновременно вся техническая информация (этаж, секция, состояние) — публичная, поэтому страница индексируется по запросам «3-комнатная квартира 84 м² хотов» без скрытия за лид-формой. Поле «состояние: без ремонта» — типичное для украинского рынка, где ремонт от застройщика обсуждается отдельно и не входит в базовую стоимость.

Две воронки для двух типов покупателей — информационная на сайте и квиз-конверсия на субдомене

Кнопки «Заказать звонок» в шапке и каждое «узнать цену» на страницах планировок ведут не на on-site форму, а на отдельный субдомен l.novyhotiv.com.ua/question-1 с адаптивным многошаговым квизом, построенным на SaaS-платформе adsquiz.io (это видно из title-тега «Made by — adsquiz.io» и загрузки ресурсов с static.adsquiz.io). Первый шаг: «Какой тип недвижимости Вас интересует?» с тремя вариантами — Квартиры в готовых домах 🔑 / Квартиры на этапе строительства 🏗️ / Коммерческие помещения 💼. Дальше квиз ведёт через серию вопросов (тип квартиры, комнатность, бюджет, способ оплаты) и завершается формой-контактом.

Первый шаг квиза на l.novyhotiv.com.ua — Какой тип недвижимости Вас интересует? — Вынесение квиза на отдельный субдомен — это не случайный хост-сетап, а осознанная сегментация аналитики и трекинга. На `l.`-субдомене настроена отдельная лента событий GA4 с `event_label: 'Start'` на старте, события `adsquiz_Start`, `adsquiz_Step_N` и `adsquiz_Submit` в категории `adsquiz` — это формирует самостоятельную воронку, независимую от сессий основного сайта. Тёмная угольно-зелёная палитра квиза вместо зелёной-светлой главной — ещё один сигнал «это отдельная поверхность, не продолжение каталога»: пользователь психологически переключается с «смотрю и решаю» в «отвечаю».

Внутренние разделы — не one-pager с якорями, а отдельные страницы под каждый информационный блок

Вместо распространённого в жилой сфере паттерна «вся информация на главной на якорях» (Hero → Расположение → Преимущества → Планировки → Контакты на скролле) здесь каждый раздел сделан отдельной страницей: /about/, /location/, /perevagy/, /news/, /news/hid-budivnycztva/, /documents/, /gallery/, /contacts/. Это даёт 8 самостоятельных URL под SEO вместо одного, плюс каждая страница — индексируемая точка входа для Google Ads-кампаний под своим запросом («расположение жк», «документы застройщика», «ход строительства хотов»).

Страница /about/ — три анкорных блока Преимущества/Расположение/Планировки и длинный список технических характеристик — «О ЖК» — это не маркетинговая страница-визитка, а «длинный читатель»: визуал с фасадом + лид + три переходных блока к соседним разделам + параграф о 10 семиэтажных домах + список «Технические характеристики и комплектация» на 11 пунктов (высота потолка 2.7 м, перекрытия 180 мм железобетон, кирпич с минватой/пенопластом, 5-камерные металлопластиковые окна, счётчики газа/воды/электричества) + список «Развитая инфраструктура» из 16 пунктов от «остановки маршрутки» и «метро Теремки за 15 мин» до конкретных ТРЦ («Магеллан», «Республика», «Мегамаркет»), фитнес-клубов («Sportlife», «Body Life»), больниц («Добробут», «Феофания»), садиков и школ. Это не «имидж-страница», а фактически готовый чек-лист покупателю «удовлетворяет ли локация мои бытовые требования».

Расположение — количественно, с картой Google Maps и маршрутом вместо статичного скриншота

Страница /location/ построена вокруг четырёх квантифицированных расстояний: 15 минут на авто до метро Теремки (6 км), 4 км до парка Феофания, 18 км до центра Киева (6 км — очевидно с дублированием расчёта), 2 минуты до остановки общественного транспорта (100 м). Каждую строку визуализирует иконка транспортного средства (авто, автобус) и шкала-линия, пропорционально показывающая расстояние. Справа — вмонтированный Google Maps с проложенным маршрутом от ЖК до метро Теремки и таймером «12 мин / 7,9 км» прямо на карте.

Страница Расположение — 4 квантифицированных расстояния слева и Google Maps с маршрутом до метро справа — «18 км до центра Киева, 6 км шкала» рядом с «15 минут до метро Теремки» — это ключевое конверсионное сообщение всего проекта: продаётся не «село за Киевом», а «пригород с реальным 15-минутным доступом к метро». Карта с проложенным маршрутом — это не декоративный map embed, а именно доказательство времени в пути: пользователь видит «12 мин / 7,9 км» по конкретным дорогам, а не маркетинговое «15 минут от столицы». Для покупателя пригорода Киева это самое важное число на всём сайте — оно решает вопрос «буду ли я жить с семьёй в пригороде или это далеко?».

Преимущества — нумерованный список с фото, а не дашборд с иконками

Страница /perevagy/ — это не сетка 3×3 с benefit-карточками и иконками, как обычно в жилых ЖК, а длинный перечень на 5 пунктов, каждый с собственным большим фото и параграфом текста. 1. Экология (фото семьи на лесной тропе) → 2. Транспортная доступность (фото станции метро Теремки с поездом) → 3. Архитектура (фото готовых фасадов) → 4. Высокий уровень качества строительства (фото стройплощадки с краном) → 5. Рядом с парками и озёрами (фото пагоды в парке Феофания).

Страница Преимущества — 5 нумерованных пунктов с большими фото и параграфами текста, акцентный баннер «5 преимуществ» — Чередование фото-слева / текст-слева на чётных и нечётных пунктах — это классический редакционный паттерн magazine-layout. Каждый пункт — самостоятельная mini-секция с собственной фотографией-доказательством: для пункта «Транспортная доступность» — реальное фото платформы метро Теремки с поездом, а не иконка автобуса; для «Архитектуры» — фото уже построенных домов с ландшафтом, а не рендер из PowerPoint. Эмодзи 🌿 и 🌳 в тексте — низкозатратный способ добавить визуальный акцент без вызова иллюстратора, который работает именно для украинского рынка жилой рекламы, где эмодзи в коммерческом контенте приемлемая норма.

Ход строительства — ежемесячные отчёты как инструмент доверия

Отдельный раздел /news/hid-budivnycztva/ содержит 13+ статей-отчётов, опубликованных с периодичностью примерно раз в месяц: «Отчёт о динамике строительства 1 и 2 очереди за январь — февраль 2026 года» (16.03.2026), «… 3 очереди за февраль 2026» (16.03.2026), «… 3 очереди за октябрь 2025» (11.11.2025), и так далее вглубь с пагинацией на 2 страницы. Каждая статья имеет дату публикации, обложку с фото стройплощадки и заголовок, чётко указывающий номер очереди и месяц.

Страница Ход строительства — 8 карточек с ежемесячными отчётами, даты от 16.03.2026 до 01.08.2025, пагинация на 2 страницы — Регулярные отчёты о строительстве — это *обязательный гигиенический жанр* для любого украинского застройщика после 2014 года: рынок помнит «Аркаду» и «Укрбуд», и покупатель новостройки по умолчанию не доверяет застройщику без публичных отчётов. «16.03.2026 — отчёт за февраль 2026» — это не маркетинговый пост-релиз, а демонстрация операционной дисциплины: 16-е число следующего месяца, точность до одной-двух очередей, отдельно «1+2 очереди» и «3 очередь», потому что у них разные подрядчики и разный темп. Раздел сознательно вынесен в меню верхнего уровня (рядом с «Новостями»), а не спрятан в footer — для украинского рынка «где посмотреть, как продвигается строительство» — это key-evidence страница, без которой контракт не подписывается.

Галерея — Swiper с 11+11 слайдов, 3D-визуализации отдельно от фото

Страница /gallery/ содержит две независимые Swiper-карусели: верхняя — 11 слайдов 3D-визуализаций (рендеры домов, двора, фасадов), нижняя под подзаголовком «Фотографии» — 11 слайдов реальных фото уже построенных секций и благоустроенного двора. Разделение на «3D» и «фото» — концептуально важное: покупатель видит, что рендер соответствует реальности, и одновременно понимает, что для будущих очередей доступны пока только визуализации. Фотографии и рендеры открываются через jQuery Fancybox (3.5.7) в лайтбоксе — это стандартная для украинского WordPress-рынка фича, которую застройщик даже не пробует заменять на современный lightbox-компонент.

Контакты — минималистичная страница, потому что квиз уже забрал всю конверсионную нагрузку

Страница /contacts/ намеренно сведена к минимуму: один блок с адресом (Киевская область, село Хотов, улица Шевченко, 85), графиком (10:00–19:00 ежедневно), телефоном (+38 067 288-88-08), email novyhotiv.sales@gmail.com, кнопкой «Открыть Google Maps» и вмонтированной картой. Никаких форм обратной связи, никаких «менеджеров с фото», никаких отдельных отделов — только адресные данные отдела продаж.

Страница Контакты — адресный блок и вмонтированный Google Maps с маршрутом — Email на gmail.com (`novyhotiv.sales@gmail.com`) вместо корпоративного `@novyhotiv.com.ua` — это типичный выбор среднего украинского застройщика комфорт-класса: gmail даёт работающую почту без настройки MX/SPF на собственном домене, нативную интеграцию с CRM в Google Workspace и не требует сисадмина. Для регионального ЖК это нормальная практика — в юридических документах фигурирует юрлицо с собственным почтовым адресом, а на сайте работает известный покупателям gmail. Один контактный номер +38 (067) 288-88-08 на все точки (шапка, footer, секция «Приглашаем на просмотр», каждая страница планировки) — решение в пользу единой входной точки в отдел продаж, без разветвления на «техподдержку / претензии / партнёрство».

Техническая реализация — стек, инструменты, инфраструктура

WordPress 7.0 с кастомной темой novyhotivwp — без Elementor, без WPBakery, без Bricks. Чистая кастомная тема с собственными шаблонами архива и single для CPT квартир, собственным рендером 3D-плана и собственной логикой фильтров. На сайте работает jQuery 3.7.1 + jquery-migrate 3.4.1; кастомные скрипты собраны в одном script.js в теме.
Swiper для всего, что карусель — top-swiper на главной (6 разделов), Swiper для двух галерей на /gallery/ (3D и фото), Swiper для трёх видов плана на странице квартиры. Swiper-bundle подключён как один файл и используется для всех ритмов сайта, без множественных библиотек слайдеров.
Fancybox 3.5.7 для лайтбоксов — подключается с CDN jsdelivr, открывает рендеры из галереи и планы квартир в модальном окне с навигацией next/prev и lazy-зумом.
Отдельный субдомен l.novyhotiv.com.ua для квиза на adsquiz.io — это не SPA на том же домене, а полностью отдельная SaaS-страница, подгружающая JS-бандл с l.novyhotiv.com.ua/assets/index.js и ресурсы с static.adsquiz.io. Шапка основного сайта хардкодит ссылку на квиз в атрибут href кнопок «Заказать звонок», поэтому квиз — единственная точка приземления для всех off-site CTA.
Google Tag Manager + GA4 (G-CN99Y3XYLG, GTM-PLTLWSRZ) + Facebook Pixel (1268696721712590) — полный трекинг-стек с отдельными дублями на основном сайте и на квиз-субдомене. На квиз-стороне настроены события adsquiz_Start, adsquiz_Step_N, adsquiz_Submit в собственной GA4-категории adsquiz, что позволяет в GA-отчётах считать воронку «шаг 1 → шаг N → заявка» отдельно от общего трафика сайта.
Структура URL для апартамент-каталога — это собственные rewrite-правила, а не CPT-defaults: /apartments/building/budynok-N/ для архива дома, /apartments/building/budynok-N/rooms/X-k/ для фильтра комнатности, /apartments/3-kimnatna-kvartyra-84m/ для конкретной квартиры. Это означает отдельную таксономию building с тремя термами (Дом 1 / 2 / 3) и таксономию rooms с вложенными значениями (Все, 2-к, 3-к, 5-к, Коммерческие), плюс post type apartment с прямым slug-роутом без префикса /apartments/apartment/.
Интерактивный 3D-план дома — реализован как SVG-overlay поверх PNG-рендера, где кликабельные зоны соответствуют отдельным очередям, а табы «1 очередь / 2 очередь / 3 очередь» дублируют ту же навигацию стандартными кнопками. Никакого three.js, WebGL или real-time 3D — это 2D image-map с overlay-маркерами, что дешевле в поддержке и одинаково хорошо работает на мобильном.
Google Maps embed с проложенным маршрутом — карта на /location/ и /contacts/ вмонтирована не как простой iframe-pin, а с готовым маршрутом от точки А (метро Теремки) до точки Б (ЖК), включая тайм-плашку «12 мин / 7,9 км». Это настраивается в Google Maps Embed API через параметры origin/destination и даёт user-facing доказательство ещё до того, как пользователь сам откроет Google Maps.
Хосты и соцсети — стандартный украинский setup: основной сайт и lead-субдомен у одного провайдера (одни и те же SSL, общий Cloudflare DNS), Instagram @novyhotiv.com.ua и Facebook /novyhotiv.com.ua/ — на них направлен footer-соц-блок без лишних каналов (нет TikTok, YouTube, Telegram-канала, Viber-бота).

Итог

«Новый Хотов» — кейс сайта-каталога для застройщика среднего масштаба, где ключевое архитектурное решение принято не на уровне дизайна, а на уровне разделения двух воронок: информационной (WordPress-каталог квартир с собственной таксономией домов и комнатностей под SEO) и конверсионной (квиз на отдельном субдомене l. с собственной событийной аналитикой). Сайт избегает двух типичных ловушек украинского рынка жилой рекламы: он не пытается быть one-page лендингом со всеми блоками на главной (вместо этого выносит каждый раздел в собственную индексируемую страницу) и не пытается продавать квартиру одним сильным «купить сейчас» — вместо этого аккуратно проводит покупателя через интерактивный 3D-план к конкретной планировке, где цена сознательно спрятана за квизом как soft-paywall.

Сильные решения: интерактивный SVG-overlay поверх PNG-плана вместо дорогого WebGL-варианта, регулярные ежемесячные отчёты о ходе строительства как обязательный гигиенический жанр доверия, экспликация квартир до сотых кв. м, квантифицированные расстояния с реальным Google Maps-маршрутом, отдельный хост lead-субдомена с полным GA4-трекингом воронки. Слабые точки, типичные для украинского ЖК-сегмента: gmail-почта для отдела продаж вместо корпоративного домена, отсутствие украинско-английского переключателя для иностранных инвесторов (хотя для родного целевого сегмента — киевских покупателей комфорт-класса — это не ограничение), зависимость от SaaS-квиза adsquiz.io вместо собственной формы (трейд-офф «быстрый запуск кампаний» против «полный контроль над лид-данными»). В целом сайт выполняет единственную чётко поставленную задачу — провести трафик из Facebook/Google-рекламы к запросу цены на конкретную квартиру — и выполняет её без лишней сложности.