Лендинг с высокой конверсией — пример из практики. Как создать лендинг с высокой конверсией: технология, правила и примеры
Суть структуры продающего лендинга заключается в том, чтобы побудить посетителей выполнить определенное действие. Например, совершить покупку, регистрацию или подписаться на рассылку.
Можно сказать, что лэндинг почти на 100% определяет успешность рекламной кампании. Хороший лендинг = хороший ROI (коэффициент возврата инвестиций ). Плохой лэндинг – напрасная трата денег.
Три нерушимых правила
Правило 1: никогда не направляйте трафик с рекламы на главную страницу сайта
Главные страницы перегружены информацией и действиями. Запутавшись во всем этом, пользователь может проигнорировать необходимое действие. Поэтому нужно направлять рекламный трафик на страницы, дающие возможность выполнить только целевое действие рекламной кампании.
Правило 2: ясность и актуальность превыше всего
Посетители тратят лишь пару секунд на то, чтобы понять, насколько полезна и актуальна данная страница. Если посетители не находят необходимой информации, или на сайте имеются проблемы с функционалом или юзабилити, то страницу закроют.
Чтобы этого не произошло, ответьте на вопросы, возникающие у каждого пользователя :
- Есть ли тут то, что мне нужно?
- Хватает ли мне имеющейся информации?
- Могу ли я доверять этому сайту?
- Сколько времени потребуется?
Перед тем, как решить, какой товар продавать на лендинге , нужно понять, что он должен стимулировать посетителей оставаться на странице и совершить целевое действие: заполнение формы подписки или покупка.
Правило 3: качественный лэндинг имеет определенную структуру
Заголовок, сулящий выгоду
Если посетитель попал на сайт после клика по баннеру, то тексты лэндинга и рекламного объявления должны соответствовать друг другу. Если баннер или РРС-реклама обещают «Уникальную технику медитации », то данная фраза должна присутствовать и в заголовке лэндинга.
Краткость и актуальность
Выбирайте простые и емкие фразы. Не размещайте слишком много текста, ведь посетитель должен иметь возможность бегло просмотреть информацию и понять ее сущность. Выделяйте основную мысль маркированным списком. Рекламное объявление и лэндинг должны писаться на одном языке.
Акцентируйте внимание на одном действии, которое необходимо выполнить посетителю
Пользователь должен иметь возможность совершать лишь одно действие на странице. Чем больше опций на странице, тем ниже конверсия.
Удаляйте отвлекающие навигационные ссылки
Сделайте форму подписки или оформления заказа заметной
Целевое действие должно бросаться в глаза. Выделяйте его. Размещайте большую форму входа в правой части лэндинга. Если на лэндинге предусмотрена прокрутка, то продублируйте форму или кнопку в самом низу страницы.
Соблюдайте единообразие стиля
Дизайн лэндинга не должен выбиваться из общей концепции сайта. Придерживайтесь общей цветовой гаммы и шрифтов, сохраняйте единое восприятие сайта и лэндинга. Так вы сможете повысить узнаваемость бренда.
Качественные продающие лендинги шаблоны грузятся быстро. Скорость загрузки страниц отслеживайте с помощью сервиса Google Page Speed . Там же можно получить рекомендации по улучшению производительности сайта.
Четыре этапа создания лендинга
Перед началом работы над лэндингом отрисуйте макет на бумаге. Для правильного эскиза необходимо руководствоваться четырьмя основными принципами. И пусть дизайнер работает с реальными данными. Так что сначала накидайте черновик.
1: определитесь с аудиторией
Важно, чтобы лэндинг обращался к целевой группе пользователей. Учитывайте проблемы, желания и потребности своей целевой аудитории. Создавайте черновик страницы под конкретных, а не абстрактных читателей.
Если вы привлекаете трафик на лэндинг с разных объявлений, то создавайте под каждую рекламу свой лэндинг. Пусть эти страницы будут почти одинаковыми, но с разными заголовками и слоганами, дублирующими тексты из рекламы.
2: определитесь с самым желаемым действием (MWA-действие)
То, каким оно будет, целиком и полностью зависит от продукта и стратегии. Если у вас дорогой и сложный продукт, то лучше использовать email пользователей и начинать выстраивать отношения с клиентами по электронной почте.
Ну, а если вы занимаетесь продажей дешевых или простых товаров (например, вино или подписка на какое-то издание ), то имеет смысл сразу переходить к непосредственной продаже. При продаже программ лучше предлагать пробные версии.
3: определитесь с посланием
Вы знаете свою аудиторию, ее проблемы и их возможные решения. Дело осталось за малым – придумать емкое послание. Универсального шаблона здесь нет, так что придумайте несколько слоганов и проведите сплит-тестирование.
4: придумайте дизайн лэндинга
Как же создать красивый лэндинг продающий , который сможет побудить посетителей к выполнению определенного действия? Для начала продумайте список всех элементов, которые должны быть представлены на странице.
Что должно присутствовать на странице:
- заголовок, обращенный к целевой аудитории;
- логотип компании;
- краткое описание предложения «над линией сгиба » (линия сгиба – это часть экрана, видимая без прокрутки) ;
- полное описание предложения «под линией сгиба » (зависит от сложности предложения и продукта);
- изображение предлагаемого продукта;
- простая форма регистрации. В идеале с 1-3 полями (обычно это имя и почта, но действительно ли вам нужно имя? );
- кнопка «Купить » или «Войти » (в зависимости от желаемого отклика) и ссылка на «Политику конфиденциальности » (открывайте ее во всплывающем окне, а не на новой странице – так вы сможете удержать посетителей на лэндинге ).
Что лучше убрать со страницы:
- навигационное меню. Помните, что акцент нужно делать на самом предложении;
- ссылки на другие разделы сайта (например, «О компании» );
- любую графику, не связанную с предложением. Иначе вы будете отвлекать посетителей от главного;
- трудночитаемый текст. Все, что мельче 10 px, – это плохо;
- любые ссылки из серии «чтобы подписаться, нажмите сюда » или «нажмите сюда, чтобы прочитать продолжение ». Если вы не можете вместить весь контент в верхней части экрана, то пусть пользователь воспользуется прокруткой. Прокрутка – это лучше, чем переход на другую страницу;
- громоздкие и пугающие формы с лишними полями (например, «должность», «факс» и т.д .);
В каждом правиле есть свои исключения, и вы точно не сможете скопировать все лучшие идеи в свой лендинг. Но эти советы должны помочь на начальных этапах.
5: собираем все воедино
После того, как был создан эскиз продающего лендинга шаблон и придумано наполнение, необходимо соединить их в одно целое и залить на сайт. Мы советуем использовать простые и легко запоминающиеся адреса. Бывает так, что для лэндинга приходится регистрировать отдельный домен, так как домены с точными ключевыми словами получают больше трафика с РРС-рекламы .
Если лэндинг посвящен вакансиям на нефтяной вышке, то лучше выбрать адрес www.OilRigJobOffers.com или www.somesite.com/oilrigjoboffers .
Такие адреса привлекают куда больше трафика, чем стандартный переход по ссылке с РРС-рекламы в Google . Пользователь, который заходит в поисковую систему и ищет «вакансии на нефтяной вышке », с большей вероятностью откроет рекламу с ключевым словом в адресе.
Длина лэндинга
Обычно для бесплатных предложений идеально подходит короткий лэндинг. Чем больше денег вы хотите получить от посетителя, тем длиннее должна быть целевая страница.
По мнению Боба Кемпера , на соотношение эффективности лэндинга и длины страницы влияют:
- мотивация пользователя;
- начальный уровень тревожности о продукте/компании;
- уровень затрат/обязательств, связанных с конверсией.
Подведем итог : короткий лендинг лучше подходит для бесплатных, дешевых или не вызывающих беспокойства продуктов. Также он отлично срабатывает со спонтанными покупками или покупками, дающими эмоциональное удовлетворение (билеты на концерты, сладости, всякие красивые штучки ).
Длинный лэндинг больше подходит для сложных или дорогих продуктов. Когда перед совершением покупки включается рациональное мышление и прагматичный анализ, то длинный лэндинг выглядит солиднее, так как он предоставляет посетителю дополнительную аргументацию, доказательства и отзывы. Он идеален для продуктов, где большее количество информации может склонить посетителя к совершению покупки.
Многие люди боятся создавать длинные схемы продающего лендинга , потому что подсознательно ассоциируют их с хайпом, мошенничеством и из серии «разбогатей за пару дней ». Не бойтесь длины, бойтесь убогого контента.
Conversion Rate Experts в разы увеличили конверсию лендинга SEOMoz , изменив лишь длину страницы:
Взгляните на страницы продуктов в Amazon – лэндинг у Kindle ОЧЕНЬ длинный . А в Amazon , как мы знаем, тестируют все!
Если вы выбрали длинный лэндинг, то убедитесь в том, что ваши посетители знают о прокрутке Есть отличные сервисы, например, CrazyEgg и Clicktale , которые помогают людям «прочувствовать» длину страницы.
Тесты, тесты, тесты
Как только все будет готово и настроено, переходите к тестированию эффективности лэндинга. Придумайте минимум два варианта целевой страницы, протестируйте их, выберите лучший и доведите его до ума.
Ошибки в лэндингах
Я просмотрел много целевых страниц, на которые попадал после клика по рекламе. К сожалению, идеального лендинга отыскать не удалось.
Ниже приведен небольшой «разбор полетов» , состоящий из плюсов лэндинга и того, что я бы изменил.
Университет Феникса
Что у них получилось хорошо при написании продающего текста для лендинга:
- живой заголовок и картинки;
- простой и четкий призыв к действию;
- понятный брендинг.
- уменьшил бы оранжевую область и сделал форму более заметной;
- увеличил заголовок и размер шрифта в форме;
- белый текст на оранжевом фоне читать достаточно трудно;
- слишком много текста, важная информация теряется на общем фоне;
- я бы удалил подробности о программе.
Zoho
Что у них получилось хорошо:
- заголовок ориентирован на выгоду;
- социальное доказательство;
- перечислены все главные плюсы;
- четкий призыв к действию;
- четкий брендинг.
Что лично я бы изменил или дополнительно протестировал:
- удалил ссылку на прайсы – мне кажется, это отвлекает. Добавил бы бесплатный тариф с возможностью последующего приобретения платных возможностей;
- добавил информацию о личных данных во всплывающем окне, а не уводил бы пользователя на другую страницу;
- уменьшил количество отмеченных элементов до трех, сделал шрифт темнее;
- в схема продающего лендинга поменял текст на CTA-кнопке. Там лучше указать то, что произойдет после нажатия.
CreateSpace
Что у них получилось хорошо:
- достоинства визуально выделяются;
- заметный призыв к действию;
- четкий брендинг.
Что лично я бы изменил или дополнительно протестировал:
- дизайн. Как будто новичок впервые открыл FrontPage ;
- заголовок ужасен. Нет конкретного предложения. Не стоило включать в заголовок название бренда;
- кнопка «Получить бесплатную консультацию » открывает точно такую же форму, как и та, что справа. Зачем плодить дубли?
- запрос на бесплатную консультацию – зачем он вообще нужен? Вместо продажи консультации они пытаются отвлечь меня бесплатными буклетами и акциями. Если я открыл этот сайт, значит, я уже хочу публиковаться!
- слишком длинные формы;
- я бы полностью изменил призыв к действию/предложение. Выбрал что-то связанное с публицистикой. Консультации – это лишняя морока и трата времени. Меня бы напугала агрессивная технология продаж в структуре продающего лендинга .
Allstate авто-страхование
Что у них получилось хорошо:
- укрепление бренда;
- обыгрывают самое главное: как сэкономить на страховке;
- четкий и совершенно понятный призыв к действию.
Что лично я бы изменил или дополнительно протестировал:
- ужасная картинка. Лучше бы взяли более реальное изображение;
- стоит доработать подпись на картинке. Фраза «важно для вас» в сочетании с изображением автомобиля мне видится как минимум странной.
Text Link Ads
Что у них получилось хорошо:
- четкий брендинг;
- выделены два главных преимущества;
- выделен призыв к действию;
- скриншот показывает то, как правильно пользоваться сервисом.
Что лично я бы изменил или дополнительно протестировал:
- а что вообще делает этот сайт? Лучше написать продающий текст для лендинга с пояснениями.
- убрал из лендинга меню.
- удалил дополнительные призывы к действию и ссылки;
- попробовал другой шаблон с лучше конверсией. Этот выглядит слишком громоздким. Не за что зацепиться взглядом;
- отдельные лэндинги под каждую целевую аудиторию (издатели и рекламодатели);
Инструменты для создания лэндинга
Существует множество сервисов для создания лэндингов. Обратите внимание на следующие :
- Unbounce – самый мощный.
- KickoffLabs – вирусные лендинги.
- LaunchRock – отличный вариант для лендингов-анонсов (из серии «открытие уже скоро»).
Данная публикация представляет собой перевод статьи «How To Build a High Converting Landing Page: Rules, Process and Critique » , подготовленной дружной командой проекта
Хорошо Плохо
По-прежнему продолжаю собирать коллекцию примеров хороших посадочных страниц. Русскоязычных. Все три страницы принадлежат “перу” одной и той же студии. В портфолио этой студии были размещены видео-отзывы владельцев сайтов, из которых следует, что эти посадочные страницы имеют высокую конверсию в 11-16%.
Студию не указываю только потому, что планирую их слегка поругать и им может быть немножко стыдно 🙂
Как обычно, если кликнуть по миниатюре посадочной страницы, то можно лицезреть всю захваченную страницу целиком. Рядом ссылка на оригинальную страницу, но она уже может быть изменена.
Претензий к визуальному оформлению страницы нет. Всё сделано хорошо. Её, пожалуй, даже можно ставить в пример. И использовать как шаблон.
Но есть серьёзные претензии к пониманию студией сущности посадочной страницы. Потенциальному покупателю предлагаются на выбор все шины Nokian, имеющиеся в наличии.
То есть никакой сегментации трафика делать не предполагается. Хотя бы на самой странице. Тогда как любому очевидно, что владельцам Daewoo Matiz и Toyota Land Cruiser Prado интересны разные шины.
По сути покупателю предлагается сделать выбор по цене и порядковому номеру: что лучше Nokian Tyres Hakkapeliitta 7 за 3 030 рублей или Nokian Tyres Hakkapeliitta 8 за 3 250? Посадочная страница на этот вопрос ответа не даёт, а значит страдает конверсия этой страницы.
Ну и совершенно недопустимы грамматические ошибки на посадочных страницах:
Ошибки подрывают доверие к бизнесу, а значит ухудшают конверсию на посадочной странице. К слову о доверии. Дизайнер посадочной страницы напрочь забыл про то, что компания без физического адреса вызывает меньше доверия.
А вот акция оформлена хорошо: понятен размер скидки и причина дедлайна прозрачна – сезон.
Пример посадочной страницы консалтинговой компании
Пример посадочной страницы консалтинговой компании
Комментировать здесь ничего не хочу. Это просто наглядное пособие о том, как не надо оформлять первый экран посадочной страницы и как надо отбирать факты для её информационного наполнения. Я не понимаю, как одна и та же студия может допускать такой разброс по качеству.
Калька с бесплатным звонком по России с указанием обычного, т.е. платного номера, безумно огорчает.
Пример посадочной страницы для продажи кресел-мешков
Пример посадочной страницы по продаже кресел-мешков
Практически идеальная посадочная страница. Не побоюсь этого слова – шедевр эмоционального маркетинга. При посещении этой страницы возникает единственная эмоция: заверните две, можно вместе с девушкой-моделью 🙂 Это при том, что я абсолютно точно не планировал покупать кресло-грушу.
Разумеется, и на этой странице не обошлось без недостатков. Про своё я повторятся не буду.
И даже не буду повторять мысль про недопустимость множественности выбора на посадочной странице. Всё что хотел, я сказал при обзоре посадочной страницы с шинами в начале этой заметки.
Я сейчас о другом. Посмотри на фотографию мешка, который продаётся по акции и называется кресло Camedy XL по лучшей цене. А теперь на фотографию мешка с названием кресло-груша “Oxford”:
Мешок, как тебя зовут: кресло Груша Oxford или кресло Camedy XL?
Визуальной разницы никакой, но названия разные! Эмоциональный маркетинг выключает логическое восприятие информации, поэтому конверсия посадочной страницы достаточно высокая. Но придирчивого покупателя подобные головоломки всё-равно заставляют задуматься: а стоит ли раскрывать кошелёк?
А теперь самая важная ошибка этой посадочной страницы. Бьюсь об заклад, при беглом осмотре ты её даже не заметил. Посмотри внимательнее на один из вариантов использования рекламируемого товара и на сам товар, продаваемый по акции. Для твоего удобства я их поместил рядышком:
Рекламируемый товар на посадочной странице не совпадает с продаваемым!
Не трудно видеть, что девушка сидит на огромном кресле-подушке. Но продают-то по акции кресло-грушу. И совершенно очевидно, что сидеть на груше так, как сидит девушка на кресле-подушке физически невозможно. Более того, этой подушки нет среди 5 остальных вариантов бескаркасных кресел, предлагаемых на выбор на данной странице: там только ещё 3 варианта кресла-груши, круглый мячик и квадратный пуфик.
А это значит, что часть внимательных посетителей страницы заметит разницу сразу. И они не станут покупать грушу. Либо купят её отдавая себе отчёт в том, что это не подушка.
Но некоторые покупатели смогут обнаружить подмену только когда распакуют заказанный товар. В результате будет страдать репутация магазина.
Но сама по себе посадочная страница очень и очень хороша!
Твитнуть
Плюсануть
Мы с вами уже обсуждали, что такое landing page, чем они хороши и на какие базовые принципы опираются. Но несмотря на то, что существует ряд правил и приёмов, которые обеспечат успешность вашего сайта, неправильно думать, что разработка лендинга – это шаблонная работа, а хорошо работающую страницу можно сделать за 5 минут, только знай себе картинки подставляй и тексты меняй. Конечно, это творческий процесс, и фантазия, подкрепленная пониманием поведения своей целевой аудитории, только поощряется. Ниже мы представим десятку примеров небанальных лендингов, а также страниц, обеспечивающих высокую конверсию.
1. Nest Thermostat
Очень интересно оформленный ленд, посвященный продаже комнатного термостата. Несмотря на наличие всякого рода технических данных и описания удобного функционала, лендинг сосредоточен на визуальной составляющей – несколько фотографий интерьера, а также гениальная по задумке и исполнению анимация в середине страницы вызывают ощущения, что после покупки этого девайса, у тебя в доме станет не хуже, чем на картинках в интернете. Таким образом, ленд продает не термостат, а уют в доме, что и является конечной потребностью клиента.
2. Boy-Coy
Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com
3. Водка «Валенки»
Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта. 
http://www.valenkivodka.com
4. Интернет-магазин плюшевых медведей
По-настоящему интересные лендинги способны привлечь внимание даже людей, далеких от целевой аудитории. Убедитесь на примере магазина, продающего огромных плюшевых медведей. Сайт буквально переполнен интересными задумками и словно ведет с посетителем диалог, что в итоге, с высокой вероятностью, означает покупку.
http://medvedy.com
5. Smart Progress
Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do
Примеры продающих лендингов с высокой конверсией
1. Производство и монтаж деревянных окон
Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга. 
http://goodwin-nnov.ru/
2. Страхование КАСКО
Еще один лендинг с высокой конверсией. Принцип превращения посетителя в лида здесь используется аналогичный предыдущему примеру – калькулятор. Предлагаем оценить, сколько параметров возможно внести для подбора полиса, и насколько неутомительно это сделано. То же самое можно сказать и про остальное наполнение ленда – предельно просто и понятно, при этом описаны вообще все преимущества, которые хочет получить автовладелец, страхуя свою машину.
http://простокаско.рф
3. Франшиза развлекательных аквариумов-автоматов
Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru
4. Ремонт ноутбуков
Хороший пример лендинга, где относительно большое количество текста (в том числе и занимаемая им площадь на главном экране) не создает для посетителя никаких трудностей, а наоборот смотрится органично, и удачно расписывает все преимущества ремонтной организации. Услуги по ремонту ноутбуков являются срочными, поэтому не стоит потенциальным клиентам выдавать информации сверх меры: достаточно нескольких блоков, но проработанных максимально красиво и информативно, что вызывает доверие.
Наверняка вы уже неоднократно сталкивались с множеством лендингов и устали от их агрессивного поведения. Не успев прочитать заголовок с вас немедленно начинают требовать контакты. И если изначально такая техника еще давала более менее хорошие результаты, то с каждым днем она все больше становиться неэффективной.
Визуализация типичной агрессии со стороны большинства «лендинг пейджей»
Что произошло?
Чтобы понять причины ухудшения конверсии при таком подходе нужно вернуться немного назад и понять от чего вообще появились эти формы.А произошло все вполне естественно. Большинство сайтов предлагали довольно сложные интерфейсы коммуникации, требующие не дюжей подготовки и терпения от пользователей. В конечном итоге эволюция интерфейсов свела все к простой форме: имени и номеру телефона (или даже просто к номеру телефона), заполнив которые пользователи решали задачи коммуникации на сайте и дальше их обрабатывал уже менеджер в телефонном режиме.
Очевидное упрощение интерфейсов положительно сказалось на конверсиях и как все хорошее – быстро распространилось по интернетам став повсеместным трендом.
И все бы нечего, но естественное желание людей получать больше начало играть злую шутку с простой формой контактов. Так появились акции, супер предложения, скидки и таймеры ограничивающие действие всего выше перечисленного и указывающие на одно единственно верное действие – заполни форму или умри.
В большинстве случаев на этом талант основной массы лендингпейджмейкеров заканчивается, от чего и имеем тысячи «лендингов» сделанных под копирку, различающихся только размером скидки или временем действия надуманной акции.
Так в чем же дело?
Подробно о проблеме шаблонных решений, не учитывающих потребности целевой аудитории я уже писал в своей предыдущей статье: и рекомендую ее к прочтению прежде, чем продолжить читать эту статью и тем более - пробовать реализовывать описанную ниже технику. Так как применение даже очень хороших решений в плохих лендингах не даст существенного улучшения конверсии.
Итак, в процессе эволюции интерфейсов, люди пришли к простой форме запроса, дающей большую конверсию, чем предыдущие известные решения. Разработчики начали массово применять эту технологию и улучшать конверсию искусственными стимуляторами, постепенно смещая фокус внимания с контента на целевое действие. В какой-то момент это смещение окончательно вытеснило контент, оставив только фокус на целевом действии. Этот момент я и считаю переломным.
Если провести аналогию из реальной жизни, то теперь процесс знакомства с девушкой выглядит примерно так:
«Привет. Переспи со мной! Мое предложение ограниченно. Всего 2 девушки в сутки. Посмотри как я красиво одет. Я очень техничен. Не трать мое время. Переспи со мной!»
Очевидно, что этот диалог абсурден и парень бы точно получил как минимум пощечину. Так почему же вы уверены, что большинство лендингов, работающих ровно таким же образом должны быть эффективными?
Требуя без предварительного знакомства контакты мы лишь вызываем раздражение посетителя. И по-прежнему такие решения хорошо работают только для ищущих шару скидочников и клиентов, которым реально горит. Последним обычно безразлична вся остальная мишура и они купят, даже если ваш телефон придется искать в whois домена. Но таких мало.
Предчувствуя возгласы «Но ведь работает же!», хочу напомнить что конверсия – это не только циферки в аналитике. Легко указать в портфолио после очередного сданного лендинга «Тут мы достигли конверсии в 40%». А сколько из них стали реальными клиентами? А сколько вернутся? А сколько бизнес потерял денег, раздавая на право и налево скидки и подарки? Об этом обычно молчат.
Волшебная таблетка
Сразу расстрою – волшебных таблеток не бывает, и головой все же думать придется.В процессе длительных экспериментов мы пришли к выводу, что прежде чем просить человека выполнить необходимое нам действие с ним нужно пообщаться. В контексте интерфейса с этой задачей отлично справляются всем известные мастера.
Таким образом на лендинге туристического агентства при нажатии на кнопку «Узнать актуальные цены» пользователь видит не форму для ввода номера телефона, а «виртуального консультанта», который задает ему несколько уточняющих вопросов: Когда вы хотите вылететь? На сколько ночей? Кто поедет?
И только получив ответы на эти вопросы предлагает оставить контактные данные, объясняя, что произойдет дальше.
Такой подход, совместно с контентно-ориентированным содержанием лендинга дает существенно лучший результат, не вызывая чувства агрессии. И этому есть объяснение.
Люди, даже желая получить продукт или услугу в большинстве довольно инертны и не спешат оставлять свои контакты. Не все любят говорить по телефону, не у всех есть время, не все знают чего хотят. Они используют интернет для решения своих вопросов и вполне естественно сначала удовлетворить их потребности и только потом спросить данные для связи.
Именно решением потребностей и занимается мастер (естественно в комплексе с остальным содержанием лендинга). Задавая правильные вопросы, мы помогаем человеку конкретизировать его намерения и тем самым подталкиваем к выполнению целевого действия.
Кроме конкретизации намерений, этот подход работает и на эмоциональном уровне, располагая клиента к эмпатии и доверию.
В том или ином виде, такое решение применимо к большинству ниш и применяется нами в таких направлениях как «туристические услуги», «пластиковые окна», «пластиковые трубы» и ряде других.
Описанный пример с применением мастера в попапе лишь одно из возможных интерфейсных решений и не обязательно применять лишь его одно. Важно уловить именно саму ценность подхода: помочь человеку конкретизировать свои намерения и вызвать чувство доверия.
К примеру, проектируя лендинг для пластиковых труб, мы определили ключевым действием намерение получить прайс-лист продукции. В то время, как все конкуренты при попытке получить прайс немедленно требовали контакты мы пошли дальше и удовлетворили потребность посетителей отправляя на страницу, где можно сразу загрузить необходимые прайс-листы. На этой странице, вместе с прайсами разместили специальную форму запроса, но как и ожидалось конверсия на ней была довольно низкой, чего не скажешь о загрузках прайсов.
Магия была в другом. Количество звонков после загрузки прайс-листов резко пошло вверх в сравнении с предыдущей версией интерфейса, а их качество значительно возросло. Если раньше, менеджеру приходилось по-долгу общаться с клиентом и потом все равно отправлять ему прайс-лист, то в данном случае общение было уже более конструктивным. Таким образом мы снизили нагрузку на колл-центр и повысили общий знаменатель конверсии. Хотя и не традиционным образом.
Дисклеймер
Описанное интерфейсное решение является лишь инструментом и требует бережного к себе отношения. Я не взываю к повальному применению мастеров и подобных решений где и как попало, а лишь указываю на то, что кроме жесткого и игнорирующего потребности посетителей, требования немедленно оставить контакты есть и другие, более мягкие и эффективные решения.Перестаньте плодить клоны. Научитесь думать о посетителях и решите уже наконец-то их проблемы. А в благодарность они обязательно выполнят ваше целевое действие и когда им позвонит менеджер – встретят его звонок с улыбкой, а не требованием немедленно и во что бы ни стало нести им в подарок этого шикарного «хомячка», которого им так щедро пообещали на лендинге.
Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.
И как показала наша практика, всё это если и увеличивает прибыль, то только в небольших размерах. Когда по-настоящему могут изменить ситуацию только основы. И как правило, такие темы всегда остаются за кадром. И зря! Время менять приоритеты.
Сегодняшняя статья будет посвящена началу начал – что такое правильная структура лендинга с высокой конверсией.
Я знаю, что ничего не знаю
Если вы прочитали до этого момента и еще не знаете наверняка нужен вам вообще landing page или нет, то вам в помощь наша статья.
Уже ни для кого не секрет, что продающий и (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.
Поэтому добавлю ложку дегтя в эту бочку меда. А именно что нужно сделать еще до того, как создать новый документ под названием “Прототип сайта”:
- провести ;
- выявить ожидания, стереотипы, страхи, боли и возражения ;
- разделить ЦА на сегменты и определить их критерии выбора.
Все эти пункты имеют прямое отношение не только к созданию лендинг пейдж, они пригодятся вам во многих других аспектах бизнеса.
Поэтому если вы еще этого не делали и, к тому же, не знаете как, то как можно скорее бегите изучать наш блог.
Правильная и продающая структура лендинга
После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!
И наполнение, и фото, и тексты, и . На этом моменте многие допускают ошибку, но мы ведь не такие? ;-)
Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “ ”. Выглядит схема следующим образом:
Лестница Ханта
Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:
https://youtu.be/IF5hR2MLfX0
Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.
Конверсия компании по чистке ковров "Чистый квадрат" К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье
Ну, а мы давайте разберём более детально “уровень осознанности” трафика, после чего вы поймёте почему это так важно. Начнём с первого этапа, основываясь на нашем клиенте.
Этап 1: Нет проблемы
Клиенты не знают что такое грязный ковёр и что его нужно чистить. У них всё замечательно, как в сказке, никаких проблем.
Чтобы привлечь таких клиентов и сформировать у них потребность, нужно будет раскошелиться и запастись терпением.
Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.
То есть ваша задача с первой фразы накалять атмосферу и рассказывать, что ковры нужно чистить (обрабатывать после покупки).
Иначе там возникают бактерии, которые в дальнейшем оседают в вашем организме и вызывают болезни вплоть до летального исхода.
В рамках ковров звучит глупо, но в рамках других сфер вполне может быть уместно.
Этап 2: Есть проблема, нет решения
Люди знают, что ковры нужно чистить, что в них копятся бактерии. Но других способов решения кроме помыть его в ванной и высушить на улице не знают.
Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.
А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.
И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.
Этап 3: Решение есть, сравниваем варианты
Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:
- Нужно чистить ковер, чтобы продлить его срок службы;
- Необходимо проводить профилактику для избежания скопления бактерий;
- Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
- Можно вывести даже самые ужасные пятна.
То есть по таким запросам как “где профессионально почистить ковер” мы можем делать ленд со сравнением плюсов и минусов нашего продукта и автомойки, самостоятельной чистки, выездов работников на дом.
Так как в данном случае клиент выбирает между разными подходами для избавления от задач, которые я написал выше.
Сравнение с конкурентами Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:
- Может, всё-таки на автомойку или самостоятельно?
Поэтому мы делаем первую часть сайта доказательством, что наш метод самый лучший, а вторую часть делаем с намёком, что мы та самая компания куда нужно обратиться. И к слову, такого трафика большего всего в интернете.
Этап 4: Выбор продукта
Клиент определился, что он хочет воспользоваться услугами профессионалов в сфере чистки ковров, но нет доверия ни к одной из представленных.
На этой стадии докажите, что Ваша компания самая лучшая и предоставляет наилучшие условия среди всех других.
А значит с первой минуты попадания на сайт, наша задача убедить что наша компания самая лучшая. Что наши преимущества всем преимуществам. Что наши условия круче варёного яйца. Можно, например, это сделать с помощью блока результата до/после (наших кейсов).
Результат до/после Этап 5: Уверенность и намерение
Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.
Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.
Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и .
А Вы откуда?
Наверное у вас в голове сейчас полный хаос после прочитанного, по крайней мере, у меня так было в первый раз.
И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.
И чтобы понять на каком уровне осознанности находится Ваш клиент, необходимо перед созданием определить источники трафика.
Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргегинг, либо … Еще не решили”.
Почему это так важно?
1. . С нее придут люди, которые находятся на Этапе 1 - 2. Редко 3. И почти никогда 4.
То есть они “еле теплые” и, прежде чем купят, нужно им еще все показать-рассказать-объяснить. Поэтому не обманывайте себя ожиданиями огромной конверсии.
Поэтому очень важно уделить достаточно внимания , сделать его лучше, чем у других.
Не стоит забывать, что структура продающего лендинга зависит также от цены продукта – для продажи более дорогого товара стоит прикладывать значительно больше усилий, а значит делать более длинный и эмоциональный сайт.
Хотя, если вы продаете, скажем, автомобили премиум класса, длинный текст не заставит вашего клиента случайно созреть до продажи.
Теперь вы понимаете, что профессиональные исполнители вам предлагают создать разные лендинги на разные каналы привлечения клиентов, не потому что хотят больше заработать, а потому что это сильно поднимает эффективность?
Пример структуры
Возвращаясь к нашему примеру. Разрабатывая сайт “Чистого квадрата” мы основывались на “горячих” ключах и таких же клиентах.
Задача была выделиться среди массы конкурентов и зацепить клиента. Поэтому структура одностраничника выглядит таким образом:
- Заголовок;
- Выгоды;
- Преимущества перед конкурентами;
- Сравнение с услугами/аналогами;
- Пример результата;
- Условия работы;
- Этапы чистки;
- Почему нам доверяют;
- Футер (карта с адресом и контакты).
Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую - PlatformaLP . Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь;)