Дах міняють раз на кілька десятиліть, тож підрядника обирають довго й обережно. На прикладі FALX LTD Metal Roofing розповідаю, як я зробив сайт канадської компанії з монтажу металевої покрівлі, де кожен блок знімає один сумнів і підводить до безкоштовного розрахунку.
Про компанію та завдання
FALX LTD Metal Roofing — канадська компанія з Онтаріо, яка продає й монтує металеву покрівлю. Бригади працюють у Торонто й сусідніх містах — від Брамптона й Воана до Гамільтона й Лондона. Послуги компанії: монтаж металевої покрівлі на замовлення, заміна старого даху, встановлення софітів, мансардних вікон і світлових труб, заміна вентиляційних проходок.
Клієнт компанії — власник приватного будинку. Він міняє дах раз на кілька десятиліть, порівнює кількох підрядників і боїться двох речей: переплатити й отримати поганий монтаж. Компанії потрібен був англомовний сайт, який відповідає на ці побоювання й приводить людину до дзвінка або заявки на безкоштовний розрахунок. Я зробив такий сайт: уся пропозиція компанії зібрана на головній сторінці.
Структура головної: від пропозиції до заявки
Головна побудована як розмова з покупцем покрівлі. Кожен блок відповідає на наступне запитання, яке виникає в людини, і майже кожен закінчується кнопкою заявки:
- перший екран — хто ви і як швидко дізнатися ціну;
- про компанію — чи можна вам довіряти;
- переваги й розповідь про металочерепицю — що це за матеріал;
- «Why metal roof» — чим метал кращий за звичну бітумну черепицю;
- слайдер робіт — як це виглядає на справжніх будинках;
- форма з фінансуванням — що робити, якщо всю суму одразу не потягнути;
- відгуки, принципи роботи й партнери — що кажуть клієнти і як побудована робота;
- зони обслуговування — чи приїдуть майстри в моє місто.
Зовні сайт стриманий: біле й світло-сіре тло, чорні блоки та червоний акцент із логотипа FALX. Великі заголовки у верхньому регістрі продубльовані блідим написом на тлі, а червона вертикальна риска поруч із заголовком допомагає швидко знаходити початок кожного розділу під час прокручування.
Шапка й перший екран: розрахунок за хвилину
У шапці — логотип, меню з випадними пунктами Company і Products, розділи Services, Gallery і Contact, номер телефону з іконкою та кнопка «Get estimate» у червоній рамці. Телефон великий і помітний: багато власників будинків воліють зателефонувати, а не писати.
Перший екран — затемнене фото будинку з темною металевою покрівлею, діагональні червоні смуги фірмового стилю, назва компанії й короткий текст про те, що FALX працює не лише в Торонто, а й по всій Канаді. Праворуч — форма «Get a free quote in 1 minute» лише з двох полів, імені й телефону, з червоною кнопкою «Get a quote». Що коротша форма, то охочіше її заповнюють, а деталі менеджер уточнить телефоном.
Під текстом — значки майданчиків, де компанія має профіль і відгуки: HomeStars, BBB, Houzz та інші. Для канадського власника будинку це звичні знаки довіри, і вони стоять поруч із формою не випадково: саме в цю мить людина вирішує, чи залишати свій номер.
Праворуч на екрані закріплена червона кнопка «Call now» з іконкою слухавки. Її видно в будь-якому місці сторінки, тож зателефонувати можна тієї ж секунди, коли дозріло рішення.
Довіра: відео, гарантії та переваги
Після першого екрана йдуть слоган компанії про комфорт клієнта й два блоки з відео про роботу FALX. У першому — коротка відповідь на запитання «Planning to change your roof?» і кнопка «Get free quote». У другому — «Trusted Metal Roofing Company» з переліком того, що важливо власникові будинку:
- страхування відповідальності на 5 мільйонів;
- навчені бригади з досвідом не менше року;
- покриття WSIB і допуск до роботи на висоті в усіх монтажників;
- надійні й енергоефективні покрівельні системи.
Далі — три переваги на чорному тлі з червоними іконками: розумна ціна без прихованих платежів, швидкі строки монтажу й гарантія виробника 50 років. Завершують розділ повноекранне фото даху й розповідь про металочерепицю, схожу на кераміку або сланець: з яких шарів вона складається (сталь, цинк, антикорозійне покриття, ґрунт, кольоровий полімер) і в яких популярних кольорах її пропонує компанія — Terracotta, Colonial Red, Slate Grey, Chocolate Brown і Graphite Black.
«Why metal roof»: матеріал, пояснений за пунктами
Багато власників будинків у Канаді звикли до бітумної черепиці й не розуміють, навіщо платити за метал. Тому на головній є окремий розділ «Why metal roof» — чотири пронумеровані пункти, кожен із заголовком і докладним текстом:
- енергоефективність — економія 30–35 % на опаленні й охолодженні будинку;
- довговічність — металева покрівля служить 40–70 років і витримує вітер до 140 миль на годину, тоді як звичайну черепицю міняють через 7–10 років;
- пожежобезпечність — метал не іскрить і не займається;
- екологічність — від 25 до 95 % переробленої сировини, повна переробка наприкінці строку служби й монтаж поверх старої черепиці без зайвого сміття.
Пункти з номерами 01–04 і тонкими лініями-розділювачами читаються як спокійний довідник, а не як реклама. Це важливо: людина, яка порівнює матеріали, радше повірить поясненню, ніж гаслу.
Роботи, фінансування й відгуки
Блок «Toronto houses after metal roofing installation» — слайдер фотографій будинків після монтажу на чорному тлі, зі стрілками й кнопкою «See our work». Одразу під ним — форма «You can get new roof today» з позначкою «5-year financing available»: разом із партнером Home Trust Company компанія пропонує власникам будинків фінансування на строк до п’яти років. Форма знову коротка — ім’я, телефон і кнопка «Get a quote».
Далі — «What customers say»: слайдер карток із відгуками з Google, з містом клієнта й точками навігації. Після відгуків — принципи роботи FALX: сучасні технології та матеріали, професійне обладнання, досвідчені працівники, високий темп робіт, помірні ціни й індивідуальний підхід до кожного клієнта.
Партнери, міста й підвал
Блок «Our partners» розповідає про спільну роботу з DryMax Waterproofing — компанією, яка відповідає за гідроізоляцію покрівлі. Для покупця це ще один аргумент на користь того, що дах буде захищений від протікань.
Розділ «Service areas» на чорному тлі перелічує 12 міст: Міссіссога, Торонто, Брамптон, Воан, Річмонд-Гілл, Аврора, Ньюмаркет, Кесвік, Гамільтон, Лондон, Маркгем і Гвелф. Кожен рядок оформлено як «Metal roof installation in …»: відвідувач одразу знаходить своє місто, а сайт отримує основу для сторінок під локальні запити. Завершують сторінку червона смуга зі слоганом компанії й підвал — послуги, кольори покрівлі, розділи про компанію, блог і відгуки, контакти й соцмережі.
Що важливо в сайті покрівельної компанії
Покрівля — дорога й рідкісна покупка. Підрядника шукають раз на багато років і бояться помилитися, тому сайт покрівельної компанії продає насамперед упевненість. З досвіду цього проєкту, на такому сайті мають бути:
- короткий шлях до заявки — форма на першому екрані, телефон у шапці й кнопка дзвінка, яка завжди під рукою;
- докази надійності — страхування, допуски, гарантія виробника, рейтинги на відомих майданчиках;
- фотографії справжніх будинків, а не картинки з фотобанку;
- зрозуміле пояснення матеріалу: строк служби, економія, догляд;
- відповідь на запитання про гроші — чесна ціна без прихованих платежів і можливість фінансування;
- відгуки клієнтів із прив’язкою до міста;
- перелік зон обслуговування для локального пошуку.
Окремо варто продумати локальне SEO. Покрівельників шукають за запитами на кшталт «монтаж металевої покрівлі» плюс назва міста, і сайт, де є перелік міст і під кожне можна зробити окрему сторінку, простіше просувати в Google у своєму регіоні.
Якщо ви працюєте в будівництві, ремонті чи монтажі й хочете сайт, який приносить заявки, а не просто існує, — напишіть мені. Я зберу сторінку, де кожен блок працює на дзвінок або заявку на розрахунок.
Деталі проєкту
Тип проєктуновий сайт
КатегоріяКорпоративний сайт
ТехнологіїHTML5, CSS3, JavaScript
Рольрозробка сайту: верстка сторінки, форми заявок, слайдери, відео, закріплена кнопка дзвінка
КлієнтFALX LTD Metal Roofing
КраїнаКанада
Що зроблено
- Зверстав шапку з меню, телефоном і кнопкою «Get estimate»
- Зробив перший екран із фото будинку, текстом про компанію, значками рейтингових майданчиків і формою «Get a free quote in 1 minute»
- Зібрав блоки про компанію з відео, переліком гарантій і кнопками заявки
- Зверстав три переваги на чорному тлі й розповідь про металочерепицю з кольорами покриття
- Зробив розділ «Why metal roof» із чотирьох пронумерованих пунктів
- Зібрав слайдер робіт зі стрілками й форму з пропозицією фінансування на 5 років
- Зробив слайдер відгуків із Google з точками навігації
- Зверстав принципи роботи, блок партнера DryMax Waterproofing і перелік зон обслуговування за містами
- Додав закріплену кнопку «Call now» і підвал із послугами, кольорами покрівлі й розділами сайту
Результат
- Англомовний сайт, який веде власника будинку від пропозиції до заявки
- Дві короткі форми й кнопки дзвінка на всьому шляху сторінкою
- Зрозуміле пояснення переваг металевої покрівлі
- Роботи, відгуки й рейтинги як докази надійності
- Окремий блок із містами Онтаріо, де працює компанія