CNB Renovation — генеральный подрядчик, Торонто и GTA

Обзор проекта

CNB Renovation — генеральный подрядчик в Торонто: подвалы и легальные вторые квартиры, ванные, полный ремонт домов, in-law suites, лестницы и перила. Более 215 завершённых проектов в GTA, собственная бригада без субподряда и договоры с фиксированной ценой. Сайт должен был делать две вещи одновременно: продать эту историю владельцам жилья, которые сравнивают подрядчиков, и дать владельцу платформу, которую он развивает сам — новые страницы городов, новые рекламные лендинги, новые посты в блоге — без звонка разработчику на каждую правку.

Моя роль в проекте

Я лично работал над этим проектом от дизайн-брифа до готовой темы. Направления, которые я вёл и выполнял непосредственно:

• Архитектура сайта: главная, галерея, хаб услуг и шесть страниц услуг, о компании, контакты, блог, юридические страницы, а также гео-слой — 5 страниц ремонта подвалов по городам и 16 страниц полного ремонта по городам с уникальными текстами, примечаниями о разрешениях и FAQ для каждого города
• Кастомная тема WordPress по утверждённому дизайну: каждый заголовок, текст, фото, галерея, меню, элемент шапки и футера вынесены в поля ACF PRO — и у каждого есть встроенный дефолт, так что сайт выглядит готовым ещё до того, как владелец тронет хоть одно поле
• Три лендинга для Google Ads (design-build, стоимость ремонта, подрядчик по ремонту) и доработанная страница полного ремонта с блоком «что входит» на 12 пунктов, аргументом «фиксированная цена, а не почасовка», лентой «до/после» и FAQ
• Формы заявок: 3-шаговая форма на главной и контактная форма отправляют данные на собственный REST-эндпоинт с захватом UTM, ограничением частоты и хуком для CRM; каждая заявка редиректит на страницу благодарности
• Слой аналитики: generate_lead для форм, кликов по телефону, WhatsApp и e-mail, с дедупликацией через редирект — Google Ads и GA4 считают одну конверсию на одну реальную заявку
• Установщик в один клик (Инструменты → Установка CNB): создаёт все страницы, четыре меню, ACF-контакты, восемь постов блога и юридические тексты за один запуск

Что я сделал

• Главная с hero-слайдером (кроссфейд + лёгкий Ken Burns), полосой статистики (215 проектов, 10+ лет, страховка $2M, WSIB), «стеклянной» карточкой о компании, шестью плитками услуг, сеткой «Почему CNB», шагами процесса, секцией реферальной программы, блоком покрытия GTA, интерактивной картой проектов (Leaflet, 215 пинов из GeoJSON), 3-шаговой формой, FAQ и командой
• Галерея с фильтрами по категориям и лайтбоксом PhotoSwipe — 46 фото проектов встроены в тему как запасной вариант, пока владелец не загрузит свои
• Шаблон страницы услуги: hero, статистика, ACF-галерея с пометкой «до/после», карточки «что входит», процесс, гарантии, FAQ, CTA — всё с дефолтами по слагу
• Шаблон гео-страницы для 21 города на основе файла данных по каждому городу (лид, примечания о разрешениях, районы, FAQ)
• Блог: мозаичные карточки, тёмный hero поста, лайтбокс для фото поста, CTA-полоса, «ещё из блога»
• Шорткод формы заявки, чтобы добавить ту же лид-форму на любую будущую страницу
• Пакет плавности: якорный скролл с учётом шапки, параллакс и липкая шапка на requestAnimationFrame с гистерезисом, счётчики с easing, фильтрация галереи через fade/scale — всё отключается при prefers-reduced-motion

В результате — сайт подрядчика, который читается как премиальный бренд (акцидентный шрифт Fraunces, собственные шрифты и библиотеки, без конструкторов страниц) и работает как машина для заявок с атрибуцией, которой владелец может доверять.