По-прежнему продолжаю собирать коллекцию примеров хороших посадочных страниц. Русскоязычных. Все три страницы принадлежат “перу” одной и той же студии. В портфолио этой студии были размещены видео-отзывы владельцев сайтов, из которых следует, что эти посадочные страницы имеют высокую конверсию в 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 варианта кресла-груши, круглый мячик и квадратный пуфик.
А это значит, что часть внимательных посетителей страницы заметит разницу сразу. И они не станут покупать грушу. Либо купят её отдавая себе отчёт в том, что это не подушка.
Но некоторые покупатели смогут обнаружить подмену только когда распакуют заказанный товар. В результате будет страдать репутация магазина.
Но сама по себе посадочная страница очень и очень хороша!
Твитнуть
Плюсануть
Многократно повторенная рекомендация – четкие заголовки, расширенное описание в подзаголовке и конкретизация в лаконичном тексте. Этот набор, помещенный в начальный экран продающей страницы, призван с первых секунд убедить посетителя: «Ты попал по нужному адресу». Именно секунд, решение о продолжении просмотра или закрытии сайта, принимается на счет «один – два – три». Идеальный вариант – присутствие в заголовке/подзаголовке релевантной поисковой фразы. Но это действительно дело случая, поскольку вариантов запросов сотни и учесть их все – дело непосильное.
Реальные изображения
Велик соблазн использовать на ресурсе фотографии, приобретенные в фотобанках, но для повышения конверсии нужно позаботиться о собственном фотоконтенте. Крайне спорно утверждение, что пользователи способны отличить заимствованные и собственные изображения какого-то популярного товара, но вот замещение реальных потребителей, фотографий офиса или производственного помещения на красивые картинки из интернета – такой прием распознается сразу и вызывает интуитивное отторжение.
Создание социального и профессионального доверия
Это можно считать продолжением предшествующего пункта. К фотографии состоявшегося клиента присоедините его отзыв. Люди доверяют непредвзятому мнению. Излишне напоминать, что и текст должен быть подлинным, а не сочиненным наемным копирайтером . Хорошо действуют доказательства профессионального признания – дипломы, сертификаты, участие в выставках и конкурсах.
Инфографика - визуальный помощник продаж
Этот прием информационного дизайна помогает легко преодолеть барьер непонимания и наглядно продемонстрировать (например!) простоту использования предлагаемого товара. Лучше один раз увидеть – решили креативные дизайнеры, – и вместо скучных описаний внедрили на продающий сайт стилизованный комикс, показывающий процесс самостоятельного монтажа фасадных отделочных материалов. Конверсия подскочила в три раза.
Прямое и непрямое указание на лид-форму
Продающие бланки и обратная связь – элементы, прямо влияющие на конверсию. Как правило, их стараются выделять на странице прямо – с помощью стрелок, использованием контрастных цветов – или косвенно, применением визуальных эффектов, отзывчивостью на движение курсора мыши.
Интересный способ предложили британские разработчики. Они использовали психологический прием зрительного фокусирования на продающих формах с помощью внедренных изображений. Принцип прост – взгляд посетителя продающей страницы всегда следует за направлением глаз человека с фотографии, на ней размещенной. Скрытые визуальные посылы ценнее прямолинейного воздействия – создается ощущение непредвзятого восприятия и иллюзия собственного решения.
Можем еще долго перечислять способы воздействия на пользователей и приемы повышения конверсии:
- дизайн, форма и цвет кнопок на лендинге – хрестоматийный пример, когда изменение всего одного параметра дает прибавку уровня результативных действий;
- структурированные списки (буллеты). Чек-лист из нескольких коротких пунктов, размещенный на лид-форме и показывающий пользу совершения целевого действия, поднимает уровень конверсии;
- отсутствие кнопок социальных сетей, как ни странно, но тоже работает на увеличение продаж.
И обязательно затронем еще одну тему, объясняющую, как добиться высокой конверсии и найти комбинацию нужных приемов. Принцип a/b-тестирования – вот золотой ключик к волшебной дверце за которой скрывается высокий уровень продаж. Метод проб и ошибок, создание нескольких вариантов каждого графического или управляющего элемента, ступенчатое сравнение полученных результатов и отбор лучших из них – таким образом профессиональные разработчики добиваются повышения продаж и улучшения экономических показателей landing page.
Лендинг пейдж (от англ. landing page) — отличный способ презентовать свой бизнес аудитории в лаконичной и интересной форме. В отличие от стандартного веб-сайта, он должен брать внимание посетителя, удерживать его одним оффером, чтобы привести к итоговому целевому действию. У хорошего интернет-проекта есть свои отличительные характеристики. Из данной статьи вы узнаете, как выглядит эффективный лендинг пейдж с точки зрения специалистов LPgenerator.
Перед тем как приступить к работе, нужно обязательно определиться со структурой. Не зря лендинг называют одностраничником. Ведь в прямом смысле это одна страница, разделенная на несколько «полос», которая содержит разноплановую информацию, полностью раскрывающую оффер. Некоторые разработчики делают вверху панель навигации, таким образом расширяя возможности и одновременно упрощая взаимодействие пользователя с ресурсом. Главное — различать понятия «лендинг» и «сайт» стандартного вида (где можно сделать сколько угодно разделов).
Обязательными составляющими качественного landing page являются:
- лаконичный, интересный хедер;
- краткие преимущества бренда;
- лид-форма;
- описания услуг;
- ценовая политика;
- примеры работ;
- социальные доказательства (отзывы, сертификаты).
Еще одно основное правило проектирования — направленность landing page на одну целевую аудиторию. Примером может служить проект магазина оптовых поставок меда. Точно видно, под каких заказчиков «заточен» интернет-сайт. Можно сделать портал, подходящий всем — одновременно розничным покупателям и корпоративным клиентам, но он будет неэффективным. Расставляйте приоритеты.
Помните — одностраничник должен нести клиентам только одну идею, преследовать конкретную цель. Нельзя перегружать портал разноплановыми офферами.
Тексты
Пишите простые, понятные, лаконичные офферы. Решающим фактором для мотивации потенциального покупателя совершить конверсионное действие является именно привлекательный призыв.
Помните — посетитель веб-ресурса ждет, что вы будете персонализировать общение, поэтому рекомендуется сужать аудиторию коммерческого посыла, подразумевая конкретного клиента. Пример — ниже, где обращение «Вы» пишется с большой буквы.
Там, где уместно, используйте «эффект срочности». Доказательством послужит , который доказал — этот фактор, или эффект, увеличивает конверсию.
Специалисты тестировали два варианта хедера. Один вариант оффера сообщал «Get started now for just 1$» (Начать сейчас всего за доллар). Во второй версии использовалась фраза «Get started for just 1$» (Начать всего за доллар). Образцы хедеров представлены ниже.
Победил первый вариант, повысивший конверсию портала на 12%. Как видите, единственным отличием было слово «сейчас», это доказывает следующую гипотезу — слова, передающие безотлагательность, срочность действия, являются сильной мотивацией для пользователей.
Плохо читаемый текст — ошибка многих разработчиков веб-ресурсов. Идеальный landing page — тот, который не заставляет напрягать глаза, чтобы прочесть нужную информацию. Делайте цвет букв контрастнее, выбирайте подходящий фон, изменяйте шрифт, но не издевайтесь над посетителями. Все проекты LPgenerator соответствуют этому правилу, ниже — образец хорошего, читабельного контента.
Структура текста
Рекомендуем формировать списки везде, где уместно. Подобный дизайн гораздо лучше воспринимается читателями. Если хотите описать преимущества, то маркируйте каждый пункт буллетами, таким образом проще донести нужную информацию до потребителя. Если понимаете, что текст можно структурировать, использовать иконки, то делайте именно так. При любом удобном случае упрощайте восприятие печатной информации.
Представляем образец хорошей структуризации печатных данных.
Объем данных
При проектировании лендинга, задача копирайтера и дизайнера — соблюсти баланс текста/ визуальных элементов. Графическая составляющая должна соответствовать объему печатной информации.
Иллюстрации
Визуальная составляющая крайне важна для эффективности интернет-проекта. С помощью правильно подобранных иллюстраций можно рассказать гораздо больше, без использования слов.
Собственно, что получилось. Начальная версия оказалась гораздо менее популярна двух последующих. При этом изображение сотрудников увеличило конверсию на 45,5%, а фото автомобиля на 45,05%.
Это не значит, что нужно обязательно использовать реальные фото вашей компании. Все-таки мы боремся за эстетическую привлекательность в том числе. Если решение испортит внешний вид страницы, то сыграет только в минус. Желательно находить компромиссы.
Эффективным лендинг пейдж можно считать при условии, когда дизайн «говорит» все об услуге. Он должен ассоциироваться с бизнесом, который презентуется посредством веб-ресурса. Представляем хедер очередного макета от LPg — он сделан по тому же принципу.
Делайте такую кнопку, которую хочется нажать. Посетитель сразу должен понять — по ней нужно кликнуть для немедленного получения услуги. Убедитесь, что после нажатия пользователь переходит туда, куда необходимо.
Если говорить о цвете CTA-кнопки, то лучше всего выбирать контрастные оттенки. Согласно исследованиям по нейромаркетингу, именно такой подход — лучший для привлечения пользователей, мотивации их к целевому действию. Мы можем представить примеры лендингов с высокой конверсией, соответствующих описанному принципу.
В отношении конверсионной формы нужно придерживаться нескольких правил для достижения максимальной эффективности. Во-первых, никаких лишних полей. Посетителей пугают длинные формы, поэтому оставляйте только необходимые для продолжения коммуникации с пользователем поля.
Посмотрите на форму связи шаблона ниже, презентующего вебинар. Только имя и email.
Во-вторых, нужно, чтобы форма была яркой, выделялась, акцентировала на себе внимание. Вот модель подобного решения.
«Плоский дизайн»/ «белое пространство»
«Плоский», конечно, звучит не слишком заманчиво, но сегодня он один из ведущих трендов дизайна. В основе такого принципа лежит двухмерное пространство — графические элементы делаются без объема, используются максимально упрощенные визуальные эффекты. Преимущества такого подхода довольно просты:
- практичность — веб-ресурсы загружаются быстрее анимационных сайтов, изобилующих дизайнерскими «фичами»;
- легко «подгонять» формат под экраны различных устройств — сегодня адаптивная верстка крайне актуальна, так как подобный подход является признаком заботы о клиенте (который давно уже стал более «мобильным»), но также соответствует требованиям поисковых систем;
- эстетическая привлекательность «плоского дизайна» — уже многие разработчики поняли преимущества подобного подхода, одними из них стали представители компании Apple, сделавшие новую операционную систему более «плоской».
Безусловно, посадочные страницы с высокой конверсией могут сочетать плоские и объемные составляющие. Главное — удобство для пользователя, внешняя привлекательность. Ниже пример удачного сочетания: плоский текст/формы, но объемное фоновое изображение.
Теперь о так называемых «белых пятнах». Этим термином обозначают свободное пространство между элементами ресурса (естественно, условно «белое», оно может быть какого угодно цвета). «Пятна» не используются в качестве отдельных дизайнерских составляющих, они служат дополнением общей структуры. Их преимущества — эстетическая привлекательность и улучшение удобства пользования. Вот удачный пример.
Шрифты
«Золотое» правило дизайнера — два/три шрифта на весь сайт. При этом важно выбрать хорошо сочетающиеся между собой варианты, релевантные тематике вашего проекта. LPgenerator делает свою работу профессионально, к каждому лендингу тщательно подбираются шрифты, соответствующие тематике и общему стилю.
Многие предприниматели интересуются, как сделать лендинг с высокой конверсией. Никакой тайной магии здесь нет. Убеждение интернет-пользователя строится на тех же принципах, что и оффлайн-продажи.
Существует закон формы и содержания. В нашем случае это дизайн и контент. Нисколько не умаляя влияние дизайна, стоит признать, что в первую очередь потенциального клиента убеждают слова. Не только текст в чистом виде, а также видео, инфографика, фотографии с пояснениями. От того, как вы представите свой товар или услугу, зависят ваши продажи.
Оффер решает все
Первое, что бросается в глаза посетителю лендинга — это заголовок. Он должен быть сделан красивым крупным шрифтом, при этом решающее значение имеет его содержание. Суть заголовка — оффер или уникальное торговое предложение.
Чем вы отличаетесь от конкурентов? Что ценного получит ваш клиент? Ответ на эти вопросы и дает оффер. Ясно, кратко, убедительно. Помните знаменитое правило 5 секунд? По результатам многочисленных исследований столько времени требуется интернет-пользователям, чтобы решить остаться на странице или уйти.
В идеале реакция посетителя подобна словам киногероя: «Это я удачно зашел!» Задача минимум — прокрутить лендинг до конца.
На лендингах с высокой конверсией офферы схожи по 3 параметрам:
- Конкретность
- Уникальность
- Ценность
Во-первых, посетитель не будет ломать голову, что же вы предлагаете.
Во-вторых, не должно складываться впечатление «здесь все как у всех». Шаблонные формулировки не продают.
Наконец, главный элемент оффера — ценность или выгода для клиента. Измеряется не только в деньгах. Под выгодой подразумевается некий конечный результат, решение проблемы покупателя.
Помните классический сюжет с дрелью? Человек покупает инструмент не ради инструмента, а чтобы просверлить отверстия. Отверстия нужны, чтобы повесить картину. Картина нужна, чтобы создать уют в доме. Проследите эту цепочку на своем продукте, и продавайте уют, а не дрели.
Неудачный пример:
Предложение конкретное, с намеком на выгоду (приведем клиентов), но при этом до боли стандартное. Сегодня тысячи агентств и умельцев-одиночек занимаются настройкой контекстной рекламы. Уникальности не видно.
Более удачный вариант:
Ценность этого предложения (4% конверсии) с условием возврата денег. Пожалуй, для данной ниши более точного оффера не придумать.
Еще один совет: не старайтесь «выпендриться» во чтобы то ни стало. Уникальный оффер отнюдь не означает безграничный креатив. В подтверждение — кейс датского маркетолога Микаэля Огарда:
Это страница сети Fitness World. Первоначальный вариант заголовка: «Вы станете успешнее с Fitness World». Огард изменил его так: «Групповые занятия фитнесом в местном тренажерном зале». В результате конверсия выросла на 38%. Простота превыше творчества!
Дайте сильную выгоду в форме захвата
В превью вы объясняете, зачем пользователю оставлять свои контакты. Что он получит, совершив целевое действие? Самые распространенные варианты целевых действий:
- Заявка на бесплатный аудит или консультацию. Отлично подходит для IT-сферы, интернет-рекламы, любых консалтинговых услуг.
- Бесплатная регистрация. Обычно используется программными сервисами.
- Заявка на бесплатный каталог или прайс-лист. Применима в случае большого количества товаров.
- Заявка на расчет стоимости. Либо сложная комплектация товара, либо услуга по индивидуальным параметрам (ремонт автомобиля).
- Заявка на бесплатный замер. Стандартные темы: натяжные потолки, установка дверей, мебель под заказ.
- Запись на бесплатный первый урок. Работает в образовательной сфере (иностранные языки, музыка, танцы, боевые искусства).
- Получение доступа к информации. Применимо для подписных страниц в рамках email-маркетинга. Пользователь оставляет свой адрес, а вы ему электронную книгу, например.
В качестве дополнительного мотиватора обычно предлагаются скидки или подарки. Прием неоднозначный, при неудачном применении снижает доверие пользователей. Потому что сильное предложение не нуждается в «усилителе вкуса», оно ценно само по себе. Задаривание все больше воспринимается как манипуляция. Поэтому проверяйте свою нишу на совместимость с бесплатными бонусами.
В некоторых случаях целесообразно разместить буллеты прямо в форме захвата, под превью (этот кейс мы описали в предыдущей статье).
Кнопка СТА — это «выжимка» главной выгоды в чистом виде. Эффективный призыв к действию либо равнозначен получению желаемого конечного результата (пример 1), либо основан на любопытстве (пример 2).
Многочисленные споры идут по поводу того, в каком виде делать лид-форму: скрытую (на странице вида только кнопка СТА) или открытую. Однозначного ответа нет. Смотрите, что больше подходит вашей целевой аудитории или проведите тестирование обоих вариантов.
Следующий пример интересен объяснением, что произойдет после отправки контактных данных. Это повышает доверие пользователей.
Секретная фишка онлайн-психологии
Смысл приема в подсознательном желании людей заменить абстрактные данные на свои собственные.
В любом случае целевое действие должно быть необременительным, с минимальным количеством полей в лид-форме.
Говорите как можно больше о клиенте, а не о себе
Лендинги с высокой конверсией акцентированы не на характеристиках компании или продукта, а на выгодах клиента. Многие страницы используют блоки «О нас», «Наши преимущества», «Почему нас выбирают», «Как мы работаем». Информация в них дается в принципе по делу, но почему-то хочется повесить медаль на грудь автора текста.
Представьте себя на месте клиента. Что он хотел бы получить от вашего продукта?
Примерно таким образом:
Часто достаточно изменить заголовок «Почему нас выбирают» на «Что вы получите». Ощущение совершенно иное. Помните о том, что покупателям наплевать на ваши достижения. Они хотят решить свою потребность.
Используйте гипнотические слова
Это слова, подсознательно действующие на принятие положительного решения посетителем вашего лендинга. Краткий список:
- Представьте
- Потому что
- Бесплатно
- Подарок
Конечно, все хорошо в меру, и не стоит пихать их в каждое предложение.
Избегайте шаблонных формулировок
Вероятно, вы знаете о мусорных фразах наподобие «динамично развивающейся компании». На самом деле к ним можно добавить определения, которые в ходу на каждом втором лендинге:
- Быстро
- Качественно
- Профессионально
- Надежно
- Недорого
Дело в том, что у каждого человека свои представления о скорости, качестве и цене. Поэтому никогда не делайте выводов о продукте за клиента! Пусть пользователь сам решит, насколько выгодно ваше предложение на основании конкретных фактов.
В тот же список «на увольнение» можно поставить любую фразу, которая не несет смысла. Например, «Комплексное решение проблем вашего бизнеса», «Простое решение сложных задач» или «Добейся успеха вместе с нами». Они применимы к сотням ниш и об уникальности предложения никак не говорят.
Секретная фишка
Замените каждое наречие и прилагательное в вашем тексте на противоположное значение. Если получается абсурд, то смело выкидывайте слова-сорняки.
Например: «Профессиональные специалисты сделают ремонт автомобиля быстро и качественно». Обратный вариант: «Необученные специалисты сделают ремонт автомобиля медленно и отвратительно». Согласитесь, абсурд.
Вот как можно написать: «Опыт каждого специалиста от 8 лет, а старший механик прошел стажировку в Формуле-1. На любой вид авторемонта даем гарантию 2 года». Факты и только факты!
Доказывайте то, что утверждаете
С фактами также обращайтесь осторожно. Неоправданные утверждения подсознательно считываются интернет-пользователями как фальшь и манипуляция. Помните легендарное выражение Дэвида Огилви «Покупатель не идиот, это твоя жена»? Поэтому обещания, взятые «с потолка» беспощадно убивают конверсию лендинга.
Например:
Игорь Манн бы позавидовал. Да, что там — самому Дэну Кеннеди пора бросать свои коучинги-тренинги и поступать к ребятам в ученики.
Если это возможно, вместо лишних слов сделайте фото, видео с вашим продуктом в действии. Наконец, разместите отзывы своих клиентов.
Используйте только реальные отзывы
Некоторые предприниматели относятся к отзывам в духе «сами напишем или попросим копирайтера». А вы знаете о том, что поддельные отзывы снижают конверсию сильнее ложных фактов? Иногда дело доходит до смешного: люди обнаруживают собственную физиономию на каком-нибудь лендинге под вымышленным именем.
