12 примеров великолепных лендингов: черпаем вдохновение у профессионалов

30.07.2014 | Автор: Евгения Крюкова, Texterra (Маркетолог)  print.gif

upload3ho5zwomw6.jpg

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

В данной статье мы собрали 12 примеров красивых и конверсионных лендингов, каждый из которых имеет свои особенности и фишки. Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования — вот единственно правильный рецепт создания убойных посадочных страниц.

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

1 Понятная инструкция Посадочная страница сайта bearcss.com — настоящая редкость, поскольку она ничего не продает и не просит скачать, а просто помогает пользователям (в данном случае, веб-дизайнерам) решить их проблему (создать CSS-шаблон на основе HTML-документа). Простой дизайн, четкий оффер, понятная инструкция — все это делает ее поистине блестящим примером того, каким должен быть хороший лендинг.

Объясните пользователям, что конкретно им нужно сделать

Объясните пользователям, что конкретно им нужно сделать 2 Вопрос-ответ Многие компании используют лендинги для продвижения своих приложений. Однако создатели crowdspottr делают это по-особенному — они задают вопрос и тут же дают лаконичный ответ. Как пользоваться crowdspottr? Скачайте приложение, войдите в аккаунт и вуаля. Все просто, а главное — понятно.

Задайте вопрос и тут же дайте четкий ответ

Задайте вопрос и тут же дайте четкий ответ 3 Два призыва к действию, усиливающих друг друга Designedtomove.org — социальный сайт, посвященный проблеме низкой физической активности современных людей. Его посадочная страница выглядит очень необычно — в ней нет четкого заголовка, оффера и каких-либо объяснений. Лишь несколько коротких и весьма размытых фраз и два призыва к действию: «Посмотреть видео» и «Скачать отчет». Однако это не умаляет ее эффективности. Даже наоборот — легкий туман загадочности вызывает у посетителей непреодолимое желание нажать на кнопку. Причем, 99% из них, по понятным причинам, начинают именно с видео, а не с отчета. И только потом, посмотрев трогательный сюжет с участием детей и осознав всю остроту проблемы, переходят к отчету, где их ждут ошеломляющие цифры и факты. Итог: пользователи кликают по обеим ссылкам, а лендинг выполняет свою работу «на отлично».

Одно видео сильней тысячи слов

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

Многим пользователям просто неохота скроллить

Многим пользователям просто неохота скроллить 5 Ничего лишнего Grooveshark.com — это музыкальный сервис, позволяющий пользователям слушать и скачивать музыку (аналог известного сервиса last.fm). Что хорошего в его посадочной странице? То, что на ней нет ничего лишнего. Два простых предложения (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 это, кстати, получилось здорово.

2 минуты? Не жалко!

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

Полный текст статьи читайте на CMS Magazine