Штирлиц — Сеть печатных салонов в Перми

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

Идеальный лендинг: 10 составляющих идеального Лендинг Пейдж с примерами

Содержание

10 составляющих идеального Лендинг Пейдж с примерами

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

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

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

На скриншотах вы видите красивые лендинги с привлекательными изображениями.

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

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

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

Каждый отзыв:

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

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

 

 

8. Тарифы или пакеты услуг

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

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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

Смотрите также

5 советов. Блог об интернет-маркетинге GetResponse

Помните выражение: «Первое впечатление – самое яркое»? Сделать идеальный лендинг – это произвести прекрасное первое впечатление. Когда вы впервые встречаете человека, вы стремитесь показать себя с самой благоприятной стороны. Вы стараетесь достойно выглядеть и уверенно себя вести. Простите за прямолинейность, но каждый, кто был на первом свидании или проходил собеседование при приёме на работу, помнит, как важно правильно себя подать.


Смотрим на лендинг пейдж под разными углами

Важна каждая мелочь

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

Перед тем, как вы начнете расстраиваться и переживать, хочу вас успокоить: у ваших конкурентов такие же проблемы. Высокие показатели конверсии – редкая вещь. Если ваша конверсия из формы подписки или захвата контактов достигает 15%, это очень хорошо. Большинство менеджеров по маркетингу могут позавидовать.

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

Моментальные решения

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

И все: вы потеряли потенциальных подписчиков. Все усилия и средства на их привлечение пошли прахом. 

Не думайте «Вебсайт», думайте «Рекламный щит»

Steve Krug, автор книги “Don’t Make Me Think: A Common Sense Approach to Web Usability”, рекомендует читателям думать о сайтах как о рекламных щитах, которые стоят вдоль скоростного шоссе. Это значит, что каждая страница должна моментально привлечь внимание и быть максимально понятной по содержанию и использованию. Чуть что не так, и вы теряете людей. Но, как и в случае с первым впечатлением, эта метафора не относится к лендингам. С посадочными страницами все еще сложнее. 

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

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


5 советов, как сделать хороший лендинг

Фокусируйтесь на посетителях

Дайте посетителям то, зачем они пришли. Создайте для них кастомизированные посадочные страницы.

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

Посадочная страница California Closets для тех, кто пришел по рекламе из поисковика, полностью повторяет заголовок рекламы. Эта страница получила на 115% больше подписок, чем страница, которую тестировали до неё и в которой заголовок не совпадал с рекламой.


Сделайте лендинг легким для понимания

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


Сделайте лендинг легким для чтения

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

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


Удостоверьтесь, что посадочная страница быстро загружается

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


Обеспечьте безопасность

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

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

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

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

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

(По материалам статьи Pam Neely “5 Tips for Landing Pages That Make a Great First Impression”)

А вы уже создали свою посадочную страницу в GetResponse? Будем признательны, если вы поделитесь своими успехами в комментариях к этому посту.

Идеальный лендинг пейдж | Landing Page Studio

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

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

И тестировать, какой рекламный канал наиболее эффективен именно для вашего бизнеса: 

  • социальные сети, и какие именно
  • медийная реклама, и где именно
  • контекстная реклама, и в какой поисковой системе
  • e-mail маркетинг и т.д.

Микс уникального торгового предложения и работы креативщиков

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

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

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

Критерии качественного лендинга

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

  • Четко сформулированный меседж. Освободите вашу страницу от всего лишнего (картинок, цвета, текста): она должна быть максимально лаконичной и располагать посетителя к одному целевому действию.
  • Оптимальное количество полей лид-формы. Не требуйте от человека заполнить больше информации о себе, чем он готов предоставить. 
  • Использование визуальных элементов. Используемые изображения, символы страницы после их просмотра должны приводить пользователя к кнопке призыва.
  • Броская кнопка призыва. Основная задача яркой и большой кнопки, выполненной на контрасте с остальным фоном и расположенной в верхней части страницы, — привлечь внимание пользователя к совершению действия. 
  • Описание преимуществ вашего товара/услуги. Обязательно выделите ключевые достоинства вашего предложения, способные удовлетворить потребности потенциального клиента.
  • Цепляющий заголовок. Вызывающий интерес и одновременно понятный заголовок должен в некоторой степени заинтриговать посетителя. 
  • Использование подзаголовков на странице. Текст, разбавленный подзаголовками, воспринимается глазами гораздо легче.
  • Совпадение заголовка страницы и текста рекламы. Если пользователь перешел на вашу страницу после просмотра контекстного объявления, ему нужно дать понять, что он не ошибся адресом.
  • Современный дизайн. Дизайн целевой страницы должен быть выразительным и запоминающимся. 
  • Соответствие дизайна лендинг пейдж стилю основного сайта. Разница в стилистике посадочной страницы и самого бренда может вызвать отталкивающую реакцию у посетителя.
  • Размещение отзывов клиентов. Следует размещать реальные положительные отзывы об опыте использования продукции (услуг), а не выдуманные.
  • Ответы на часто возникающие вопросы (FAQ). Нужны для того, чтобы развеять возможные сомнения клиента относительно конечных выгод для него товара/услуги. 
  • Предоставление информации об узнаваемых партнерах/клиентах. Поднимает престиж компании и формирует надежный имидж.
  • Логотип компании. Должен присутствовать, если страница готовится для узнаваемого бренда.
  • Наличие футера. В подвале страницы не лишним будет продублировать ее шапку с указанием реквизитов компании (кода ЕГРПОУ, почтового адреса, номеров телефонов).
  • Адаптивность под различные устройства. Чтобы страница удобно отображалась на любом экране (смартфона, планшета, ноутбука), необходимо выполнить ее при помощи адаптивного дизайна.
  • Ориентация лендинга на потребителя. Не перегружайте пользователя избытком информации о вашей компании, так как это может сделать страницу менее привлекательной для него.

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

Как сделать идеальный лендинг // Михаил Бакунин

07.08.2019

В Referral Rock опросили 55 ведущих американских маркетологов, чтобы раскрыть секрет идеального лендинга. Для этого всем участникам предлагали ответить на шесть закрытых вопросов и один открытый — поделиться правилами и лайфхаками. 

Должны ли быть на лендинге ссылки на другие страницы сайта?

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

Каков средний уровень конверсий у хорошего лендинга? 

18% маркетологов признались, что в среднем коэффициент конверсии составляет 5% или менее, 38% — от 5 до 10%, 27% — от 10 до 20%, 15% — от 20 до 30%. И только одному счастливчику (2%) из числа опрошенных удалось достичь уровня конверсий выше 30%. 

Сколько полей должно быть в форме на лендинге?

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

Подавляющее большинство (85%) маркетологов используют от одного до четырех полей, причем 40% ограничиваются всего одним или двумя полями. Специалисты советуют выбрать один приоритетный тип данных, например, email. 

Нужно ли проводить А/В-тестирование?

85% маркетологов заявили, что проводят A/B-тестирование «всегда» или «часто»: любые изменения в лендинг можно вносить только на основе данных. 

Какие элементы лендинга нужно тестировать обязательно?

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

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

24% маркетологов тестируют дизайн лендинга / Photo by Edho Pratama on Unsplash
Какие элементы лендинга больше всего влияют на конверсии?

36% маркетологов заявили, что конвертирует в основном текст. Он должен быть кратким, но заманчивым — убеждать посетителя в выгодах вашего предложения.

33% маркетологов поставили на первое место дизайн: у посетителя не должно возникать сложностей с навигацией. 

20% считают наиболее важным элементом лендинга СТА. 

Лайфхаки для повышения уровня конверсии

Будьте проще (и лиды к вам потянутся)

Специалисты советуют сделать лендинг максимально простым и понятным.

«Дайте своим клиентам то, что они ищут» .

Лизамари Монако (Lisamarie Monaco), PinnacleQuote

Уилл Хаттон (Will Hatton) уточняет, что потенциальный клиент потратит на лендинг две секунды своего времени, а значит, вам нужно успеть ознакомить его с вашим предложением. Поэтому специалист советует быть «понятным, а не умным». 

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

Не забудьте поблагодарить посетителя за то, что оставил вам контактные данные. Жасмин Бу-Нассиф (Jasmine Bou-Nassif) из Stark / Raving Branding + Digital Marketing советует сделать для этого отдельную страницу, на которую пользователь будет попадать после заполнения формы на лендинге.

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

Жасмин Бу-Нассиф (Jasmine Bou-Nassif), Stark / Raving Branding + Digital Marketing

Используйте короткие заголовки

Олли Смит (Ollie Smith) из ExpertSure напоминает, что пользователь приходит на сайт, чтобы решить свою проблему. Заголовок должен четко и кратко сообщить ему, как вы решите эту проблему. 

Гарретт Сиверс (Garrett Seevers) из Azuga подчеркивает, что заголовок — «это первый контент, который увидят посетители вашего сайта». Заголовок должен привлекать внимание и вызывать эмоции, например, чувство принадлежности или исключительности. 

Поймите свою целевую аудиторию 

Стефани Тилтон (Stephanie Tilton) советует начинать создание лендинга с изучения рынка и аудитории.

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

Стефани Тилтон (Stephanie Tilton)

Джордже Миличевич (Djordje Milicevic) из StableWP советует разрабатывать предложения для лендингов с учетом того, на каком этапе воронки продаж находятся потенциальные клиенты: так, «холодному» посетителю выгоднее предложить не сам продукт, а информационный материал о решении его проблемы (например, электронную книгу). 

Джефф Арнетт (Jeff Arnett) из Arnett Credentials рекомендует разговаривать на одном языке с аудиторией.

«Апеллируйте к их эмоциям, акцентируйте внимание на проблеме, с которой они сталкиваются, и дайте понять, что ваш бизнес предлагает решение». 

Джефф Арнетт (Jeff Arnett), Arnett Credentials

Сделайте заметную кнопку 

Пулкит Джера (Pulkit Gera) из IMobsession рекомендует в оформлении кнопки использовать цвет, контрастный основному цвету страницы: это поможет сделать кнопку более заметной. Текст на кнопке должен быть читабельным. Важно помнить и про смысловую нагрузку: текст должен рассказывать пользователю о выгоде от сотрудничества с вами. Кнопку стоит разместить сразу же после прайса и рядом с таймером, если таковой имеется. 

Элемент срочности в предложении или СТА может повысить конверсии / Photo by Lukas Blazek on Unsplash

Сделайте упор на экспертизу

Кевин Бегола (Kevin Begola) из Titanium Buzz для этого советует разместить на лендинге логотипы СМИ, в материалах которых упоминались ваши продукты. 

Также хорошо сработают социальные доказательства: отзывы реальных клиентов и активность в соцсетях. 

Заслужите доверие

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

Иллиа Термено (Illia Termeno), Extrabrains

Также стоит расписать политику возврата товара. 

Разместите отзывы

По наблюдениям Джона Томаса Ланга (John Thomas Lang) из G2, лендинги с отзывами конвертируются в два-три раза лучше, чем без них. Главное — включать цитаты, подробно описывающие боль аудитории. 

Важно использовать реальные фото и имена клиентов. Адам Гулстон (Adam Goulston) из Tsujiru всегда размещает на лендингах только реальные отзывы и фото, несмотря на то, что достать их не так просто, особенно когда работаешь в В2В. 

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

Адам Гулстон (Adam Goulston), Tsujiru

Придерживайтесь единого стиля в коммуникациях

Шакун Бансал (Shakun Bansal) из Mercer | Mettl советует использовать, например, перекликающиеся заголовок лендинга и тему электронного письма. 

Проведите посетителей через воронку продаж шаг за шагом

Шон Кирби (Sean Kirby) советует продать клиенту… выгодное предложение. Он отмечает, что компании часто совершают одну и ту же ошибку: пытаются рассказать обо всех преимуществах своего продукта слишком рано.

«Чтобы получить лид, вам не нужно убеждать человека что-то покупать. Вам нужно убедить его сделать следующий шаг». 

Шон Кирби (Sean Kirby)

С ним солидарен Джош Дженнингс (Josh Jennings) из Geek Powered Studios: он рекомендует разбить форму на несколько этапов. 

Пользователи не любят заполнять длинные формы / Photo by Daniele D’Andreti on Unsplash

Используйте знание психологии

Рио Рокет (Rio Rocket) советует сосредоточиться на двух вещах: лид-магните и ретаргете. Лид-магнит должен быть таким, чтобы пользователь просто не смог отказаться: приложите какой-нибудь подарок, пообещайте дорогостоящий бонус и поставьте временные рамки. 

Даже если посетитель сайта не стал лидом, на этом его путь покупателя не закончился, уверен Рио Рокет. 

«3% немедленной конверсии — это хорошо. Остальные 97% могут быть возвращены с помощью ретаргетинга. Из оставшихся 97% купят продукт в течение двух лет 50%. 7,5% — в течение 90 дней. 42,5% — в срок от 91 дня до двух лет». 

Рио Рокет (Rio Rocket)

Алистер Доддс (Alistair Dodds) из Ever Increasing Circles рекомендует сыграть на FOMO (синдром упущенной выгоды): добавить элемент срочности (например, обратный отсчет). 

Учитывайте психологию цвета. Скотт Крамрин (Scott Crumrine) из Guava Family напоминает, что различные цвета вызывают определенные эмоции у потребителей и влияют на принятие решений. Так, компаниям, ориентированным на покупателей с детьми, стоит интегрировать в лендинги синий цвет как символ надежности и безопасности. 

Используйте тепловые карты

Они помогут определить наиболее просматриваемые области вашего сайта, чтобы вы могли разместить текст, СТА и кнопку на самой выигрышной позиции. 

Используйте всплывающие окна

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

Экспериментируйте

Проводите А/В-тестирование и не ограничивайтесь одним элементом: помните, что для разных групп даже внутри одной ЦА могут срабатывать разные подходы. 

Нэйтан ван Зил (Nathan van Zyl) из Uku Inbound напоминает о важности оптимизации лендинга под мобильные устройства. Из-за неоптимизированного лендинга можно потерять половину лидов, предостерегает он.

Стефания Борхия (Stefania Borchia) внедряет в лендинг и связанные страницы элементы фирменного стиля: даже если посетитель не сконвертируется прямо сейчас, он запомнит сайт и, возможно, станет клиентом чуть позже. 

Чек-лист

  • Проводите А/B-тестирование лендингов и их элементов: экспериментируйте с текстами, CTA, изображениями, дизайном. 
  • Убедитесь, что лендинг простой и понятный: посетитель понимает, что вы предлагаете, и знает, каким должен быть его следующий шаг. 
  • Используйте краткие заголовки.
  • Уберите с лендинга все элементы, у которых нет практической задачи.
  • Используйте в форме не более четырех полей. Интегрируйте, если возможно, инструменты для автозаполнения. 
  • Узнайте свою аудиторию получше: каковы ее потребности и желания и как вы можете их удовлетворить?
  • Используйте тепловые карты, чтобы понять, где разместить лид-магнит, СТА и т.д. 
  • Используйте поп-апы. 
  • Разместите отзывы реальных клиентов. 
  • Используйте психологические приемы. 
  • Апеллируйте к срочности или эксклюзивности.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Идеальный лендинг для SaaS-брендов: результаты исследования

Что мешает вам привлекать больше пользователей в онлайн-сервис

Конструктор посадочных страниц Unbounce провел исследование лендингов 200 SaaS-брендов. SaaS, или software as a service — это программное обеспечение, все мощности которого находятся на сервере его поставщика. Для пользователей это «облачный» сервис, с которым они работают через браузер.

Мы используем SaaS каждый день, даже не задумываясь об этом. Яндекс.Диск, Google Docs, Dropbox, сайты проверки текстов, Zoom и т.п. — эти и многие другие популярные сервисы попадают в эту категорию. В том числе, система автоматизации рекламы Click.ru, которая выполняет сложные задачи по настройке кампаний без участия рекламодателя и его компьютера.

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

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

Основные наблюдения

Тип лендинга

Распределение по типам лендингов выглядит логичным:

  • демонстрация продукта – 42 %

  • подписка – 24 %

  • лид-магнит – 21 %

  • другое – 14 %

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

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

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


Отзыв о сервисе Gigmit: «Это мошенничество. Они заманивают вас в платную годовую подписку. Опасайтесь, как коронавируса!»

21 % SaaS-брендов предпочитает проверенные лид-магниты.

Они подходят для сложных (обычно дорогих) профессиональных сервисов, принцип работы которых перед подпиской нужно описывать подробно.

Заголовок

Длина заголовка h2 варьируется следующим образом:

  • самый длинный – 132 символа (19 слов)

  • средний – 44 символа (5-8 слов)

  • самый короткий – 8 символов (1 слово)

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

Действительно, слова «вы», «ваш» и т. п. встречаются всего в 27 % тегов <h2>. Постарайтесь выстроить логику страницы, исходя из «боли» целевого пользователя. Если не уверены, что знаете ее, прочитайте статью в нашем блоге «Маркетинг для контекстолога: как выявить “боли” клиентов».

Для сравнения – более клиентоориентированный лендинг:

Hero-контент

Блок Hero, доступный во многих конструкторах страниц, предназначен для выделения главного контента сайта. Он располагается в самой верхней части каждой страницы, чтобы посетители видели его первым. Иными словами, близкий аналог закрепленного поста в соцсетях.

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

В SaaS-лендингах Hero-контентом выступает:

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

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

Отзывы

Социальные доказательства, основу репутации бренда, используют далеко не все SaaS-решения:

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

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

Отвлекающие элементы

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

Лучшие практики в этой области соблюдает большинство сервисов:

Призыв к действию

«Облако тегов» из популярных в SaaS призывов к действию выглядит следующим образом:

Ничего нового: в топе слова вроде «демо», «бесплатный», «пробный период», «попробовать», «доступ» и т. п.

Контактная форма

72 % лендингов SaaS содержат какую-либо форму для сбора данных о лидах. Среднее число полей – 4,69. Самые популярные поля:

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

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

Выводы

Из наблюдений исследования можно сделать несколько важных выводов:

  • главный акцент – на проблеме клиента

  • предлагайте демо без подписки

  • чем меньше элементов, тем лучше

  • отзывы и лого крупных клиентов важны

  • тестируйте контактные формы и другие виджеты

Учитывайте это при планировании лендинга для  SaaS-проекта. А когда придет время рекламировать его в поиске и социальных сетях, запускайте кампании через бесплатный сервис Click.ru. Он поможет сэкономить время и деньги для свежих обновлений вашей программы.

Создание идеального лендинг пейдж (на примере удачных сайтов)

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

Сегодня хотим поделиться советами по созданию landing page, которые наверняка пригодятся в решении данной задачи. Текущая статья является переводом этой заметки. Да, и вообще в сети встречается достаточно много полезных ресурсов по теме: в блоге мы уже писали о сервисах OnePageLove  и Land Book, где можно ознакомиться с лучшими примерами дизайнов в нише, также есть публикация про оптимизацию целевых страниц и многие другие.

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

Содержание:

  • Как найти сайты, у которых есть чему поучиться.
  • Анализ на примере трех вариантов.
  • Используем изученную информацию.

Найдите компании со схожими задачами

Отличный прием для поиска источника вдохновения – найти компании, которые занимаются решением проблем, аналогичных вашим.

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

То есть, вместо прямолинейного подхода:

«Владельцы мопсов, пользующиеся специальными выдвижными поводками, считают их слишком длинными для кафе».

Попробуйте что-то вроде:

«Позволяет чувствовать себя комфортно в новых местах».

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

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

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

Новые тренды в дизайне landing page

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

Корпоративный мессенджер Slack, разработавший приложение обмена сообщениями, в качестве главного изображения для дизайна лендинг пейдж выбрал фото марсохода.

Или, например, решение от Airtable: можно ли найти что-то более привлекательное, чем интерактивная база данных? — да, это дети, пользующиеся интерактивной БД.

Теперь взглянем на будущее:

Airtable  — февраль 2018

Intercom  — запус 5-го февраля 2018

 Slack  — август 2017

Обучение на примере удачных сайтов

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

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

1. Блок хедер

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

Основные наблюдения по хедеру:

  • Он весьма привлекательный и объемный.
  • Остается в самой верхней части экрана (кроме Intercom — там фиксированное меню при прокрутке).
  • 5–6 ссылок.
  • Есть элемент для призыва к действию (CTA). Лучший вариант у Intercom — кнопка CTA объединена с запросом на введение адреса электронной почты.

2. Заголовок и подзаголовок

Что сразу бросается в глаза:

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

3. Главная иллюстрация

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

Airtable 

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

Intercom 

  • Стиль на любителя, но он хорошо демонстрирует ссылки на сообщения и открытые письма.

Slack 

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

4. Оптимизация CTA через запрос на регистрацию

Это хороший подход. Он показывает как просто создать аккаунт и ускоряет процесс взаимодействия с пользователем. Особенно интересная реализация у Intercom — в пространстве под вводом Email указаны дополнительные полезные опции. Если у вас имеется больше полей, обязательно почитайте советы как улучшить онлайн форму регистрации.

Некоторые особенности дизайна в нижней части страницы

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

Основные детали:

  • Вся информация представлена достаточно кратко.
  • Логотипы клиентов оформлены в спокойных серых тонах.
  • Повторение похожих полей призыва к действию (т.е. запроса на регистрацию).
  • Достаточно объемные футеры.

Суммируем все полученные полезные подсказки

В итоге получился следующий дизайн (разрабатывался для Reqfire.com):

Вот что удалось почерпнуть в качестве вдохновения при создании дизайна landing page из рассмотренных выше проектов:

  • Хедер можно делать похожий, но с более свободным пространством.
  • Для заголовка выбираем эффектный и солидный шрифт, например, Libre Baskerville.
  • Главное изображение: ознакомившись вариантом из Slack, было бы неплохо постараться создать иллюстрацию, демонстрирующую функции вашего приложения/сервиса, но без использования скриншота.
  • Бонус: вы также можете добавлять видео или простую анимацию.

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

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

Идеальный Landing Page 3.0 | MMC