Blob
Зв'язатися з нами

Big City Roofing

Big City Roofing — провідна покрівельна компанія, що надає повний спектр послуг з виготовлення, продажу та монтажу металочерепиці, фальцевих панелей, бітумної черепиці та сайдингу для житлової й комерційної нерухомості. Компанія використовує високоякісну сталь європейського виробництва та локальне виготовлення матеріалів за індивідуальними замовленнями.

Галузь:
будівництво та будівельні послуги
Бізнес-задача:
з нуля спроєктувати та зібрати сайт, який презентує послуги компанії, показує портфоліо реалізованих проєктів і готовий до SEO-просування в Оттаві та околицях.
Інструменти:
Figma, WordPress, Google Maps API
Big City Roofing
Roofing in Ottawa. Clear Scope. Fast Quotes. Clean Job Sites

Big City Roofing

CMS
WordPress
Дизайн
13 сторінок
Оптимізація швидкості:
94 бали
Термін розробки:

2 місяці

Бізнес-задача

Клієнт прийшов без готового дизайну — лише з вимогами та референсами.

Потрібно було створити сайт, який вирішує одразу три завдання: продає послуги (покрівля, сайдинг, ремонт, водостоки), переконливо показує портфоліо виконаних проєктів і при цьому технічно готовий до просування в пошуку — адже для локального бізнесу на кшталт покрівельної компанії саме органіка в Google приносить основний потік заявок.

Також ключовою вимогою замовника була висока швидкість завантаження сайту для мобільних пристроїв.

Рішення

Дизайн

Дизайн розробляли повністю з нуля під вимоги замовника — загалом вийшло 13 унікальних сторінок: головна, послуги та підсторінки під кожну з них, проєкти, відгуки, про компанію, блог, FAQ, контакти та службові сторінки на кшталт фінансування.

Окрему увагу приділили логотипу. Перемалювали його заново та адаптували під майбутній новий дизайн сайту.

Портфоліо на карті, а не просто в галереї

Для сторінки «Про компанію» намалювали та впровадили через Google Maps API інтерактивну карту, на якій позначено кожен реалізований проєкт — приблизно так, ніби клієнт відкрив карту міста й побачив точки в усіх районах, де компанія вже працювала. Схожа кастомна карта зроблена й на сторінці «Контакти» — з точним розташуванням шоуруму.

Відгуки

На сторінці відгуків реалізували відображення відгуків не лише в текстовому, а й у відеоформаті — що для будівельної сфери працює краще за звичайний текст: люди хочуть бачити реальний будинок, реальний дах і реальну людину, яка це підтверджує.

Розділ портфоліо та сторінка проєкту

Реалізована інтерактивна сторінка виконаного обʼєкта, де потенційний клієнт може подивитися аерозйомку готового даху з висоти пташиного польоту, а також оцінити хід виконання робіт завдяки поетапній фотогалереї («До», «Процес» і «Фінальний результат»).

Оптимізація швидкості та SEO

Окремо займалися оптимізацією — насамперед під мобільні пристрої, звідки йде основна частина трафіку для локального бізнесу. За підсумком Google PageSpeed для мобільної версії показує 94 бали — це вже близько до максимуму й помітно вище за те, що зазвичай буває в сайтів на WordPress з такою кількістю візуального контенту.

Структуру сайту, URL, заголовки та метадані від початку закладали з розрахунком на SEO — щоб після запуску не довелося нічого кардинально перебудовувати.

Мультимовність (EN/FR)

Сайт від початку збирали як двомовний — англійська та французька, що для Оттави цілком логічно: місто на межі франкомовної провінції. Технічно обидві версії реалізовані та працюють, але наразі клієнт тимчасово вимкнув одну з них — це рішення на боці бізнесу, а не технічне обмеження.

Що попереду

Окремим блоком заплановані роботи з посилення безпеки сайту — що природно для проєкту, який продовжує жити й після здачі: чим більше сайт зростає і чим більше на нього йде трафіку, тим важливіше закрити цю частину заздалегідь, а не постфактум.

Big City Roofing
Roofing in Ottawa. Clear Scope. Fast Quotes. Clean Job Sites
Результат
  • З нуля спроєктовано та реалізовано 13 унікальних сторінок сайту
  • Зібрано сайт, який одночасно презентує послуги, показує портфоліо й готовий до SEO-просування
  • Реалізовано відображення відгуків у текстовому та відеоформаті
  • Налаштовано мультимовність (EN/FR)
  • Впроваджено кастомну інтерактивну карту проєктів на сторінці «Про компанію» через Google Maps API, а також окрему карту на сторінці «Контакти»
  • Досягнуто показник 94 бали за Google PageSpeed для мобільної версії

Надіслати заявку на попередній розрахунок

    Вели проєкт

    Більше кейсів

    Надіслати заявку на попередній прорахунок