Как создать лендинг: пошаговая инструкция

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

Особенности целевой страницы

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

Хорошим коэффициентом конверсии для обычного сайта считается 2-3% от всех посетителей. Для лендинга это 14-15%. CTA часто помогает добиться такого результата.

Принципы успешной целевой страницы

Существует несколько приемов, помогающих привлечь и удержать внимание посетителя.

Принцип первого экрана или «над сгибом».

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

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

Сканируемость и структура.

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

Тепловая карта сайта.

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

Facebook является примером Z-паттерна. Пользователи подсознательно знают, что кнопка действия находится в правом нижнем углу.

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

Доступная навигация.

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

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

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

Контакты на видном месте.

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

Принцип A/B-тестирования.

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

Как создать посадочную страницу? Kwork превосходный внештатный сервис

Хорошо, если в компании уже есть копирайтер, дизайнер и верстальщик, которые понимают задачи лендинга и могут разработать идеальный. Если таких специалистов нет, самым эффективным решением будет заказать лендинг на фриланс-сервисе. Удобнее всего это сделать на фриланс-бирже Kwork.

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

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

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

Список дел для исполнителей

Создание посадочной страницы делится на следующие этапы:

• Делаем структуру лендинга — создаем примерный план, который станет основой страницы для дизайнера и копирайтера; Проверьте страницы похожих предприятий. Сравните себя с конкурентами и международными лидерами в своей нише. Выпишите свои конкурентные преимущества, а также «фишки», которые вы можете позаимствовать у конкурентов. Ответьте на вопрос «Что должен сделать пользователь после посещения лендинга?». Это будет целью целевой страницы. Эта цель должна быть указана удаленному работнику.
• Написание контента — текста, который будет «продавать» продукт. Основной рабочей схемой написания текста для лендинга будет «Проблемы клиента» -> «Решение» -> «Предложение сделки».
• Дизайн - создание полного макета. Ниже мы перечислили более подробную информацию о дизайне;
• Верстка - разработать макет сайта в соответствии с его функциональностью и макетом дизайнера;
• Программирование - реализация необходимого функционала сайта;
• Настройки рекламы — запускайте контекстную рекламу, чтобы генерировать трафик на лендинг.

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

Учитывайте следующие моменты, если собираетесь работать с дизайнером и верстальщиком:

• Макет и прототип страницы — соответствуют основным блокам, структуре и пути читателя от элемента к элементу.
• Логотип — если у компании еще нет логотипа, самое время добавить его на лендинг, чтобы сделать бренд узнаваемым.
• Заголовок сайта — заголовок должен содержать информацию о продукте, логотип бренда и навигацию.
• Иллюстрации — хороший дизайнер не будет заполнять страницу фотографиями с фотостока. Он сам нарисует иллюстрации или попросит у вас качественные изображения процесса или продукта.
• Кнопки призыва к действию — дизайнер поможет определить, какие CTA-элементы нужны на странице и где их разместить.
• Форма обратной связи — это может быть номер телефона, кнопка «Перезвоните мне» или иконка онлайн-чата в углу страницы.
• Иконки — они помогают читателю ориентироваться, разделяя блоки и визуально выделяя важные части.
• Отзывы клиентов — это важный элемент посадочной страницы, повышающий доверие посетителей. Обзоры могут быть статическими или периодически обновляться.
• Фон для блоков и элементов сайта — люди боятся пустых мест и белых пятен, поэтому нужно продумать фон и заполнить пустоты иллюстрациями.
• Анимационные эффекты — ссылки должны менять цвет, если читатель нажал на них, а кнопка заказа перемещается. Эти мелочи помогают читателю воспринимать информацию.

В задании для копирайтера необходимы следующие пункты:

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

Бриф для программиста. По исследованиям 2018 года более 60% посетителей заходят на сайты со своих смартфонов, поэтому нужна мобильная версия сайта.

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

Узнайте, как сократить время загрузки сайта. Быстро открывающиеся страницы лучше индексируются поисковыми системами.

Вот так может выглядеть задача для программиста:

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

Полученные результаты

Недавние исследования показывают, что 75% пользователей судят о вашей организации по ее веб-сайту, при этом первое впечатление в 94% случаев основано на дизайне. И последнее, но не менее важное: 88% пользователей не вернутся на сайт, если их первое впечатление было негативным.

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

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

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