Как оформить лендинг

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

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

В этой статье специалисты компании DST Global (dstglobal.ru) расскажут об особенностях разработки и внешнем оформлении посадочной страницы, и разберемся, какие элементы лендинга помогут вам получать лиды и конверсии.

Маркетинговое исследование

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

Целевой продукт

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

Поиск целевых клиентов

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

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

Конкуренты и их методы работы

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

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

Разработка страницы Лендинга в DST Global

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

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

Оптимальным считается текст на 2–3 тыс. символов. Если текст получился значительно больше — не беда. Оставляете уникальное торговое предложение, краткое описание товара, несколько важных для покупателя преимуществ компании, схему продажи, призыв к действию. Остальное удаляете без сожаления.

По-другому подходят к написанию текста о дорогом товаре не первой необходимости. Сначала нужно познакомить его со своим продуктом, объяснить пользу и таким образом сформировать желание приобрести его. Затем рассеивают сомнения, которые могут возникнуть у посетителя (надежность, гарантийное обслуживание, возможность обмена). Размеры лендинга при этом увеличатся, но возрастет и вероятность совершения покупки.

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

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

Разработка макета

Создание макета состоит из нескольких этапов:

разделение информации на отдельные экраны;

структурирование информации;

наполнение функциональных элементов: кнопок, таймера и т. д.

Макет можно сделать вручную, или использовать один из сервисов для прототипирования.

Дизайн страницы

Разработать его можно одним из способов:

Используя конструкторы лендингов, например, Tilda или Wix. Этот способ можно выбрать тем, у кого недостаточно денег или просто хочет сэкономить. Результат может получиться качественным в том случае, если у вас есть определенные навыки или усидчивость и желание изучать возможности площадок.

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

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

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

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

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

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

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

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

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

Последовательность элементов дизайна

Все элементы дизайна должны быть связанными общей идеей, соответствовать ценностям бренда и отображать их.

Разработайте (если его еще нет) логотип бренда, который будет раскрывать суть бизнеса и способствовать быстрому узнаванию продукции. Разместите его на первом экране лендинга в верхней его части.

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

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

Особенности создания лендинга в Веб-студии DST Global

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

УТП (уникальное торговое предложение) обязательно должно быть введено в заголовок. Разрабатывая его, постарайтесь сказать в нем самое важное о товаре. Кроме заголовка, весь текст читают приблизительно 20% посетителей. Все заголовки можно условно разделить на 3 типа (вопрос; обращение, намекающее на потерю выгоды в случае отказа; руководство к действию для получения положительного результата). Лучше конвертируется в действие описание преимуществ, хуже всего — вопрос. Не стоит делать заголовок слишком креативным — не все поймут.

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

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

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

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

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

Призыв к действию (call to action) реализуется на лендинге кнопками и формами обратной связи.

— Формы должны иметь минимальное количество полей. Поэтому определитесь с тем, какую информацию о себе расположен давать представитель целевой аудитории: номер телефона или email. Сейчас многие компании отдают предпочтение получению электронного адреса, но не все категории людей регулярно просматривают почту, да и письмо может запросто попасть в спам. Всю интересующую информацию о потенциальном клиенте можно будет получить от него во время общения.

— Элементы для просто информационной страницы такие же, как для продающей, требуемое действие — подписка.

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

— Большое количество кнопок, стрелок и форм на одной экранной странице не способствует увеличению конвертации посетителя в лид. Если все остальные этапы выполнены качественно, достаточно одной кнопки или формы в нужном месте. А многочисленные таймеры, которым сейчас уже вряд ли кто поверит, медали и другие интерактивные «завлекалки» скорее вызовут раздражение и недоверие («за кого вы нас держите?»), чем поспособствуют выполнить действие.

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

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

Тестирование страницы

Когда создание Landing Page завершено, нужно выполнить полную проверку.

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

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

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

Сплит-тестирование предполагает разработку двух вариантов страницы (А и В), которые отличаются одним элементом. Запуская их, оценивают и сравнивают эффективность каждой из них.

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

Последовательность шагов при выполнении тестирования:

1. Сформулируйте гипотезу теста, которую нужно подтвердить или опровергнуть (два варианта текста на кнопке). Не меняйте ее на протяжении теста.

2. Определите один элемент для тестирования. Например, размер текста или качество картинок. Нельзя использовать для сравнения несколько параметров (например, изменять размер кнопки, место ее расположения и текст на ней одновременно). В таком случае сложно понять, какой из факторов повлиял на увеличение/уменьшение конвертации.

3. Выберите цель и соответствующий ей показатель. Например, изменить цвет кнопки и посмотреть, какой результат будет лучше.

Контроль и коррекция

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

В этом примере продавец быстро отреагировал на пандемию коронавируса и поместил объявление о бесконтактной передаче заказов.

Все это нужно учитывать, постоянно отслеживая результаты Google Analytics, Яндекс. Метрики. Таким образом можно вовремя определить проблемные места, пока их количество минимальное. Оценивают, почему произошло снижение конверсии. Если причина одна, проще исправить ситуацию. Можно снова использовать сплит-тестирование и внести изменения в посадочную страницу.

Продвижение в поисковой выдаче

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

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

Заключение

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

Веб-студия DST Global (dstglobal.ru) создаст эффективный лендинг-пейдж для вашей компании на любом фреймворке или платформе современных CMS: Битрикс, ShopScript, Drupal, OpenCart, PrestaShop, WordPress, MODX, DLE, TYPO3, InstantCMS, NetCat, CS-Cart или на CMF DST Platform. Мы предлагаем заказ эффективного решения, которое обеспечит значительный рост продаж. При разработке учитываются характеристики целевой аудитории проекта и индивидуальные требования клиента.

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