Обсудим ваш проект?

15 примеров лендингов строительных компаний: от эффективных до неудачных


Просмотров:
913
Время на прочтение:
Статья обновлена:
18 Мая 2020
Информация о статье
Просмотров: 913
Время на прочтение:
Статья обновлена: 18.05.2020
Дарья Иванова, редактор
Станислав Мозгель, руководитель отдела разработки
Дарья Иванова, редактор
Станислав Мозгель, руководитель отдела разработки

Чем хороший лендинг отличается от плохого? Вместо того, чтобы объяснять вам еще раз всю теорию, мы собрали 15 лендингов в области строительства и ремонта и разобрали каждый из них. Учитесь на реальных примерах и запоминайте лучшие идеи для собственного сайта.

Пример 1. Аренда машин дорожной разметки

Этот лендинг создан для узкой группы людей. Целевая аудитория — служащие государственных и муниципальных предприятий в сфере дорожного хозяйства. На первый экран вынесено название услуги, есть кнопка для связи:

Пример лендинга по аренде машин дорожной разметки
Пример лендинга по аренде машин дорожной разметки

В оставшейся части лендинга находятся характеристики техники. Прописаны они тезисно; дополнительная информация есть в видеоролике:

Обзор характеристик в видеоформате
Обзор характеристик в видеоформате

Возможно, это хорошее решение. Так клиент сразу видит особенности приобретаемого продукта или заказываемой услуги.

На этом лендинге также есть таблица характеристик и калькулятор расчета стоимости, что помогает пользователям быстрее ориентироваться при выборе. В конце лендинга находятся форма заявки и футер с контактными данными:

Форма заявки
Форма заявки

Пример 2. Продажа газона

Газон — товар для широкого круга потребителей. Упор на таком лендинге нужно делать на визуал и преимущества покупки. Вот как выглядит первый экран:

Пример лендинга компании по продаже газона
Пример лендинга компании по продаже газона

По сути здесь отсутствует строгое деление на главный экран и остальную часть страницы. Есть каталог товаров:

Неуместный для лендинга каталог товаров
Неуместный для лендинга каталог товаров

И это еще один большой минус. На сайте не соблюдается правило «1 страница — 1 товар». Газон — товар универсальный, выбрать нужный сорт можно уже после оформления заявки. Здесь же кнопки «Купить» под каждой единицей товара ведут на одну и ту же форму. Эта ошибка может стать причиной низкой конверсии.

Пример 3. Продажа кровельных материалов и монтаж кровли

Аналогичная ошибка допущена и на этом лендинге. Вместо одного товара презентуются сразу восемь:

Многотоварность — не лучшее решение для лендинга
Многотоварность — не лучшее решение для лендинга

Возможно, это не мешает конверсии и пользователи здесь не путаются, но проверить это можно только экспериментальным путем: нужно сделать несколько лендингов с одними товарами под определенные группы людей.

При всем этом дизайн лендинга и его структура выполнены идеально. Вот первый экран:

Пример лендинга компании по монтажу кровли
Пример лендинга компании по монтажу кровли

А вот часть с преимуществами компании:

Преимущества компании
Преимущества компании

Есть блок с примерами работ:

Вариант оформления блока с примерами выполненных работ
Вариант оформления блока с примерами выполненных работ

Ближе к футеру лендинга размещена форма заявки:

Интересно оформленная форма заявки
Интересно оформленная форма заявки

Пример 4. Продажа строительного угля

На этом лендинге хорошо читается первый экран с описанием товара и кнопкой «Оставить заявку»:

Пример лендинга поставщика угольной продукции
Пример лендинга поставщика угольной продукции

Ниже в довольно интересной форме представлены преимущества товара:

Нестандартное для данной ниши оформление преимуществ товара
Нестандартное для данной ниши оформление преимуществ товара

Такая подача привлекает внимание пользователя.

В конце есть форма заявки и удобный прайс-лист:

Форма заявки и прайс-лист
Форма заявки и прайс-лист

Представление всех характеристик товара на одной странице, как правило, здорово влияет на конверсию.

Пример 5. Ремонт квартир

Перед вами почти идеальный лендинг. На главный экран разработчик поместил не форму заявки, а небольшой опрос:

Пример лендинга компании по ремонту квартир
Пример лендинга компании по ремонту квартир

Возможно, решение поместить здесь опрос было принято после анализа множества однотипных лендингов конкурентов. Сработает ли квиз на вашем сайте? Узнать это можно только путем эксперимента.

Под главным экраном находится баннер с акцией:

Блок акций
Блок акций

Размещать такой баннер на первом экране не стоит: информации будет слишком много, пользователи могут запутаться.

Внизу перечислены преимущества компании. Интересно, что представлены они через актуальную повестку, связанную с пандемией:

Пример оформления преимуществ компании по ремонту квартир
Пример оформления преимуществ компании по ремонту квартир

Пример 6. Продажа накопителей электроэнергии

На первом экране — описание товара и форма заявки. Внимание привлекает задний план, на котором вместо статичной картинки загружается видеоролик:

Пример лендинга компании по продаже бесперебойников
Пример лендинга компании по продаже бесперебойников

Будьте внимательны, если хотите сделать что-то подобное: слишком «тяжелый» файл повлияет на скорость открытия лендинга. Высока вероятность того, что многие пользователи не захотят ждать загрузки страницы.

Далее перечислены проблемы, которые поможет решить описываемый товар:

Нестандартное оформление преимуществ товара
Нестандартное оформление преимуществ товара

Часто такой подход срабатывает лучше, чем обычный список преимуществ.

Низ страницы оформлен без особенностей: отзывы, видеообзор, информация о доставке и т.д.

Пример 7. Установка заборов

Перейдем к примеру неудачного лендинга. На первом экране есть заголовок и фон, но нет формы заявки и даже кнопки для связи:

Пример лендинга компании по установке заборов
Пример лендинга компании по установке заборов

Ниже расположен блок с акциями:

Акции
Акции

В середине страницы — список товаров с описанием и ценами:

Список товаров
Список товаров

И только в конце появляется форма заявки:

Форма заявки
Форма заявки

Лендинг очевидно плохой из-за отсутствия форм связи в начале страницы и нелепого дизайна.

Пример 8. Перевозка грузов

На следующем лендинге соблюдена структура, но есть несколько крупных ошибок, которые могут негативно сказываться на конверсии.

Главный экран фактически отсутствует. На верхней полосе есть только название услуги:

Пример лендинга компании по перевозке грузов
Пример лендинга компании по перевозке грузов

Ниже перечислены виды услуг; для каждой — свое изображение:

Перечень услуг
Перечень услуг

Есть карта, на которой отмечен адрес компании, и еле заметная кнопка «Заказать звонок»:

Пример футера лендинга
Пример футера лендинга

Есть вероятность того, что часть пользователей не поймут, какую конкретно услугу им предлагают. Другие же не найдут способ связаться.

Пример 9. Стяжка пола

Это пример хорошего лендинга. На главном экране есть описание услуги, алгоритм ее получения и кнопка для связи:

Пример лендинга компании по монтажу напольного покрытия
Пример лендинга компании по монтажу напольного покрытия

Ниже находится информация по типам помещений и кнопка, ведущая на калькулятор:

Расчет стоимости
Расчет стоимости

Далее располагается развернутое описание действий специалистов:

Вариант оформления этапов работы строительной компании
Вариант оформления этапов работы строительной компании

В конце есть форма заявки:

Пример оформления формы заявки
Пример оформления формы заявки

Пример 10. Монтаж деревянных окон

На этом лендинге соблюдена структура, есть все необходимые блоки, но дизайн оставляет желать лучшего. На главном экране представлено описание услуги и находится кнопка «Связаться»:

Пример лендинга компании по монтажу окон
Пример лендинга компании по монтажу окон

Далее — слайдер с товарами:

Оформление каталога товаров в формате слайдера
Оформление каталога товаров в формате слайдера

Преимущества перечислены в следующем блоке:

Не очень удачное оформление преимуществ компании
Не очень удачное оформление преимуществ компании

В конце располагается форма заявки:

Повторная форма заявки в конце лендинга
Повторная форма заявки в конце лендинга

Пример 11. Остекление веранд и террас

На первом экране присутствуют название услуги, описание и УТП. Вместо формы заявки — квиз с расчетом стоимости проекта, что часто намного более выигрышно. О преимуществах этого формата и создании посадочных страниц с опросами и тестами читайте в нашей статье про квиз-лендинги.

Пример лендинга компании, занимающейся остеклением веранд и террас
Пример лендинга компании, занимающейся остеклением веранд и террас

Ниже находится галерея со списком услуг:

Оформление списка услуг в виде портфолио
Оформление списка услуг в виде портфолио

В конце располагается кнопка для связи с менеджером. Вместо привычной надписи «Связаться» здесь указано целевое действие — «Получить расчет стоимости»:

Слайдер с примерами выполненных проектов и кнопка призыва к действию
Слайдер с примерами выполненных проектов и кнопка призыва к действию

Пример 12. Остекление балконов

На главном экране располагаются заголовок, описание услуги и форма заявки:

Пример хорошо оформленного лендинга компании по остеклению балконов
Пример хорошо оформленного лендинга компании по остеклению балконов

Далее перечислены преимущества компании и гарантии:

Преимущества компании по остеклению
Преимущества компании по остеклению

Несколько следующих блоков также призваны убедить пользователя связаться с менеджерами компании. Например, блок с портфолио:

Блок с портфолио
Блок с портфолио

Внизу страницы находится список компаний, с которыми ведется работа, и форма заявки:

Список клиентов и форма заявки
Список клиентов и форма заявки

Пример 13. Остекление и отделка балконов

Здесь на главном экране слишком много информации, но все внимание привлекает таймер, фиксирующий время до окончания акции:

Пример лендига компании по остеклению и отделке балконов
Пример лендига компании по остеклению и отделке балконов

Далее идет прайс-лист:

Прайс-лист
Прайс-лист

В середине лендинга — список преимуществ:

Преимущества компании по остеклению и отделке балконов
Преимущества компании по остеклению и отделке балконов

В конце находятся форма заявки и призыв к действию:

Пример призыва к действию
Пример призыва к действию

Пример 14. Дизайн интерьеров

Отличная иллюстрация того, что эксперименты с лендингом могут зайти слишком далеко. Главная страница сайта выглядит так:

Пример лендинга компании, занимающейся дизайном интерьеров
Пример лендинга компании, занимающейся дизайном интерьеров

Понятного здесь мало. После этого сразу же появляется форма заявки, но объяснений тому, что происходит, какая услуга и по какой цене предлагается, все еще нет:

Некорректная форма заявки
Некорректная форма заявки

Затем пользователь видит портфолио:

Портфолио
Портфолио

Портфолио
Портфолио

Потом снова появляется форма заявки с целевым действием:

Повторная форма заявки
Повторная форма заявки

Если такой лендинг и произведет впечатление, то только на самых теплых клиентов. Остальные могут ничего не понять и быстро покинуть сайт.

Пример 15. Монтаж окон

Перед вами простой лендинг с приятным дизайном, который вмещает все самое необходимое. На главном экране — акция и форма заявки:

Пример лендига компании по монтажу окон
Пример лендига компании по монтажу окон

Чуть ниже находится блок с преимуществами:

Оформление списка преимуществ
Оформление списка преимуществ

В конце располагается список товаров и форма заявки:

Перечень товаров и форма заявки
Перечень товаров и форма заявки


Этот лендинг не перегружен, а вся информация на нем представлена наглядно. Пожалуй, это еще один удачный пример, на который мы рекомендуем вам ориентироваться при создании собственной landing page.

Поможем с сайтами на Битрикс!
Разрабатываем, развиваем и обеспечиваем бесперебойность работы сайтов на Bitrix. Работаем с сайтами любой технической сложности и бизнес-логики. В течение 2 часов реагируем на любые ваши задачи в тикетной системе. В команде 6 программистов и 3 технических менеджера.