CNB Decks — террасы и заборы на заказ, Торонто

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

CNB Decks строит террасы, заборы, перголы и перила на заказ в Торонто и GTA — из композита, кедра, ПВХ и обработанной древесины. От сайта бизнесу нужно было одно: превратить посетителя в заявку на бесплатную смету или звонок — с телефона, меньше чем за минуту.

Поэтому сайт — одна страница с одной задачей. Тёмный контрастный макет в фирменных чёрно-красных цветах, hero, где форма сметы стоит рядом с заголовком, а не тремя экранами ниже, девять пронумерованных услуг, блок «до/после», галерея проектов, два отзыва клиентов и красная полоса со звонком — каждая секция заканчивается теми же двумя действиями: оставить заявку или позвонить на 437-217-5519.

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

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

• Структура страницы и конверсионная логика: hero с формой сметы, бейджи доверия (Licensed · WSIB · страховка $5M), услуги, проекты, «почему мы», отзывы, полоса звонка, контакты
• Кастомная тема WordPress по утверждённому дизайну — без конструкторов страниц и лишнего кода
• Поля ACF Pro для каждого текста, фото, элемента галереи, отзыва и номера телефона — владелец редактирует сайт, не трогая код
• Форма Contact Form 7, стилизованная под дизайн, с редиректом на страницу благодарности, чтобы заявки считались конверсиями в Google Ads и GA4
• Слой событий аналитики: клики по телефону с привязкой к месту (шапка, hero, полоса, футер, плавающая кнопка), отправки формы, ошибки формы, просмотры страницы благодарности
• Мобильная вёрстка: липкая шапка, плавающая кнопка звонка, форма под кнопками на телефонах

Что я сделал

• Hero с заголовком, четырьмя бейджами доверия и белой карточкой сметы (имя, телефон, e-mail, детали проекта) — на мобильных карточка опускается под кнопки
• Блок услуг с девятью пронумерованными карточками: террасы из композита, обработанной древесины, ПВХ и кедра, перголы, экраны приватности, заборы, перила, ремонт террас
• Секция «Проекты» с парой «до/после» и фотогалереей, подписи к которой берутся из поля Caption медиабиблиотеки
• Список «Почему мы», два проверенных отзыва, красная полоса на всю ширину с кнопкой звонка
• Секция контактов с телефоном, чек-листом «что входит в смету» и той же формой
• Страница настроек темы: телефон (автоматически подставляется во все tel:-ссылки), логотип, меню, строка бейджей, копирайт, переключатель плавающей кнопки, редирект на благодарность, ID GA4 / GTM
• Автонастройка при первом входе: тема сама создаёт лендинг, страницу благодарности и форму CF7 с утверждёнными текстами — сайт выглядит готовым сразу после активации темы

Всё работает на лёгкой кастомной теме с собственными ассетами, шрифтами Anton и Archivo и режимом отладки (?cnbdebug=1), который выводит каждое событие аналитики в консоль — владелец проверяет трекинг без разработчика.