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, власні шрифти й бібліотеки, без конструкторів сторінок) і працює як машина для заявок з атрибуцією, якій власник може довіряти.