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

9 интересных лендингов, найденных на просторах Рунета. Интересные лендинги


Хороший лендинг: 11 правил проектирования

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

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

Итак, поехали.

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

1. Отдельные страницы для разных сегментов пользователей

Когда-то давно у меня был клиент, который продавал гастрономические туры через интернет. Пользователи, которых мы собирались вести на лендинг, можно было, как и всегда, условно поделить на 3 группы: «горячие», «тёплые» и «холодные» — по степени готовности к покупке. Согласитесь, было бы не очень хорошо, если бы мы вели «холодных» пользователей, которые только заинтересовались продуктом, на ту же страницу, что и «горячих»? Напором подробной информации о продукте можно запросто спугнуть подобных пользователей. Именно поэтому трафик стоит сегментировать и вести на разные страницы.

2. Заранее продумываем «рельсы убеждения»

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

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

3. Одна страница — одна цель

Это очень важный момент, про который многие почему-то забывают. На странице может быть несколько призывов к действию (CTA), но основная цель всегда одна: заказать товар, оставить заявку, купить, получить раздатку и т. п. «Рельсы убеждения» целевой страницы всегда должны вести к одной-единственной цели. Например, если предлагать пользователю купить москитные сетки для окон, а также вызвать замерщика, велика вероятность, что он не сделает ни того, ни другого.

4. Объявления должны быть релевантны содержанию страницы

Не секрет, что лендинги плохо поддаются SEO, поэтому основным источником новых пользователей становится реклама. А если заголовок (к примеру, h2) целевой страницы и её контент не соответствуют заголовку рекламного объявления, есть риск, что очень много пользователей будут кликать по кнопке «Назад».

В качестве примера рассмотрим следующее:

Плохой вариант

Хороший вариант

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

На что нужно обратить внимание во время разработки целевой страницы

5. Хороший продающий заголовок

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

Заголовок — это первое, что читает клиент. Он должен быть чётким и недвусмысленным; должен отражать суть вашего предложения потенциальным клиентам, отражать содержание страницы. Весьма качественные заголовки можно делать по «Формуле 4U»:

  1. Полезность (Usefulness). Это одно из самых важных правил. Если заголовок не несёт для клиента пользы, то после его прочтения он ничего не сделает.
  2. Уникальность (Uniqueness). Если ваш заголовок звучит так же, как миллионы других, то вы не выделяетесь из толпы, вы ничем не привлекаете клиента.
  3. Ультраконкретность (Ultraspecificity). Дайте клиенту в заголовке максимум полезной и точной информации.
  4. Срочность (Urgency). Ну, тут, наверное, пояснений особо не требуется — намекните клиенту, что не стоит терять время.

Подробнее почитать про метод, а также познакомиться с примерами можно здесь.

6. Понятный и заметный CTA

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

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

7. Картинка стоит тысячи слов…

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

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

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

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

8. …а видео стоит тысячи картинок

Люди с большим энтузиазмом нажмут на кнопку «Play», чем прочитают даже пару строчек текста. Просто наш мозг по природе своей очень ленив и предпочитает, чтобы ему давали уже пережёванную информацию, готовую к усвоению. Видео с этим справится просто замечательно. Правда, если длится оно не больше двух минут. Согласно видео-экспертам из Wistia, короткие ролики заставляют людей смотреть. Я верю, что это действительно так.

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

9. Только самая нужная информация

Форма лидогенерации должна быть максимально короткой — спрашивать у посетителя нужно только самую важную информацию. Нельзя забывать, что при каждом клике и переходе «далее» мы теряем часть посетителей. Поэтому лучше всего, если форма будет располагаться в теле страницы. Pop-up формы и формы с несколькими шагами — не лучший вариант. А страшнее формы, состоящей из нескольких шагов, может быть только огромная форма с кучей полей, которые нужно заполнить.

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

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

10. Социальные доказательства

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

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

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

Чем заняться, когда лендинг уже запущен

11. A/B-тестирование

Факт: лендинг всегда может быть лучше.

Пока мы разрабатываем лендинг, у нас возникает масса альтернативных идей по копирайту, картинкам и общему дизайну. Но в итоговый вариант всё это не уместить. А вдруг, окажись страница немного другой, конверсия была бы выше? Чтобы проверить все такие гипотезы, и нужно A/B-тестирование.

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

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

emailmatrix.ru

9 интересных лендингов, найденных на просторах Рунета

14 Мая 2016 года, 11:56

Выпускающий редактор SEOnews

«Как создать посадочную страницу, которая будет работать?» «Анатомия эффективной посадочной страницы». Статьи на эти и другие темы мы писали уже не раз. Кажется, самое время переходить к обсуждению примеров. Предлагаем вам 9 интересных посадочных страниц, найденных редакцией на просторах Рунета.

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

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

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

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

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

Чем проще, тем лучше. Формула работает не всегда, но сайт «Бэби-клуба» – это как раз тот случай. Ничего лишнего, только две основные кнопки, разделяющие посетителей на две группы – клиенты и партнеры. И ненавязчивые ссылки на общую информацию о проекте.

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

Как и все, что делает команда «Тинькофф», их посадочная для покупки автостраховки проста и удобна до неприличия. Уже на первой прокрутке пользователя встречает ненавязчивая, но все же заметная кнопка CTA. А дальше дублируется информация для тех, кто решил по этой кнопке не кликать.

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

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

Как всегда, ваши примеры ждем в комментариях. 

www.seonews.ru

12 примеров, на которых стоит учиться

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

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

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

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

№1: Посадочная страница VideoFruit

Что сделано правильно:

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

·        Четкое преимущество: если вы подписаны, они научит вас получить первую сотню подписчиков.

·        Зеленая кнопка призыва к действию удачно контрастирует с синим фоном и выделяется.

·        Социальное доказательство помогает установить доверие — NBC News, ESPN, Lifehacker и Moz — крупнейшие и авторитетнейшие сайты Буржунета.

Что можно протестировать / улучшить:

·        Слова, которые передают пользу, «получить ваши первые 100 подписчиков» сливаются и плохо отображаются на синем фоне. Они должны контрастировать.

·        Неплохо бы провести А/В тестирование с другим заголовком - «Хочешь начать свой бизнес?».

№2: Лендинг пейдж ConvertKit

Что сделано правильно:

·        Обещание «запустить свой первый веб-сайт за 30 дней» является сильным, граничащим с фантастическим, однако вызывает сильное любопытство у читателя.

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

Что можно протестировать / улучшить:

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

№3: Веб-страница Aura Dating Academy

Брать деньги за уроки ловеласа — это определенно интересная бизнес-идея.

«Академия свиданий» Aura реализовала ее с помощью прекрасной целевой страницы.

Что сделано правильно:

•    Желтая кнопка призыва к действию прямо просится, чтобы ее нажали.

•    Слово «бесплатно», как всегда, производит феноменальный эффект на молодых людей.

•    Очень подробный и откровенный отзыв,  используемый для демонстрации «опыта» Дэвида — социальное доказательство в формате видеоролика — звучит убедительно.

•    Ярко выраженное ценностное предложение — Дэвид хорошо знает потребности ЦА и поможет «уверенно знакомиться с женщинами».

Что можно протестировать / улучшить:

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

•    Можно опробовать другой набор заголовков. Например, со словом «привлекать».

№4: Лендинг компании MeetEdgar

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

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

Исследования Conversion XL показывают, что удаление навигационных элементов с таких веб-страниц увеличивает коэффициент конверсии на 16-28%. Поэтому мы не советуем рисковать.

Что сделано правильно:

•             Фантастический заголовок «Социальные медиа. Минус временные затраты»: MeetEdgar знает перспективы и понимает, что люди скептически относятся к ROI социальных сетей. В заголовке развеиваются их возражения одним метким утверждением.

•             Удачное обещание сэкономить время — очевидная польза, которая делает клиента счастливым.

•             Кнопка призыва к действию выделяется на синем фоне.

Что можно протестировать / улучшить:

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

•             Если вы оставляете элементы навигации, то можно добавить призыв именно сюда.

•             Можно расширить информацию о компании и предлагаемых услугах.

№5: Веб-страница MotleyFool

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

Что сделано правильно:

•             Простая, чистая и целенаправленная посадочная страница помогает усилить конверсии.

•             Выделяется слово «бесплатно» и подчеркивается, что «вы ничего не теряете» при подписке на курс.

•             Слова «нет жаргона Уолл-стрит» помогают развеять опасения финансово неграмотных новичков.

Что можно протестировать / улучшить:

•             Целесообразно опробовать замену слова «ensure – обеспечить» на «гарантировать» финансовое будущее, чтобы добавить уверенности потенциальному клиенту.

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

№6: Лендинг пейдж LandingFolio

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

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

Фраза «Почему вы до сих пор теряете время на создание заголовков?» загоняет в тупик. Если придумывание заголовков было пустой тратой времени, зачем мне этот продукт вообще? И зачем вообще писать заголовки? Неужели их клиенты действительно говорят самим себе «это пустая трата времени»?

Что сделано правильно:

•             Заголовок давит на болевую точку.

•             Подзаголовок передает преимущество, которое решает проблему.

•             Логотипы MOZ и Conversion XL внушают уважение.

•             Большая зеленая кнопка призыва к действию выделяется.

Что можно протестировать / улучшить:

•             На веб-странице есть несколько ошибок, которые портят впечатление.

•             На кнопке лучше писать не «Закажи свой...», а «Получи больше конверсий» или что-то похожее.

•             Строчка «Посмотреть примеры заголовков» рядом с кнопкой отвлекает внимание клиента.

№7: Лендинг пейдж IDoneThis

Что сделано правильно:

•             Фраза «более 160 000 человек» передает социальное доказательство — многие его используют, поэтому вам обязательно следует попробовать!

•             Заголовок посадочной страницы передает четкую и понятную выгоду.

•             Развернутый подзаголовок облегчает понимание продукта.

•             Возможность регистрации с помощью Google — это простота и высокие конверсии.

Что можно протестировать / улучшить:

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

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

№8: Веб-страница Outskirt Press

Что сделано правильно:

•             Обещание впечатляющее — решает проблему начинающих авторов опубликовать собственную книгу со 100% прибылью и соблюдением прав.

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

•             Маркированные списки позволяют легко взглянуть на преимущества.

Что можно протестировать / улучшить:

•             Кнопка призыва к действию говорить «Получить бесплатную электронную книгу». Нет, ну действительно, кому захочется «Получить подробности бесплатно»!

•             Черный шрифт заголовка и текста на синем фоне увеличивает время прочтения. Помните: повлиять на решение пользователя нужно за секунды!

№9: Посадочная страница бизнес-тренера Ноа Кагана

Что сделано правильно:

•             Минималистская страница помогает сосредоточиться на единственном действии — регистрации.

•             Зеленая кнопка с необычным призывом к действию привлекает внимание.

•             Текст передает преимущества и рассказывает именно о перспективах взаимодействия.

•             Ниже приводятся социальные доказательства — отзывы известных людей.

•             Открытая фотография Ноя и гармоничная цветовая схема делают сайт привлекательным.

Что можно протестировать / улучшить:

•             Неясно, что означает «85% моих самых горячих бизнес-советов» - почему не все???

•             Можно провести А/В тестирование других вариантов СТА вместо фразочки Spice me up.

•             Шрифт и кернинг подзаголовка неудачные, поэтому текст читается медленно.

№10: Сайт для спортсменов Athlean-X

 

Данный сайт занимается спортивными товарами, литературой и биодобавками для спортсменов.

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

Что сделано правильно:

•             Слово «бесплатно» в заголовке выглядит ярко и заманчиво.

•             Цветовая схема и фон лендинга в целом отлично подобраны для суровых фанатов «железа».

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

Что можно протестировать / улучшить:

•             Лендинг должен фокусироваться на целевом действии, а лишние элементы мешают.

•             Отсутствуют социальные доказательства — отзывы людей, которые уже получили книгу.

•             Не до конца понятно, что означает название «Черная книга бицепсов».

№11: Бизнес-сайт Эндрю Чена

Данный лендинг предлагает подписаться на авторские обзоры событий Силиконовой долины.

Очевидно, что основная клиентура Чена — это инвесторы и специалисты в области высоких технологий.

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

Что сделано правильно:

•             Минималистская целевая страница фокусирует пользователя на действии.

•             Подзаголовок дает четкое представление о сущности продукта и выгодах от него.

•             Внедрение социальных доказательств с такими именами, как New York Times и Fortune.

•             Отзывы дополнительно усиливают социальные доказательства.

Что можно протестировать / улучшить:

•             Вместо @andrewchen желателен соблазнительный, ориентированный на выгоду заголовок.

•             Сжатие текста, отсутствие вертикального выравнивания, нечеткость <h3> и неправильное использование пробелов могут привести к ухудшению конверсий.

№12: Лендинг пейдж Masala Body

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

Что сделано правильно:

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

•             Предложение получить по email БЕСПЛАТНЫЕ рецепты призывает попробовать.

•             Идея потеря веса с помощью специй весьма любопытна и привлекательна для большинства — изнурительные упражнения и диеты здесь даже не упоминаются!

•             Автор борется с вероятными возражениями, допуская шоколадный торт в своих таинственных рецептах! Это последняя линия обороны сладкоежек.

•             Грамотное использование логотипов для упоминания социального доказательства.

•             Ниже приведены цитаты экспертов, которые «узаконивают» методику.

•             Отзывы женщин подкрепляют уверенность в результатах.

Что можно протестировать / улучшить:

•             Элементы навигации снова позволяют посетителю уходить через второстепенные разделы сайта — например, через блог — не выполнив целевого действия (без регистрации email).

Берите пример с лидеров, не повторяйте ошибок, и удачных вам конверсий!

sdvv.ru