8 (8212) 55 18 12

Лендинг, который продает бетон

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

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

 

   Адаптация
    Продающий контент
   Фишки
   Создание комфорта посетителю

Основные задачи:

  • Провести аналитику
  • Написать контент на сайт и сформировать концепцию блоков
  • Сформировать УТП компании
  • Создать дизайн лендинга
  • Сверстать дизайн и подключить почту
  • Создать с нуля группу Вконтакте
  • Подготовить для группы вк дизайн и контент план
  • Настроить контекстную рекламу
  • Подготовить отчет о сделанной работе

Аналитика:

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

  • Аккредитованная лаборатория
  • Паспорт качества с каждой поставкой
  • Марки бетона
  • Паспорт качества

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

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

Таблица конкурентов

 

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

История показов по фразе бетонИстория показов по фразе железобетон

 

Контекстная реклама

Настроили рекламу в поиске. Она была направлена на узнаваемость бренда и привлечение посетителей на сайт.
Что было сделано:

1. Подключена статистика Яндекс.Метрика и Google AdWords, а также настроены цели:

  • Отправка формы заявки

  • Клик по номеру телефона

  • Отправка формы по расчету стоимости

2. Подобрали семантическое ядро по каждому направлению и настроили поисковые рекламные кампании.
Без правильно собранной семантики вы не сможете:

  • оценить видимость сайта;
  • составить четкое ТЗ для дизайнера на SEO-тексты;
  • грамотно провести внутреннюю оптимизацию;
  • составить полную структуру сайта.

таблица


Настроили корректировки ставок по полу, возрасту и типам устройств на основе данных Яндекс.Метрики и Google Analytics.

При составлении текста объявлений уделяли внимание УТП компании:

  • Производительность 24/7
  • Собственное производство по ГОСТу
  • Расчет заявки за 60 минут
  • Доставка своей спецтехникой

В быстрых ссылках фигурировали ссылки на блоки:

  • Доставка
  • Онлайн калькулятор
  • Выгодные цены
  • Контакты

Уточнения к объявлениям содержали также пункты из УТП, которых не было в тексте объявлений:

  • Аккредитованная лаборатория
  • Паспорт качества с каждой поставкой
  • Марки бетона
  • Паспорт качества

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

Наиболее результативные объявления:

фундамент_и_ЖБИБетон и раствор

Yandex

объявление объявления бетон

Итоги контекстной рекламы:

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

Итоги рекламы-6 заявок получено

Лендинг:

Цели:

  1. Рассказать об услугах и о продукте заказчика
  2. Показать преимущества компании
  3. Создать калькулятор для расчёта стоимости бетона
  4. Довести посетителя сайта до заявки

Структура лендинга:

  • Рассказали о преимуществах компании
  • Показали виды бетона
  • Запустили калькулятор для расчёта стоимости
  • Выделили территорию доставки со стоимостью
  • Показали прочие товары, как фундамент, бетон и раствор
  • Обратили внимание на паспорт качества бетонной смеси
  • Отметили оборудование
  • Коротко рассказали о видах фундамента
  • Показали возможные способы связи с заказчиком
  • Провели кнопку с целевым действием

Прототип

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

Дизайн

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

При дизайне после черно-белого прототипа сразу встал вопрос —  какие цвета ассоциируются с бетоном, производством, строительством?
Бетон - это серые, темные оттенки:
Мудборт

Наша задача не утомить пользователя, а открыть дверь на возможность заказать бетон. Человек заказывает бетон для строительства. А строительство - это новая жизнь, большой шаг к исполнению задуманного. Поэтому было принято решение использовать яркие оттенки. 
За основу взят синий – цвет завода компании:

Цвет завода компании

синий

 

 

Дальше в серости бетона мы увидели и яркие оттенки — в инвентаре и рабочих машинах. Это ярко-оранжевый и желтый. Но такой яркий цвет нам бы не подошел, не хотелось создавать конфликт между двумя кричащими оттенками. Поэтому взяли светло-коралловый цвет.

На первый взгляд может прийти вопрос: что здесь делает женский оттенок? Но наш дизайнер не сомневается в том, что цвет ассоциируется с бетонной смесью: теплый оттенок, подходящий под цвет бетонного оборудования. Кстати, заказчика цвет нисколько не смутил.
Мудборт2коралловый

 

 

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

зеленый

 

Отметим, что в лендинге использовано 8 целевых кнопок «Оставить заявку». Как мы сделали призыв к действию не настойчивым, а заботливым? Какие применили продающие дизайн фишки?

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

загрузка сайта

 

 

2. Как же не побывать на сайте бетона и не узнать о его видах, правда? Для того, чтобы глаз различал вид бетона–каждому дали свой цвет. В зависимости от «тяжести» типа бетона, подобран оттенок: для легкого светлый, для тяжелого темный

3. Отзывчивость элементов наблюдается по всему лендингу. Так пользователь не заскучает и может чуть-чуть поиграться с элементами на сайте.
ховер на виды бетона

 

 

4. При всплывании нашего главного диалога «Оставить заявку» мы создали анимированную иконку телефона для привлечения внимания. заявка

 

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

калькулятор

 

6. У клиентов, которые заказывают бетон впервые, сразу возникают вопросы после расчета стоимости. А как его доставят? А вдруг самим машину заказывать? А в мою местность доставят? В нашем случае заказчик доставляет бетон в 60 км от Сыктывкара. Что нужно было и показать.

карта доставки

 

7. У компании РемСтайл есть свой парк автотехники. Это дает покупателю выгоду по срокам доставки бетона. 

8. Показали сопутствующие товары, ведь если берется человек за строительство, то оказывается нужно все. В том числе и фундамент.

 

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

Сопутствующие товары

 

Как создать лендинг и не рассказать о преимуществах компании? Обыграли факты иконками, и отдельно выделили паспорт качества бетонной смеси. Качество – одна из болей покупателя. Не хочется потратить деньги и через несколько лет получить треснувшую конструкцию. Убираем сомнения паспортом. Рассказываем о собственной аккредитованной лаборатории, о которой мы отметили в самом начале лендинга и в иконках с преимуществами.

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

 

10. Заказчик делает фундамент под ключ, что тоже отметили. 

виды фундамента дизайн

 

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


12. Прощаемся с пользователем картой о местоположении, контактами с разными способами связи как WhatsApp, Viber, Telegram и соцсеть Вконтакте. 


13. Подбиваем «горячего» посетителя кнопкой «Оставить заявку» 

Футер лендинга

 

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

Благодарность после заявки

 

Мобильная версия

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

Мобильная версия сайта

Итог:
У клиента через месяц после обращения был лендинг с настроенной рекламой и подготовленная группа Вконтакте для работы с заказами. Без рекламы за месяц пришло 7 заявок, что говорит о том, что сайт выходит в верхних позициях поиска и приносит клиентов без бюджета на рекламу.

Все работы в нашем агентстве делаются индивидуально. Чтобы узнать цену на услуги свяжитесь с нами любым удобным способом.


Над проектом работали:
Менеджер проекта: Наталья Никулина, Анастасия Терентьева
Дизайнер: Наталья Глуд 
Разработчик: Михаил Кокин
SMM-специалист: Анастасия Терентьева
Сайт: Бетонкоми.рф

NORTEX: заказать лендинг

Время прочтения:
Время прочтения 8.9 мин

Для авторов

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

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

Обсуждение