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



Big City Roofing
2 місяці
Клієнт прийшов без готового дизайну — лише з вимогами та референсами.
Потрібно було створити сайт, який вирішує одразу три завдання: продає послуги (покрівля, сайдинг, ремонт, водостоки), переконливо показує портфоліо виконаних проєктів і при цьому технічно готовий до просування в пошуку — адже для локального бізнесу на кшталт покрівельної компанії саме органіка в Google приносить основний потік заявок.
Також ключовою вимогою замовника була висока швидкість завантаження сайту для мобільних пристроїв.
Дизайн
Дизайн розробляли повністю з нуля під вимоги замовника — загалом вийшло 13 унікальних сторінок: головна, послуги та підсторінки під кожну з них, проєкти, відгуки, про компанію, блог, FAQ, контакти та службові сторінки на кшталт фінансування.
Окрему увагу приділили логотипу. Перемалювали його заново та адаптували під майбутній новий дизайн сайту.
Портфоліо на карті, а не просто в галереї
Для сторінки «Про компанію» намалювали та впровадили через Google Maps API інтерактивну карту, на якій позначено кожен реалізований проєкт — приблизно так, ніби клієнт відкрив карту міста й побачив точки в усіх районах, де компанія вже працювала. Схожа кастомна карта зроблена й на сторінці «Контакти» — з точним розташуванням шоуруму.
Відгуки
На сторінці відгуків реалізували відображення відгуків не лише в текстовому, а й у відеоформаті — що для будівельної сфери працює краще за звичайний текст: люди хочуть бачити реальний будинок, реальний дах і реальну людину, яка це підтверджує.
Розділ портфоліо та сторінка проєкту
Реалізована інтерактивна сторінка виконаного обʼєкта, де потенційний клієнт може подивитися аерозйомку готового даху з висоти пташиного польоту, а також оцінити хід виконання робіт завдяки поетапній фотогалереї («До», «Процес» і «Фінальний результат»).
Оптимізація швидкості та SEO
Окремо займалися оптимізацією — насамперед під мобільні пристрої, звідки йде основна частина трафіку для локального бізнесу. За підсумком Google PageSpeed для мобільної версії показує 94 бали — це вже близько до максимуму й помітно вище за те, що зазвичай буває в сайтів на WordPress з такою кількістю візуального контенту.
Структуру сайту, URL, заголовки та метадані від початку закладали з розрахунком на SEO — щоб після запуску не довелося нічого кардинально перебудовувати.
Мультимовність (EN/FR)
Сайт від початку збирали як двомовний — англійська та французька, що для Оттави цілком логічно: місто на межі франкомовної провінції. Технічно обидві версії реалізовані та працюють, але наразі клієнт тимчасово вимкнув одну з них — це рішення на боці бізнесу, а не технічне обмеження.
Що попереду
Окремим блоком заплановані роботи з посилення безпеки сайту — що природно для проєкту, який продовжує жити й після здачі: чим більше сайт зростає і чим більше на нього йде трафіку, тим важливіше закрити цю частину заздалегідь, а не постфактум.


- З нуля спроєктовано та реалізовано 13 унікальних сторінок сайту
- Зібрано сайт, який одночасно презентує послуги, показує портфоліо й готовий до SEO-просування
- Реалізовано відображення відгуків у текстовому та відеоформаті
- Налаштовано мультимовність (EN/FR)
- Впроваджено кастомну інтерактивну карту проєктів на сторінці «Про компанію» через Google Maps API, а також окрему карту на сторінці «Контакти»
- Досягнуто показник 94 бали за Google PageSpeed для мобільної версії
Надіслати заявку на попередній розрахунок
Вели проєкт

Назар Слободзян
Старший проєктний менеджер

Дмитро Верна
Front-end developer













