8 (8212) 55 18 12

Кейс: создание лендинга для строительного бизнеса

Приступить к чтению

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

Разработчики и дизайнеры Nortex полностью погрузились в тему промышленных полов и запустили лендинг, с которого можно заказать пол для торговых центров, паркингов, гаражей и т.д.

Заказчик — строительная компания ОСНОВА, которая специализируется на обустройстве промышленных полов в Сыктывкаре и по Республике Коми.

Задачи, которые стояли перед нами:

  1. Создать лендинг в спокойных легких тонах;
  2. Рассказать клиентам об оказываемых услугах простым и понятным языком;
  3. Выделить преимущества компании с помощью УТП и визуально;
  4. Дать возможность рассчитать предполагаемую стоимость;
  5. Адаптировать сайт к любым устройствам.

Почему лендинг?

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

  • услуги, которые могут его заинтересовать;
  • описание товаров и услуг;
  • расчет стоимости;
  • преимущества компании;
  • используемые материалы и спецоборудование;
  • возможность отправить заявку.

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

Структура и дизайн

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

Поэтому для лендинга по промышленным полам проработали удобную информационную структуру и выбрали приятные нейтральные цвета. Основными цветами лендинга выбрали серый и голубой.

Чтобы выделить некоторые элементы, такие как телефон, цены и др., выбран приятный желтый цвет. Он хорошо сочетается с остальными оттенками. Если взять все цвета, то пропорции были таковы:

Главный раздел лендинга osnova-komi

В первом разделе лендинга, который является «шапкой», разместили основную важную информацию:

  • Название и логотип;
  • Чем занимается компания;
  • Кнопку с переходом на товар компании — выбор пола;
  • Опыт не только в годах, но и в объемах работ;
  • Кликабельный номер телефона;
  • Форму для онлайн заявки.

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

Поиск удачного варианта шапки:

В итоге:

 

Разделы товаров на лендинге osnova-komi

Второй и третий разделы лендинга отвечают на вопрос «как и где используется услуга устройства полов».
Второй блок — типы полов, в котором нет динамических объектов, но при наведении на объект иконка слегка увеличивается. Это практически незаметно, чтобы серьезно отвлечь внимание посетителя, но приятно дополняют игривостью образ серьезного коммерческого лендинга.

Данный способ вы заметите во многих разделах лендинга — при верстке старались задать отзывчивость элементам, чтобы сайт казался живым и интересным. 

Третий блок лендинга посвящен товару. Именно на данный блок ведет кнопка с первого раздела.
Тут посетитель видит виды материалов для пола, их состав и начальную цену. При нажатии на иконку материала они также отзываются легким увеличением. 

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

Разделы по УТП компании Основа

Раздел Реализованные проекты, где в виде фотогалереи показан реальный опыт компании с указанием объектов и сроков выполнения работ.

 

Раздел Преимущества товара, которые вынесены кратким списком из блока с описанием. Плашки при наведении указателя мыши окрашиваются в нежно-голубой оттенок, что также привлекает внимание посетителя, но не «уводит» его от текста на плашках.

Раздел Профессиональное оборудование, где размещено описание используемого оборудования с возможностью взять его в аренду. Кнопка заказа также  присутствует.

Раздел УТП или «Почему именно мы», в котором подробно описываются преимущества компании. По дизайну этот блок перекликается с блоком преимуществ товара, чтобы у посетителя возникала связь «качество товара — профессиональная команда».

Блок Дилерство с известным брендом по производству строительных смесей. Этот факт поднимает компанию в глазах заказчиков и конкурентов. Плюс в том, что данный товар открыт для заказа, о чем свидетельствует кнопка онлайн заказа. 

 

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

Калькулятор расчета

Второй по популярности раздел — расчет стоимости предполагаемой услуги. Каждому заказчику важно знать финальную стоимость работ до заказа. И узнать он это может за 2 клика, выбрав вид услуги и площадь своего помещения.

Ниже — блок с предложением онлайн заявки, пока заинтересованный посетитель «нагрет» полученной информацией. 

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

Адаптивность

30% посетителей интернета выходят в сеть через мобильные устройства. 

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

Продвижение

Для продвижения лендинга в поисковиках использовали контекстную рекламу Яндекс.Директ. Для этого изучили поисковые запросы по интересующей геолокации. Составили рекламные объявления на различные тематики: по видам полов, брендовые, по услугам. За 2 недели рекламы получили 15 заявок на различные услуги!
На дату публикации статьи реклама продолжается.

Вывод

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

По старой традиции желаем компании «Основа» дальнейшего процветания и роста. 

П.С. Сайт для Финкаркас, который мы собирали ранее, также принадлежит данному заказчику. О нем можно прочитать в статье «Лендинг, который строит каркасные дома»

 
Лендинг: osnova-komi.ru
Руководитель проекта: Владимир Рупышев
Разработчики: Михаил Кокин, Александр Коковкин
Дизайнер: Наталья Глуд
Время прочтения:
Время прочтения 6.4 мин

Для авторов

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

Стать автором

Обсуждение