CNB Decks — тераси та паркани на замовлення, Торонто

Огляд проєкту

CNB Decks будує тераси, паркани, пергoли та перила на замовлення в Торонто та 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), який виводить кожну подію аналітики в консоль — власник перевіряє трекінг без розробника.