Кейс: создание брендовых лендингов



Тема кейса: Лендинг

Задача / проблема:

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

Для повышения конверсии при продаже профессионального оборудования (климатического, клинингового и другого) клиент принял решение создавать отдельные брендовые лендинги - продающие страницы под каждую торговую марку в каталоге компании.

Нашей задачей было:

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

Решение

Теория

Landing Page (англ. страница приземления) – отдельная страница, специально созданная для того, чтобы предоставить пользователю минимальное количество информации, заинтересовать его, удержать и побудить совершить какое-либо действие.

Такая страница разрабатывается под рекламную кампанию, если необходимо срочно продать (предложить) большое количество товара, или создается под конкретные параметры продукта или определенный бренд. Landing Page существенно повышает конверсию трафика при раскрутке сайта (средние показатели для посадочной страницы 5-10 %).

Изначально у клиента был свой шаблон, но он имел много недостатков, а именно:
Адаптивность. Шаблон был не адаптивный. На мобильных устройствах он просто уменьшался в размерах, в связи с этим текст был практически нечитаем.
Низкая конверсия. На момент начала работы конверсия на уже имеющихся к тому моменту лендингах под бренды была достаточно низкой - как в силу неоптимальной структуры и низкой коммерческой привлекательности, так и из-за ошибок отображения на тех или иных устройствах.
Ошибки кроссбраузерности. На разных браузерах, шаблон отображался по-разному, что негативно влияло на его конверсию.
Для решения поставленных задач изначально нужно было убрать текущие проблемы на предоставленном шаблоне и подготовить его для дальнейшего использования.

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

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

Кроссбраузерность

Чтобы сайт отображался корректно не только на всех устройствах, а и на всех браузерах, необходимо было изменить некоторые элементы кода. Разные браузеры используют разные решения, которые по разному отображают некоторые элементы. Как видите на скриншотах ниже, теперь сайт отображается корректно и одинаково на разных платформах.

Главная страница сайта

Первая страница (или экран) - это то, что видит пользователь при открытии сайта. Тут очень важно сделать ее очень комфортной и привлекательной для пользователя. Для этого мы выработали определенные принципы построения элементов главного экрана.
 
Красивая обложка. Обложка обязательно должна быть заметной, запоминающейся, большой, качественной. Она должна отображать один или несколько продуктов данного бренда на landing page.
Шапка сайта. Очень важный элемент - это шапка нашего сайта. Здесь мы слева разместили большой логотип, по центру название и справа - необходимую информацию для контактов с продавцом.
Форма связи. Очень важный элемент на данных страницах, который позволяет получить звонок менеджера в кратчайшие сроки. Ссылки на эти формы присутсвуют по всей структуре данной страницы, что помогает быстрее связать потенциального покупателя и менеджера. В том числе в связи с этим и повышается конверсия брендового лэндинга.

Цвета и Логотип

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

Структура страницы

Структура в даннном случае - это очень важный элемент, который влияет как на конверсию сайта, так и на удобство пользователя.
 
Шапка сайта. Данный раздел мы описали выше
Главная экран. Этот элемент тоже был описан ранее
Раздел "О бренде". Здесь мы размещаем общую информацию о бренде, его истории, интересные факты, и несколько фотографий завода или процесса производства.
Каталог продукции. Один из самых основных разделов нашего лендинга под конкретную торговую марку. Здесь представлена основная продукция данного бренда, в основном без описания характеристик и цены на товар. Но здесь же под каждым товаром есть кнопка для формы обратной связи.
Оплата, доставка. Данный раздел у нас одинаков на всех лендингах, так как условия доставки и оплаты не отличаются, вне зависимости от продаваемого бренда.
Уникальный раздел. Данный раздел все время отличается на разных лендингах, это сделано специально, чтобы не было двух повторяющихся или одинаковых страниц. Также сюда помещаем информацию, которая необходима для продвижения сайта.
Контакты. Блок очень простой, но информативный. В этом блоке главным элементом является google карта, затем идет адрес, телефон, E-mail и форма для связи.
Футер. Стандартный блок для всех страниц.

Схожесть и отличия

Мы делаем все брендовые лендинг-пейдж похожими, но в свою очередь у них есть отличия, и это выражается не только в продуктах, логотипах и цветах. Это отражается в присутствии или отсутствии определенных элментов. Создав большое количество таких сайтов, мы уже выработали те или иные элементы для отображения. К примеру:
  • Полезные советы по выбору продукта;
  • Интересная информация с официального сайта;
  • Интерактивные элементы;
  • Иконки преимуществ бренда или товара;

Плюсы Landing page в целом

  • конкретность рекламного предложения, позволяющая повысить заинтересованность потенциального клиента;
  • легкость навигации по одностраничнику (внимание посетителя концентрируется на продукте);
  • техническая простота создания и легкость изменения контента (нет необходимости проводить работы по поисковой оптимизации всего сайта);
  • быстрая загрузка благодаря минимальному количеству тяжелых элементов и графики;
  • удобство сбора статистики. Изменяя одну Landing Page, можно проследить влияние контента и графики на конверсию страницы;
  • создание клиентской базы в процессе функционирования Landing Page, на которой обычно имеется форма обратной связи (ФИО, телефон,e-mail и т.д.). Дальнейшая работа с оставившими свои координаты посетителями позволяет достичь большого роста продаж.

Вопрос - решение

Не забудьте поделиться кейсом со своими друзьями!



Обсуждение