Лендинг пейдж

Минусы лендинга

О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

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

Ультимейт гид по лендинг-пейдж

Забудьте все что вы знали про лендинги и прежде чем читать эту длиннющую статью, лучше глянте мое новое видео про лендинги.

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

Итак, что такое Landing Page? Лендинг это место, где посетитель как-бы «Приземляется«, после того как он нажал на объявление в Google Adwords или Яндекс-Директ. Лендинг пейдж это — простыми словами целевая страница, то есть у нее одна цель — побудить человека к действию (CTA). Простота Landing Page сделала этот инструмент невероятно популярным и лучшим вариантом для повышения конверсий от рекламы.

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

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

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

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

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

Структура продающего лендинга

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

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

Этапы прохождения пользователя по лендингу:

Основываясь на лестнице Ханта, можно назвать элементы правильной структуры лендинга. Конечно, можно строго ее не придерживаться. Какие-то блоки можно убрать, какие-то поменять местами. Главное, чтобы landing page справлялся со своей задачей, а именно, чтобы посетитель совершил целевое действие. Чем-то лестница Ханта похожа на этапы воронки продаж, где сначала происходит привлечение внимания пользователя, потом вызывается интерес к товару и желание оставить заявку или поместить товар в корзину, а в конце совершение покупки или заказ услуги.

Правильная структура лендинга:

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

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

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

Лендинг – как сделать самому, рекомендации

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

• за один профессиональный сайт придётся выложить из собственного кармана не менее 500$;
• вы сможете сделать для себя тот вариант сайта, которым будете поистине довольны.

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

1. Собираем данные.

Первым этапом является сбор данных о том, как продать ваш продукт. Здесь уместно представить себя тем самым клиентом, который будет покупать ваши товары или услуги. Как бы вы искали товар, если бы хотели его купить?

2. Анализируем.

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

3. Формулировка торгового предложения.

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

4. Акции и предложения.

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

5. Разработка эскиза.

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

6. Структура лендинга, дизайн, верстка.

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

Когда ваш сайт будет готов к использованию, протестируйте его и можете загружать на хостинг. Не забудьте о контекстной и других видах рекламы – они «приведут» целевую аудиторию к вашему предложению.

Примеры лендингов

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

Все экраны лендинга визуально разделены на две части: это подчеркивает многогранность продукта. Аналогичный эффект создается за счет использования контрастных цветов — черного и белого — и разных шрифтов

При этом бутылочка уксуса Balsoy остается в центре, чтобы максимально привлечь внимание пользователя

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

EnjoyMe

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

Прокрутив вниз, он види: ему предлагают коробку с дизайнерскими подарками, на которую можно подписаться на срок от 1 до 6 месяцев.

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

На последнем экране — три тарифа с кнопками подписки.

Masterclass

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

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

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

Шесть шагов, помогающих сделать уникальное УТП

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

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

Уточнить в какой нише осуществляется деятельность компании.

Определить, что продаёт компания: себя, собственные услуги или свой товар.

Себя продают фрилансеры, музыканты, художники, писатели, эксперты в любой области (например, юристы), наёмные рабочие. Они продают своё имя. Пример: «Я единственный в Челябинске сантехник – глава общества «Трезвость – норма жизни». В этом случае не говорится о профессиональных качествах сантехника, но даётся намёк на трезвость наёмного работника, что ценится заказчиками подобной услуги.

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

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

Здесь важно соблюсти баланс между креативностью и удобством, информативностью и эмоциональностью.

Особенности предложения компании.

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

Такое отрицание подразумевает противопоставление продукта товарам конкурентов. Пример: «Мы не можем сделать капитальный ремонт под ключ за 10 дней. Потому что качественный ремонт за такие сроки сделать нельзя».

Отлично показывает гарантию результата временной фрейм.

Если услуги оказываются за определённое время или товар проработает определённое число лет – это серьёзный повод выбрать этот продукт.

Добавление «или»

Пример: «Доставка за 20 минут или бесплатно».

Идеи УТП сайтов не обязательно должны на 100% содержать все шесть составляющих. Но если будут включены все, то лэндинг компании войдёт в топ-10 сайтов с непобедимыми предложениями.

Что такое лендинг

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

Лендинг креативного дизайн-бюро.
веб-дизайнер
профессия | 7 месяцев
веб-дизайнер

Станьте архитектором веб-пространства. Научитесь создавать удобные сайты.

3 750 ₽/мес.
6 250 ₽/мес.

пройти курс

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

Конструктор сайтов Tilda

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

веб-дизайнер
профессия | 7 месяцев
веб-дизайнер

Станьте архитектором веб-пространства. Научитесь создавать удобные сайты.

3 750 ₽/мес.
6 250 ₽/мес.

пройти курс

Три главных составляющих дизайна продающих страниц

Примеры дизайна хороших продающих страниц включают три общих черты:

Универсальность и оригинальность.

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

Сайт, который оформлен в классическом стиле, останется актуальным во все времена: простые геометрические формы, приглушённые оттенки, отсутствие лишней информации – в итоге он получится действительно продающим.

Критерий универсальности – оригинальность. Можно позаимствовать пару идей оформления у успешных продающих страниц, но в целом нужно делать замысел уникальным.

Внимание, заинтересованность, желание, действие (AIDA). Уникальность дизайна – большой плюс

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

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

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

Чтобы выстроить верную последовательность действий надо правильно сделать акценты, тогда посетитель станет покупателем или клиентом.

Цветовое наполнение страницы.

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

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

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

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

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

В начале Landing Page размещают оффер — торговое предложение, в котором четко обозначены выгоды для покупателей или клиентов. Он может включать в себя:

• заголовок;
• краткое описание проблемы клиента;
• информацию о пользе продукта.

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

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

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

Рядом с оффером должен быть CTA. Обычно это кнопка со словами «Заказать», «Оформить покупку», «Подписаться», «Рассчитать стоимость». Пользователь, которого заинтересовало предложение компании, сможет сразу же совершить целевое действие. 

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

Антифрод

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

• Выявляет и тегирует сомнительные звонки от недобросовестных рекламных подрядчиков или спам
• Позволяет учитывать в отчетах только качественные обращения
• Упрощает контроль подрядчиков

Узнать подробнее

Аргументация

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

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

Ответы на вопросы 

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

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

Отзывы

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

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

Форма для связи с компанией

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

Здесь можно расположить форму для связи с консультантом, подписку рассылку или кнопку оформления заказа — в зависимости от цели лендинга.

Ссылки на социальные сети

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

Документы

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

Ошибки при создании

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

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

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

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

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

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

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

Отказ от A/B-тестирования. Часто люди думают, что лучший вариант посадочной страницы — тот, который нравится им самим. Но продавцы и покупатели мыслят по-разному

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

Квиз (quiz)

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

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

Отлично подходит для:

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

Фото: приглашение пройти квиз

Дизайн лендинга: основные правила

Теперь поговорим о дизайне лендинга, его основных правилах, ведь структура лендинга – это еще не все

Важно, чтобы landing page был привлекательным и в плане оформления.

Основные правила разработки дизайна лендинга:

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

Соблюдая эти простые правила при дизайне лендинга, он принесет больше целевых действий

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

Каким должен быть лендинг?

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

1. Заголовок лендинга

Должен отражать УТП (Уникальное торговое предложение) или сильное преимущество продукта. Его еще называют оффером (оффер – англ. предложение). Оптимальная длина заголовка – до 8-10 слов.

Примеры продающих заголовков для лендинга:

Тексты для сайта с конверсией 14%!

Дизайн логотипа и визиток за один день!

Мастер-класс по контекстной рекламе от специалистов Яндекса. Осталось 3 места!

2. Фотографии

«Живые» фотографии всегда лучше, чем снимки из фотобанка – при условии, что они качественные. Можно показать фотографии товара, результата от услуги. Фотографии должны соотноситься с целевой аудиторией. Например, если на лендинге предлагается профессиональная видеокамера, стоит разместить фотографию видеооператора за работой.

3. Описание товара/услуги, список преимуществ

Описывать продукт нужно с точки зрения выгод для клиента. Что клиент получит, сделав заказ или покупку? Преимущества продукта также должны рассматриваться с точки зрения клиента.

7. Кейсы

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

9. Кнопка «купить»

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

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

10. Блок с номерами телефонов

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

11. Форма подписки

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

Например, для успешного совершения целевого действия лучше, если на странице будет либо блок с номерами телефонов, либо форма заявки

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

Средняя конверсия лендинга – это от 2 до 10% в зависимости от отрасли (и целевого действия, которое считается за конверсию)

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

Что такое landing page простыми словами

Landing page в переводе с английского означает “посадочная страница” или, как мне больше нравится, “страница приземления”. Красиво звучит: пользователь, словно птица, кружит над морем информации, и, наконец-то, видит что ему нужно, и плавно приземляется.

Кстати, эта метафора не только красивая, но и вполне рабочая.

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

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

Тогда система работает так. Вы создали рекламное объявление с яркой картинкой и привлекательным заголовком и показали это объявление правильным людям в подходящее время.

Человек увидел рекламу, кликнул по объявлению и приземлился на ваш landing page. А там…

А там пользователя встречает релевантная информация. Релевантность – это такая важная штука, что я написала о ней целую статью, обязательно прочитайте. Если кратко, то на вашем лендинге должно рассказываться точно о том же, что и в рекламном объявлении. Иначе пользователь скажет: “Ой, кажется я не туда попал” и быстро уйдет. А вы уже заплатили за рекламу – обидно.

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

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

И здесь вступают в действие 2 правила.

На лендинге нет никаких ссылок, кроме заветной кнопки для целевого действия:  “скачать”, “купить”, “зарегистрироваться” и т.д

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

Глаза разбегаются! Поэтому выбираем что-то одно и на этом концентрируемся.

Уделите больше внимания блоку описания продукта

Обязательно учитывайте, что о вашем продукте потенциальный клиент может и не знать. Главный вопрос, на который вы должны ответить в блоке описания: зачем нужно это покупать?

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

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

Пример лендинга с простым контрастным дизайном — он отлично выполнил свою задачу привлечь зрителейИзображение: jesus labarca / Behance

Когда использовать посадочную страницу

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

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