26 примеров лендингов, созданных для лидогенерации
В деле создания лендингов очень просто стать жертвой рутинности: вы получаете заказ, берете шаблон, заполняете его стандартными элементами и адаптируете текст под продукт. Но где же творческая искра? Где та изюминка, что способна заставить пользователя захотеть совершить конверсионное действие?
Примеры лендингов, что мы приводим ниже, взяты из разных сфер бизнеса, но для всех них характерен уникальный дизайн, способный вдохновить вашего гения лидогенерации.
1. H.BLOOM
Оригинальные цветочные композиции, сделанные под ваш стиль и дизайн вашего дома. Начиная от $75 за одну поставку. Закажите бесплатную консультацию дизайнера сегодня. Как это работает: 1) Создавайте дизайн — ваш личный консультант встретится с вами, чтобы обсудить стиль, предпочтения и специфику декорируемого пространства; 2) Планируйте — мы предлагаем сервис по украшению цветами, подстраиваемый под определенный вами график (поставка цветов еженедельно, дважды в неделю или ежемесячно); 3) Получайте удовольствие — вы сможете спокойно насладиться своим заказом, поскольку он будет доставлен курьером, так просто!
Лендинг H.BLOOM чудесно дает понять, в чем заключается суть сервиса — создание уникальных цветочных композиций:
На странице используются элегантные шрифты и фотографи букетов, вписанных в эстетику реальных домов, наглядно давая ощутить ценность оффера.
Лид-форма над линией сгиба и призыв к действию четко дают понять, что получает клиент.
Секция «Как это работает» — прекрасный способ устранить любые сомнения: она показывает, как весь процесс укладывается в 3 простых шага.
2. Litmus
Давайте оставаться на связи. Все самые последние статьи для профи в email-маркетинге, поставляемые вам на почту несколько раз в месяц. Мы ни с кем не поделимся вашим электронным адресом, и вы сможете отписаться в любое время, обещаем
Многие пользователи неохотно делятся личной информацией. Litmus устраняет любые опасения:
На лендинге вместо стандартного предложения подписаться на рассылку мы видим дружелюбный заголовок, создающий непринужденную обстановку личного знакомства («Давайте оставаться на связи»).
Форма запрашивает только одну вещь — email, и это сильно упрощает подписку.
Лендинг предоставляет возможность ознакомиться с контентом в разделе «Предыдущие рассылки» и позволяет, таким образом, точно понять, что вы получите, подписавшись.
3. Industrial Strength Marketing
Лендинг Industrial Strength Marketing — это пример ясности оффера:
Надпись «Не заставляйте меня приближать» в левом верхнем углу привлекает внимание, напоминая об извечной проблеме: необходимости подстраивать экран мобильного телефона под веб-сайт, изначально не имеющий мобильной версии.
Изображение над линией сгиба без лишних слов ясно дает понять, что это значит — иметь респонсивный сайт.
Применение контрастных белого и черного цветов на странице позволяет привлечь внимание к форме с красными кнопкой и заголовком.
Читайте также: 6 способов достичь «ясности» лендинга и повысить конверсию
4. Codecademy
Учитесь интерактивному программированию — бесплатно
Дизайн выше линии сгиба прост и лишен отвлекающих элементов — понятный заголовок, связанное с ним по смыслу изображение и форма с яркой красной кнопкой призыва к действию (Call-To-Action Button, CTA).
Codeacademy также включили возможность входа с помощью профилей Facebook или Google+, что сокращает число препятствий на пути к конверсии.
Информация на лендинге представлена так, чтобы вы не теряли время: на вопрос «Как может вам помочь программирование?» отвечает видео, в котором реальный студент рассказывает, как он добился успеха с предлагаемой программой.
5. Groupon
Сэкономьте от 50% до 90%
Иногда лучше меньше, да лучше, что и доказывает пример от Groupon. Их заголовок прост и подходит каждому: вы можете сэкономить столько-то в таком-то городе.
Белая форма, располагающаяся в центре на зеленом фоне, в которой требуется заполнить лишь одно поле для электронного адреса, снижает конверсионные барьеры. Приятное изображение слева, прерывающее монотонность фона, добавляет визуальную подсказку, но не отвлекает при этом от главного.
6. Patreon
Стань покровителем искусств. Поддерживай тех творцов, которые тебе нравятся, и вступай с ними в общение
Этот лендинг взывает к желаниям посетителей. Вас не просто просят пожертвовать деньги — поддержав художника и связавшись с ним, вы становитесь частью процесса в качестве «покровителя искусств».
Изображение хедера содержит художника за работой, и оно немедленно создает в воображении связь с предлагаемой услугой.
Яркая оранжевая CTA-кнопка вынесена в центр, она контрастирует с более темным фоном, поэтому проигнорировать ее становится невозможно.
Если нажать на «Узнать больше», запускается видео-popup, быстро объясняющий, что представляет собой Patreon и как это работает.
7. CampusTap
Ваша частная сеть
Первое, что вы видите, когда попадаете на лендинг — это броская картинка, изображающая библиотеку, и сильный призыв к действию:
Несмотря на то что текста очень мало, внимание пользователя сфокусировано на главном, что минимизирует когнитивные усилия.
Изображение «сложное», изобилующее деталями, но ярко-голубая кнопка призыва выделяет ее в затемненном углу и позволяет не теряться.
8. Todoist
t Более 2 миллионов людей делают потрясающие вещи с Todoist, самым продвинутым в мире инструментом для составления списка дел
Чем проще посетителю конвертироваться, тем больше вероятность, что он это сделает:
При нажатии на ярко-красную кнопку выскакивает форма, говорящая «Зарегистрируйтесь в течение нескольких секунд».
Фраза «Более 2 миллионов людей делают потрясающие вещи с Todoist» — это пример социального доказательства (Social Proof), который как бы ставит вопрос: «А почему вы еще этого не делаете?».
Фоновое изображение — это нескольких коротких видеороликов, где показаны различные сценарии, в которых вы можете использовать приложение. Также дается представление о том, как приложение выглядит на разных устройствах.
9. Wave
«Я делаю то, что люблю. Wave делает остальное», — клиент Wave Малькольм Вон, владелец Sanction Skate & Snow
Ребята из Wave выбрали просто отличный заголовок. Не концентрируя внимание на функциях продаваемого программного обеспечения, он выражает конечный результат. Кому не понравится проводить время, занимаясь тем, что ему нравится?
Замечательно работает и изображение человека, глядящего прямо на вас с улыбкой, поскольку дает визуальное представление о реальном клиенте. Это добавляет доверия и «очеловечивает» коммерческое предложение.
Форма состоит из небольшого числа полей, что снижает конверсионное трение.
10. Vivino
Вы больше никогда не выберете плохое вино
Красные акценты на лендинге выделяются на черном фоне и создают ассоциацию с вином, а лаконичный заголовок ясно объясняет причину для загрузки приложения. Три подсказки подчеркивают простоту приложения для людей, которые любят наслаждаться вином, но не являются технически подкованными.
11. Last Days of Ivory
Покончим с терроризмом, спонсируемым на средства от продажи слоновой кости.
Убедить людей поддержать ваше дело может быть сложной задачей. Last Days of Ivory применяет смелый и мощный дизайн, чтобы вызвать чувство срочности (Urgency):
Фраза «TAKE ACTION» («Начать действовать») в CTA — намного эффективнее, чем просто просьба о поддержке.
Говоря «Это терроризм, с которым вы реально можете что-то сделать», фонд обращается к вашим эмоциям, уверяя, что время и деньги не будут потрачены впустую и что вы положительно повлияете на ситуацию.
12. Trulia
Сколько стоит ваш дом? Получите персонализированный отчет
Текст и лид-форма на лендинге расположены по центру экрана и хорошо контрастируют с более темным фоном. Заголовок задает, а CTA отвечает на потенциальный вопрос идеального покупателя — «Сколько стоит ваш дом?». На странице нет другой информации, отвлекающей от этой единственной цели.
Главное изображение показывает женщину, сидящей на диване с разбросанными повсюду бумагами и ноутбуком на коленях. Оно подразумевает, что нет смысла возиться с кучей бумажек, когда можно просто загрузить созданный специально для вас отчет.
13. Shopify
Создайте свой магазин уже сегодня с Shopify. Нам доверяют более 150 000 компаний во всем мире. Легкий в использовании конструктор онлайн-магазинов. Полностью кастомизируемый дизайн. Обеспечение безопасности пользовательской корзины. Низкая цена от $14/месяц. 150 000+ онлайн-магазинов, действующих на базе Shopify. Создать мой магазин
Заголовок и партнерские ссылки под видео служат прекрасным социальным доказательством. Буллеты преимуществ ясны и понятны, а видео дает возможность посмотреть, что вы можете получить от Shopify, не читая текст на лендинге.
Суперкороткая форма из 3 полей убирает все преграды для конверсии, так же как и контрастный и мотивирующий к действию призыв.
14. Applause
Инструмент для тестирования на краудсорсинговой платформе. Из этой бесплатной брошюры вы узнаете: Особенности пользователей — выбирайте правильный язык общения; Как не переборщить — при тестировании работайте с фокус-группами правильного размера; Превращение данных в решения — как быстро фокусироваться на слабых местах, чтобы улучшать юзабилити. Получите бесплатную брошюру ниже. Не волнуйтесь, мы трепетно относимся к вашей личной информации
Прочитав заголовок и список преимуществ Applause, пользователи точно знают, чего ожидать от данного сервиса. Фраза «Не волнуйтесь, мы трепетно относимся к вашей личной информации» помогает освободиться от колебаний и чувствовать себя комфортнее при введении контактных данных. Аочетание логотипов существующих клиентов и фотографий реальных людей, оставивших твит-отзывы, — это хорошее социальное доказательство, так как оно дает возможность связаться с реальными людьми при появлении вопроса об опыте использования продукта.
15. OFFSET
Исследуйте мир художественной иллюстрации от художников-победителей профессиональных конкурсов. Ни один рисунок не требует уплаты авторского гонорара
Заголовок специфичен и четко указывает, что предлагается. Текст размещен по F-образному паттерну, представляющему собой предпочтительный способ просмотра пользователями веб-страниц. Контрастная CTA-кнопка содержит призыв «Исследовать», очень похожий на слова «Открывать» и «Обнаруживать», которые известная копирайтер Джоанна Уиб (Joanna Wiebe) из CopyHacker называет «словами с низким трением». Страница короткая и не требует ненужной прокрутки.
16. Tumblr
Подписывайся на блоги, о которых ты слышал. Делись тем, что тебе нравится. 224,3 миллионов блогов. 104,4 миллиардов постов. 30 секунд на регистрацию
Минималистский подход лендинга Tumblr в значительной степени опирается на изображения, а не на контент — и это придает определенный стиль визуальному оформлению:
Синий призыв к действию контрастирует с остальными элементами — он заметен на странице.
Форма небольшая и не требует усилий. 3-5 полей формы идеально подходят для лидогенерации.
Реальные цифры обеспечивают социальное доказательство, повышают доверие к ресурсу и решают частую проблему, выражаемую как: «У меня недостаточно времени». (Для присоединения требуется всего 30 секунд).
17. Drift
Начните бесплатный 14-дневный пробный период с пакетом Drift Team уже сегодня. Посмотрите, как Drift может помочь вашей команде получать больше лидов, назначать больше встреч и быстрее закрывать сделки. Кредитная карта не требуется. Стоимость услуг начинается от $250/месяц после пробного периода
Drift сразу же говорят, что их сервис помогает генерировать больше лидов, назначать больше встреч и консультаций, а также закрывать больше сделок быстрее — это снова пример оффера, ориентированного на выгоды клиента. Кроме того, у пользователя есть возможность опробовать сервис с помощью 14-дневного тестового периода.
18. Quick Sprout
QuickSprout. Продвинутый семинар по приобретению лидов. Как генерировать 195 013 посетителей в месяц, не тратя ни доллара на рекламу. Бесплатный бонус: 24-ступенчатый алгоритм, используемый мною для обучения маркетингу. (Кнопка призыва к действию:) Да, я хочу, чтобы Нил научил меня, как вырастить мой бизнес
Данный лендинг сообщает, кто конкретно будет вас обучать (Нил Патель), чему он будет учить вас (как увеличить поисковый трафик, как генерировать социальный трафик без использования рекламы, как наращивать ссылочную массу) и как вы можете получить доступ к вебинару (заполнив форму).
Вебинару придается определенная камерность с помощью «приватного» языка и выражений наподобие «Да, я хочу, чтобы Нил научил меня, как вырастить мой бизнес». Текста немного, но весь он по существу.
19. Blue Apron
Приветствие → Выбор пакета и предпочтений → Расчет. Получите 3 дополнительных обеда бесплатно с первым заказом! Введите ваш email и пароль, чтобы начать. Никаких обязательств. Получайте посылку, когда вам будет удобно. Вы также можете пропустить доставку или отказаться от сервиса в любое время. Персонализированное меню. Выбирайте из наших пакетов на двух человек или на всю семью. Расскажите нам о своих диетических предпочтениях, и мы подстроим меню под вас. Удобная доставка. Все ингредиенты аккуратно упакованы в охлаждаемые ящики, поэтому еда останется свежей, даже если вас не будет дома, когда придет заказ
Регистрация на сайте выглядит простой: нужно выполнить лишь 3 простых шага (указанных в верхней панели). Заявление о том, что клиент не должен принимать на себя никаких обязательств, устраняет трение. Ценность приложения (в том числе персонализированное меню и удобная доставка) демонстрируется по пунктам. Включено социальное доказательство в виде логотипов довольных клиентов.
20. Slack
Коммуникация в группе для 21 века. Каналы. Организовывайте групповые беседы. Создавайте отдельный канал для проекта, темы или чего угодно — все получат доступ к тому, что происходит. Для конфиденциальной информации создавайте частные каналы, куда будете приглашать только определенных членов группы. Прямые сообщения. Отправляйте сообщения напрямую какому-либо лицу или группе людей для тематических бесед. Звонки. Переходите от текстовых сообщений к личным беседам с помощью аудио- или видеозвонков на любом канале или через прямые сообщения. Совершайте приватные или групповые звонки прямо через Slack, не прибегая к другим приложениям или пригласительным ссылкам.
Подсказки в видео в разделе главного изображения демонстрируют, насколько Slack прост в использовании. В тексте лендинга отражены все основные функции сервиса. В заголовок включено убеждающее и вдохновляющее ценностное предложение (Value Proposition).
21. Magnolia Market
Приезжай и живи в стиле Magnolia
Основной бизнес Magnolia Market — это продажи, но в The Magnolia Home можно остановиться и во время отпуска. Лендинга сообщает, какие даты доступны для бронирования. На сайте используются сделанные клиентами фотографии, помогающие составить реалистичное представление о доме и рассматривать его как свой собственный. Сервис предлагает легкий процесс бронирования. Присутствует второстепенный призыв — подписка на информационную рассылку.
22. Bombfell
Как работает Bombfell. Платите только за одежду, которую вы оставляете себе. Никаких платежей за подписку или услуги стилиста. 1. Подпишитесь. Расскажите нам о себе, своем размере одежды и предпочтениях в стиле. Определите подходящие для вас границы бюджета. 2. Соберите свой заказ. Дайте нам знать, что вы хотите видеть в своем следующем заказе (например, «2 рубашки и пару джинсов»), и определите, когда вы хотите его получить. Или разрешить нам подготовить для вас сюрприз! 3. Получите письмо с предварительным обзором заказа. Ваш стилист скомпонует выбранные вами предметы одежды и отправит вам письмо. Изменяйте или отменяйте то, что вам не понравится. Если же никакого ответа с вашей стороны не будет, мы отправим посылку в течение 48 часов. 4. Получите свою одежду. После доставки заказа у вас будет 7 дней на примерку, лишь после этого деньги спишутся с вашей карты. Во
