12 примеров великолепных лендингов: черпаем вдохновение у профессионалов
Главная проблема большинства современных лендингов заключается в том, что все они будто сделаны под копирку. Заголовок, офер, преимущества, кнопка призыва к действию, социальные доказательства. Все элементы идут друг за другом в точном и всем известном порядке. Существует даже прототип «идеальной посадочной страницы», создатели которого призывают делать лендинги исключительно по их схеме. Ну, что здесь можно сказать… Хотите стать частью серой безликой толпы? Обязательно изучите его вдоль и поперек. Хотите выделиться? Забудьте про всякие схемы, черпайте вдохновение из разных источников и не бойтесь экспериментировать.
В данной статье мы собрали 12 примеров красивых и конверсионных лендингов, каждый из которых имеет свои особенности и фишки. Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.
Примечание: для вашего удобства все лендинги были переведены на русский язык; чтобы посмотреть оригинал, кликните по соответствующей ссылке.
1. Понятная инструкция
Посадочная страница сайта bearcss.com – настоящая редкость, поскольку она ничего не продает и не просит скачать, а просто помогает пользователям (в данном случае, веб-дизайнерам) решить их проблему (создать CSS-шаблон на основе HTML-документа). Простой дизайн, четкий оффер, понятная инструкция – все это делает ее поистине блестящим примером того, каким должен быть хороший лендинг.
2. Вопрос-ответ
Многие компании используют лендинги для продвижения своих приложений. Однако создатели crowdspottr делают это по-особенному – они задают вопрос и тут же дают лаконичный ответ. Как пользоваться crowdspottr? Скачайте приложение, войдите в аккаунт и вуаля. Все просто, а главное – понятно.
3. Два призыва к действию, усиливающих друг друга
Designedtomove.org – социальный сайт, посвященный проблеме низкой физической активности современных людей. Его посадочная страница выглядит очень необычно – в ней нет четкого заголовка, оффера и каких-либо объяснений. Лишь несколько коротких и весьма размытых фраз и два призыва к действию: «Посмотреть видео» и «Скачать отчет». Однако это не умаляет ее эффективности. Даже наоборот – легкий туман загадочности вызывает у посетителей непреодолимое желание нажать на кнопку. Причем, 99% из них, по понятным причинам, начинают именно с видео, а не с отчета. И только потом, посмотрев трогательный сюжет с участием детей и осознав всю остроту проблемы, переходят к отчету, где их ждут ошеломляющие цифры и факты. Итог: пользователи кликают по обеим ссылкам, а лендинг выполняет свою работу «на отлично».
Нужен качественный и конверсионный лендинг? Вы можете заказать его в нашем агентстве.
4. Понятно без скролла
Главный плюс посадочной страницы evr.st, которая продвигает приложение для мобильных телефонов, заключается в том, что ее не надо скроллить. Описания возможностей программы сменяются один за другим в правой части экрана. Это решение значительно повышает вероятность того, что пользователь прочитает все 5 описаний, заинтересуется программой и примет решение в пользу ее покупки.
5. Ничего лишнего
Grooveshark.com – это музыкальный сервис, позволяющий пользователям слушать и скачивать музыку (к сожалению, сейчас сервис больше не работает). Что хорошего в его посадочной странице? То, что на ней нет ничего лишнего. Два простых предложения (1), призыв к действию (2) и скриншот сервиса (3) – все, что видит пользователь на первом экране. Если прокрутить станицу вниз, можно почитать о его возможностях и даже скачать приложение для мобильного телефона.
6. Демонстрация результатов
Hipstamatic – это приложение, с помощью которого можно применить различные фильтры к фотографиям на мобильном телефоне. Этот лендинг является эффективным, в первую очередь, потому что на нем изображены красивые примеры обработанных в данном приложении фотографий. Таким образом, пользователь сразу видит результат и быстро принимает решение о его приобретении.
7. Четкое описание
Создатели лендинга kaleidoscopeapp сильно постарались над созданием четкой формулировки текста. Они в подробностях описали, зачем нужно их приложение, и даже не поленились расширить описание призыва к действию («Демо 30 дней» и «Купить за 39$»).
8. Создание интриги
Посадочная страница сайта klout.com предоставляет пользователям неполную информацию о сайте. Лишь некоторые, самые интересные факты (1-4). Расчет идет на то, что пользователи, на основании этих фактов, захотят сами продолжить изучение возможностей сайта и нажмут кнопку призыва к действию. Для упрощения авторизации на сайте присутствуют две кнопки: «Войдите с помощью аккаунта в Twitter» и «Войдите с помощью аккаунта в Facebook».
Самая важная ценность лэндинга – это показатель конверсии. Хотите заказать лендинг, который будет приносить вам клиентов? Обращайтесь!.
9. Первый экран – первое впечатление
Целевая страница сайта pantechusa.com – еще один пример, о котором невозможно было не упомянуть. Что в нем интересного? Прежде всего, хочется отметить незамысловатый текст, приятные цвета и изображения, а также наличие отзывов и видеообзора в шапке экрана. Видно, что его создатели сильно постарались, чтобы у пользователей возникло желание прокрутить страницу и узнать больше подробностей о смартфоне.
10. Чем проще, тем лучше
GiftRocket объясняет процесс покупки электронной подарочной карты и имеет ясный призыв к действию. Немного прокрутив страницу вниз, можно найти больше информации о данном веб-сайте. Все просто, доступно и привлекательно.
11. Оригинальная идея, прекрасное исполнение
В основе сервиса geteco.com лежит поистине великолепная идея. Смысл его заключается вот в чем: любой покупатель может оставить отзыв о продукте/услуге и получить за это приятных приз от руководства компании (ну, с учетом того, что этот отзыв оказывается полезным). В качестве приза может выступать что угодно: бесплатный продукт, скидка, подарочная карта и прочее (в зависимости от степени щедрости компании). А теперь вернемся к лендингу. В чем его особенности? В том, что он сразу объясняет, для чего нужен сервис и в чем его преимущества. Плюс к этому, большой и четкий призыв к действию, который ну просто невозможно не заметить.
12. Расширенное описание кнопки призыва к действию
Главная особенность лендинга rateus.com.au заключается в том, что под кнопкой призыва к действию есть расширенное описание. Людям важно знать, что их ждет дальше. Ведь у них могут быть свои, зачастую ложные представления. Например, они могут подумать, что приложение платное, а регистрация отнимет у них много времени. Ваша задача – дать им гарантии и снизить степень сомнения. У rate us это, кстати, получилось здорово.
Больше креатива
Выше мы разобрали преимущества 12 конверсионных лендингов, которые не подходят под стандарты «идеальной посадочной страницы», но прекрасно выполняют свои функции. Выводы? Да вы и сами, наверное, их уже сделали.