Крышу меняют раз в несколько десятилетий, поэтому подрядчика выбирают долго и осторожно. На примере 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» и подвал с услугами, цветами кровли и разделами сайта
Результат
- Англоязычный сайт, который ведёт домовладельца от предложения к заявке
- Две короткие формы и кнопки звонка на всём пути по странице
- Понятное объяснение преимуществ металлической кровли
- Работы, отзывы и рейтинги как доказательства надёжности
- Отдельный блок с городами Онтарио, где работает компания