Этапы создания Landing Page

Ещё несколько лет назад продавать что-то через интернет было сложно. Сегодня же в распоряжении маркетологов колоссальный арсенал технологий и инструментов технологий. Лэндинг — один из них. Это эффективный и поэтому распространенный способ распространения своих товаров и услуг с небольшими первоначальными вложениями. Это посадочная или целевая страница, цель которой — подтолкнуть посетителя к совершению следующего шага по воронке продаж.
 
Разработка landing page заключается в том, что в этом деле важна каждая мелочь. Снизить эффективность страницы может даже неправильно выбранный цвет кнопки, слишком мелкий или слишком крупный шрифт, некорректно сформулированный призыв к действию и так далее.
 
Чтобы учесть все нюансы и предоставить заказчику страницу, которая будет конвертировать посетителей в покупателей или подписчиков, необходима слаженная работы команды копирайтеров, дизайнеров, верстальщиков и маркетологов. Обеспечить выполнение этого требования можно лишь путем формализации процесса, разбивки его на этапы. О том, как создаются эффективные посадочные страницы и пойдёт речь в этом материале.

Прототипирование лендинг страницы

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

 

1. продукта компании;
2. целевой аудитории;
3. уровня конкуренции;
4. сезонности рынка и не только.

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

Написание продающего текста

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

 

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

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

Разработка дизайна и верстка

Продолжая аналогию с рестораном, можно сказать, что дизайн landing page — оформление зала, которое должно создать благоприятную атмосферу для принятия пищи. И в случае места общественного питания, и в случае разработки посадочной страницы необходимо отталкиваться от особенностей целевой аудитории.
 
Дизайнер должен понять предпочтения клиентов компании заказчика, их образ жизни, смежные интересы, паттерны поведения и не только. Всё это поможет подобрать подходящую цветовую палитру, иллюстрации, выделить наиболее важные блоки и оттенить дополнительную информацию.
 
После завершения работы над дизайном проводится ещё один раунд согласований с заказчиком. Однако обычно здесь глобальных правок не делается: чаще всего просят изменить или отредактировать иллюстрации, поменять местами блоки и т. д.
 
Далее, в зависимости от сложности landing page, в работу включается frontend-разработчик или верстальщик. Перед этими специалистами стоит одна и та же задача: превратить предоставленный дизайнером макет в HTML, CSS и JavaScript код. Есть три критерия качества их работы:

 

• соответствие кода стандартам;
• скорость загрузки сайта;
• одинаковое отображение страницы в разных браузерах и на разных устройствах.

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

Подключение счетчиков аналитики

Основной критерий качества лендинга — коэффициент конверсии посетителей в покупателей или подписчиков. Чтобы у заказчика была возможность быстро отслеживать этот показатель, анализировать его и оптимизировать, к сайту подключают счетчики аналитики. Хорошая практика — использовать для этого сервисы компаний Яндекс и Google.
 
Google Analytics — мощный аналитический инструмент, по которому можно досконально изучить посетителей сайта и их поведение на нём. Однако он не совершенен. Например, если стоит задача понять на каком этапе ознакомления со страницей пользователи чаще всего покидают её, Google Analytics не поможет.
 
Для этого используется Яндекс.Метрика, а точнее её инструмент — «Вебвизор», который фактически записывает положение курсора мыши посетителя, пока он находится на вашей странице, нажатые клавиши, его действия и даёт возможность воспроизвести их. Это помогает определить проблемные блоки, чтобы отредактировать или удалить их.

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

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

 

1. Правильность отображения. Сайт должен выглядеть одинаково во всех популярных браузерах на мониторах с разным разрешением. Если он адаптивен и должен корректно отображаться на мобильных устройствах, то его отображение и функционал проверяется со смартфонов и планшетов с разным размером экрана.
2. Работоспособность контактных форм. Доступные пользователю поля ввода данных должны работать корректно и безопасно. При этом отправленные заявки должны доходить до заказчика быстро.
3. Корректная работа выгрузки данных в CRM. Если посадочная страница интегрирована с используемой в компании CRM, выполняется несколько тестовых заказов с разными параметрами, чтобы проследить за тем, правильно ли работает обмен данными.

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

Что делать дальше

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

_________________________

Автор: Владимир Фомин (Digital Agency CASTCOM) / Дата публикации: 2017-04-28