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

Лендинг-страница: понятие и причины создания

Наверняка вы не раз сталкивались с этим явлением, совершая серфинг в интернете. Возможно, вы просто не знали, что имеете дело с умело замаскированным рекламным продуктом. Однако после прочтения статьи распознать его не составит для вас труда. Итак, что такое лендинг-пейдж? Термин произошел от английского landing page и переводится как "входящая/целевая или продающая страница". Она представляет собой веб-страницу, содержащую важную информацию о товаре или услуге, и используется для усиления эффективности рекламы и увеличения аудитории. Попадают на нее просто - через баннер интернет-объявления или ссылку в поисковом запросе. Нередко переход на лендинг-пейдж осуществляется из email-рассылок, социальных медиа, а также различных рекламных компаний в поисковиках.

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

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

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

Классификация целевых страниц: виды и типы

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

Типы landing page

Давайте рассмотрим наиболее популярные ее типы:

• главный сайт;
• микросайт;
• автономная.

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

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

Наиболее популярным типом landing page является автономная целевая страница. Ее еще называют CTR-лендинг. подробное рекламное предложение, главная задача которого - побудить пользователя совершить действие прямо сейчас. Приставка Clickthrough rate означает кликабельность (отношение количества человек, перешедших на страницу по баннеру, к количеству его показов). Основные ее атрибуты - минималистичный дизайн, призывающие слоганы, акцент на преимуществах настоящего предложения, крупные кнопки, таймеры обратного отсчета. Такая страница считается наиболее эффективным методом привлечения пользователей.

Виды landing page

Выделяют также несколько основных видов целевой страницы. Это:

• вирусные;
• лид-страницы;
• рекламные.

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

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

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

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

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

• техническая - веб-страница, состоящая из различных элементов (HTML, CSS, тексты, графика, видео);
• бизнес - страница, подталкивающая посетителя на конкретное действие с целью получения выгоды (покупку/подписку);
• пользователь - страница, на которую он попал по ссылке из поисковика/другого сайта/через баннер.

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

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

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

• быть простыми и короткими;
• быть привлекательными с точки зрения дизайна (расположение, шрифт);
• быть емкими, содержать релевантные слова.

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

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

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

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

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

Заключение

Реклама - двигатель любого бизнеса. В интернете она приобретает особые формы и проявления. В данной статье мы рассмотрели, что такое лендинг-страница и как она работает на бизнес. Также узнали о том, какой она бывает, что включает, какие правила нужно соблюдать, чтобы создать хорошую целевую страницу. Используйте предложенные советы в целях составления landing page для развития собственного бизнеса. Успехов!

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

И я решил так – расскажу вам о лендингах, об основных приемах, которые использовал при их создании. Приведу примеры хороших одностраничных сайтов. А выводы каждый из вас сделает для себя сам. Договорились? Тогда начнем.

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

1. Что такое лендинг пейдж - обзор для новичков

По теме создания посадочных страниц написаны сотни статей. В один материал сложно «впихнуть» все советы, весь опыт. Но я все-таки постараюсь рассказать вам о самом главном, что касается landing page.

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Почему делают лэндинги:

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

Лэндинги создают для:

1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
3. Распространения софта - продажа программного обеспечения.

Лендинг и воронка продаж

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

Процесс продаж через лендинг пейдж выглядит примерно так:

• увидели ссылку на посадочную страницу 100 человек;
• перешли по ссылке 40 пользователей;
• заявку оставило 10 человек;
• купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

В каких случаях необходимо создать лендинг?

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

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

Что такое «лендинг пэйдж»?

Несложно догадаться, что понятие «лендинг пэйдж» имеет зарубежное происхождение.

Landing page в дословном переводе означает «посадочная страница». Это одностраничный сайт, сайт-визитка или главная страница основного сайта, размещенного в интернете, главная цель которой – подтолкнуть пользователя к выполнению определенного действия. Как правило, действие – это подписка на рассылку, регистрация на сайте, покупка товара или услуги.

Пока что слово «лендинг» и, соответственно, словосочетание «лендинг пейдж» не встречается в образовательной литературе по маркетингу. Да и в словарях данное слово еще не было зафиксировано. Есть второй вариант написания, а именно «лэндинг». Но стоит отметить, что это менее распространенная форма. Такое вывод основан на данных Яндекс Статистики – 1 млн. запросов против 120 тыс.

Если рассмотреть назначение лендингов, то они создаются для:

• Продажи конкретного товара или услуги.
• Сбора информации о целевой аудитории.
• Распространения программного обеспечения и инфопродуктов.

Но, несмотря на назначение, цель таких сайтов одна – увеличить уровень продаж. С ее помощью достигают 20-30% роста заказов, особенно если бизнес имеет одну из следующих специфик:

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

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

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

Виды лендинг пейдж

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

Landing page бывают:

• One step – одношаговые. Одношаговый landing – это классический вариант сайтов, состоящих из одной веб-страницы. Их основная цель – привлечение и «подогрев» лидов.
• Two step – двухшаговые. Двухшаговые страницы менее распространены, но не менее эффективны. Двухшаговый лендинг – это самостоятельная страница, предлагающая посетителю несколько опций. Выбрав одну из них, клиент попадает на дополнительную страницу, которая может быть представлена формой для оформления заказа, подписки на рассылку и пр.
• Long page – длинные страницы. Под длинной страницей подразумевается то, что лендинг пейдж прокручивается вниз в две и более страницы.
• Short page – короткие страницы. Короткая страница имеет размер в один экран без возможности прокрутки. Короткий лендинг пейдж уместно использовать только раскрученным брендам, с которыми не нужно знакомить пользователей, или в качестве инструмента для перенаправления на другие страницы сайта для сбора необходимой информации.

Сколько стоит лендинг и как его заказать?

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

Для примера:

• Средняя стоимость лендинга у фрилансеров – 5000-20000 рублей.
• Услуги дизайн-студии – 50 000–100 000 рублей.
• Разработка лендинг пейдж авторитетным агентством – 100 000–500 000 рублей.

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

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

1. Заполнение брифа (технического задания).
2. Согласование основных пожеланий и предпочтений с исполнителем.
3. Подписание договора на услуги.
4. Внесение предоплаты.
5. Оценка работы и запуск страницы в сеть.
6. Полная оплата услуги, предусмотренная договором.

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

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

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

Как создать лендинг пейдж бесплатно?

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

Реальные способы заполучить landing page бесплатно:

• Создать сайт или купить готовый шаблон на WordPress.
• Воспользоваться специализированным конструктором (генератором).
• Скачать готовый шаблон и «переписать» его в соответствии с индивидуальными особенностями компании.

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

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

Дизайн и структура лендинг пейдж

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

Черты хорошего дизайна лендинг пейдж:

• Простота и лаконичность.
• Блочная подача контента.
• Яркая графика.
• Логичная структура страницы.

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

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

Структура лендинг пейдж:

1. цепляющий заголовок;
2. описание продукта;
3. преимущества;
4. уникальное предложение;
5. форма для заказа.

Структуру дополните отзывами о продукте и блоками «вопрос-ответ». Главное – краткость. Ведь правило Стива Круга «Не заставляй меня думать!» все еще актуально.

13 заповедей для создания эффективного лендинга

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

Правила для создания эффективного лендинга:

Один лендинг – один продукт

Чтобы добиться максимальной отдачи от landing, сконцентрируйте внимание посетителя на конкретном товаре. Другими словами, нельзя ставить клиента перед выбором, поскольку выбирать сложно. Гораздо проще бегло пробежаться взглядом по странице, закрыть ее и забыть о ее существовании. Но цель лендинга абсолютно противоположная. Эффективная схема выглядит так – Товар-Скидка-Форма для оформления заказа.

Цепляющий заголовок

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

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

Четкость целевого действия

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

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

Чтобы четко обозначить целевое действие, прямо и конкретно напишите, что требуется от посетителя страницы (подписаться, заказать, скачать и пр.), и сделать кнопку для этого в секундной досягаемости. Если клиенту придется искать, как сделать то, что от него хотят, он пойдет по более легкому пути – просто закроет страницу.

Продающий текст

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

Чтобы написать действительно продающий текст, надо:

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

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

Оформление текста

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

Правила оформления текста:

• Размер и стиль шрифта. Оптимальный размер – 16 px, в исключительных случаях 14, наиболее распространенные стили – Arial, Meiryo, Georgia.
• Предложения. Текст должен содержать простые предложения без сложных оборотов.
• Блочная подача информации. Каждый блок – это абзац. В абзаце должно быть не более 3–5 строк.
• Подзаголовки. Чтобы разбить полотно текста, используйте подзаголовки через каждые 3–6 абзацев.
• Таблицы, графики, списки, цитаты. Эти элементы также помогают разбавить текст и сделать его проще для восприятия.

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

Нет агрессивной и навязчивой рекламе

• Большое количество восклицательных предложений;
• Написание всего текста или его отдельных фраз с заглавной буквы;
• Очевидные фразы наподобие: «Ограниченное предложение», «Ликвидация товара по низким ценам», «Только сегодня скидки до …%»

Реклама должна быть умной, а не агрессивной. Сегодня пользователи легко отличают явную рекламу от действительно стоящего предложения, у посетителя лендинга не должно складываться впечатление, что ему хотят что-то «впихнуть».

Структура

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

Релевантность

Релевантность – это соответствие ожиданий пользователя с реальностью. То есть если в результатах поисковой выдачи человек увидел заголовок «Эксклюзивные ювелирные украшения», то landing page должен иметь аналогичный или схожий заголовок.

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

Работа с возражениями

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

Чтобы убедить клиента в безопасности сделки используется:

• Круглосуточная служба поддержки.
• Гарантийный срок возврата.
• Формы обратной связи.
• Бесплатный тестовый период.

Ограниченность предложения

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

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

Доверие клиента

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

Для этого лендинг должен содержать:

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

Мы часто слышим слова “посадочная страница”, “одностраничник”, landing page. И вроде бы понимаем, о чем говорится, но не знаем всех особенностей и фишек.

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

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

Как вы уже догадались, это одностраничный сайт, который — внимание! — посвящен какой-то одной услуге или товару.

На обычном сайте может быть много разделов меню с разной информацией (“О компании”, “Наши новости”, “Товары”, “Новинки”, “Контакты” — если сайт направлен на продажи, и “Общество”, “Экономика”, “Отношения” — если тематика информационная).

На лендинге – никаких разделов, только информационные блоки.

Для чего нужен лендинг?

Лендинг не просто информирует о товаре – он его продает. Цель любого лендинга – одно конкретное действие.

Это или продажа товара/услуги, или сбор контактных данных посетителей, или

Все вместе – не получится, у каждого лендинга – своя задача. Рассмотрим самые основные.

Продажа товара. Допустим, вы стали фрилансером-копирайтером и хотите продвинуть в интернете свои услуги. Услуга у вас одна – написание текстов.

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

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

Сбор контактных данных, или лидов. контакты потенциальных клиентов. Как их собрать? Очевидно, заинтересовать людей, чтобы они оставили в форме заказа свой телефон или электронную почту.

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

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

Но они-то еще о вас не знают! Значит, делайте лендинг, ориентированный полностью на аудиторию предпринимателей. Описываем их боли и проблемы и предлагаем решение – ваши тексты.

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

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

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

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

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

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

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

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

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

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

2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

4 этап – выбор. Из нескольких вариантов он выбирает одно решение – конечно, то, что предлагаете вы. Для этого нужно разъяснить все преимущества вашего товара или услуги.

5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

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

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

Виктория Кучинова

Главная проблема большинства современных лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства?

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

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

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Персонализация

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

Удобная форма ответа

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

Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.

Демонстрация результатов

Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.

Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.

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

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

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

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

Клиент попросил сделать яркий и запоминающийся лендинг «с призывом окрасить все вокруг». У него были идеи сделать изображения мебели в формате 3D, чтобы посетитель «мог покрутить и рассмотреть окрашенный предмет с разных сторон».

Что мы сделали

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

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

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

Договорились с клиентом оставить возможность окрашивания стола, стульев, двери и кухонного гарнитура. Это основные предметы, которые красит компания.

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

Необычные и обычные прелоадеры

С помощью прелоадера или спиннера можно сделать более удобным и визуально привлекательным любую посадочную страницу. В этом разделе поговорим о прелоадерах и посмотрим на примеры этих элементов, созданные специалистами «Текстерры».

Что такое прелоадер и какие задачи он решает

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

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

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

• Qubi

Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.

• Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!

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