Посадочные страницы. «Убойные» посадочные страницы: три примера эффективных лэндингов
В этой подборке практически нет посадочных страниц в привычном понимании. Некоторые из них – это главные страницы, но их также можно использовать как источник вдохновения или пример для будущих проектов. Кроме этого дизайны из этой подборки вряд ли помогут вам сгенерировать идеи, связанные с социальными сетями.
1. Позитивные тексты
Один из лучших примеров использования позитивных текстов можно увидеть на посадочной странице сайта Patreon , который занимается финансированием художников:
Patreon позволяет свободным художникам взаимодействовать со своими фанатами, которые могут финансово поддержать любимых художников. Грубо говоря, Patreon просит посетителей о финансовой поддержке художников. Позитивные тексты Patreon вдохновляют людей и вызывают непреодолимое желание стать частью творческого процесса.
Люди, которые поддерживают художников, выступают в роли меценатов, благодаря помощи которых на протяжении истории появлялись великие работы и целые галереи. Такое позиционирование, применяемое при создании посадочных страниц, дает посетителям четко понять, что они не просто отдают свои деньги, а делают настоящий вклад в искусство.
2. Вызываем доверие с самого начала
Сигналы доверия на посадочных страницах помогают убедить любого скептика совершить определенные действия. Важность этих элементов чутко понимает сервис Recurly , специализирующийся на автоматизации счетов. Наглядный пример можно увидеть ниже:
Recurly грамотно старается вызвать доверие у посетителей. Создатели ресурса не только поместили логотипы компаний-клиентов на видное место, но и тщательно отобрали самые респектабельные из них.
Также следует обратить внимание на текст посадочной страницы, который указывает на то, что клиентами Recurly являются финансовые руководители. Позиционируясь таким образом, сервис Recurly показывает, что прекрасно понимает нужды своих потенциальных клиентов.
3. Уникальное продающее предложение
Уникальное продающее предложение должно быть плавно интегрировано в посадочную страницу, и ненавязчиво представлять вас в выгодном свете.
Обычно посадочные страницы, выдержанные в стиле минимализма, не позволяют разместить много информации. Но информации много быть и не должно, достаточно указать только самое важное.
Потенциальные пользователи получают информацию из четырех слов, расположенных под названием сайта. Они прекрасно отражают назначение платформы – приватная социальная сеть для студентов колледжа.
От слогана также веет какой-то особенной атмосферой. Конечно, колледж не настолько приватное заведение, как частная школа. Но подобные закрытые социальные экосистемы часто встречаются среди колледжей по всему миру. Именно закрытость чаще всего привлекает пользователей.
4. Добавляем интерактивные элементы
Современные пользователи ждут не просто информации, а возможности получить интерактивный, вдохновляющий опыт взаимодействия. Один из способов соответствовать требованиям современного посетителя – использовать интерактивные элементы дизайна на посадочных страницах.
Это распространенная и удобная тактика, применяемая при разработке посадочных страниц. Приведенный ниже пример демонстрирует, как внедрение интерактивных элементов способствует привлечению потенциальных клиентов:
Даже простое обещание интерактива уже делает ваше предложение более привлекательным.
5. Пусть говорят картинки
Компаниям, которые предлагают достаточно специфическую продукцию или услуги, бывает сложно объяснить, чем именно они занимаются, поэтому приходится использовать много текста. Но в большинстве случаев можно скомбинировать текст и картинки, и получить больший эффект. В качестве примера взгляните на посадочную страницу агентства Chatterbox Labs , специализирующегося на оптимизации рекламных объявлений:
Даже опытным маркетологам бывает сложно понять суть сегментации аудитории. Тем не менее, эта посадочная страница демонстрирует идеальное сочетание картинок и текста для визуализации поставленной задачи.
Chatterbox Labs использует знакомую пользователям сцену из жизни города – забитую улицу Нью-Йорка. Такой подход позволяет визуально (без текста ) объяснить всю сложность определения нужной аудитории. За счет этого посадочная страница сохраняет минималистичный вид.
6. Исключаем препятствия на пути к конверсии
Перед тем как перейти к следующему примеру посадочной страницы, давайте бегло взглянем на пять предыдущих. На всех них используется лишь один призыв к действию.
Старайтесь исключить любые преграды на пути к конверсии. Чем больше действий вы требуете от потенциальных клиентов, тем меньше шансов что-либо получить. Давайте взглянем на сервис планирования задач Todoist , который отлично понял этот принцип:
Если вы хотите нарастить пользовательскую базу собственного приложения, то нужно интегрировать социальные сети и возможность авторизоваться при помощи существующих аккаунтов. Посмотрите, как это реализовано у платежного шлюза Venmo :
Суть конверсии отличается в зависимости от сферы деятельности. Для одних конверсия может означать простой переход на полную версию сайта с полезной информацией, для других конверсия – это заполнение длинной анкеты, покупка в интернет-магазине и т. д.
7. Краткое и точное введение в курс дела
Посадочные страницы должны быть уникальными для каждого источника, из которого привлекаются посетители. При этом каждый из них должен четко понимать, кто вы, чем занимаетесь, и каким образом можете быть ему полезны. Чем больше времени у пользователей уходит на поиск ответов на эти вопросы, тем выше риск потерять потенциального клиента. Нужно быстро и четко вводить посетителей в курс дела, как это делает AskNative.com на своей посадочной странице:
Текст краткий, четкий, и отлично информирует о предложении AskNative еще до того, как пользователь сможет авторизоваться при помощи Facebook (то, о чем говорилось в шестом пункте ).
Чем быстрее вы объясните посетителю суть, тем больше вероятность, что он кликнет по CTA-элементу .
8. Помогаем посетителю представить возможности
Люди не любят покупать вещи, они любят покупать решение проблем и улучшать свою жизнь. Помогите потенциальным покупателям визуализировать более комфортные условия и лучшую жизнь для себя. Приведенный ниже пример демонстрирует, как это удается небольшой компании Wave , занимающейся разработкой программного обеспечения:
Wave представляет собой инструмент для ведения бухгалтерии и выставления счетов. Все эти задачи фундаментальны для малого бизнеса, но в них нет ничего интересного, и они точно не могут быть причиной, по которой люди начинают собственное дело. Именно поэтому Wave фокусируется на результате, и эмоционально подкупает посетителей, не заостряя внимание на рутинном предназначении своего программного обеспечения.
Комбинация отзывов и персонажей – прагматичный шаг, применяемый при создании посадочных страниц landing page . Он не только демонстрирует живого и довольного клиента (что также служит сигналом доверия ), но и помогает посетителям представить свою жизнь в качестве клиента сервиса Wave . Для большинства предпринимателей мысль о возможности «заниматься любимым делом» в то время как специальный инструмент возьмет на себя всю нудную работу, очень привлекательна.
9. Используем видео
Взгляните на пример посадочной страницы от производителя курятников ChickenSaloon.com , а также на объявление, которое переносит пользователей на страницу. Здесь представлено коротенькое видео из телевизионного реалити-шоу, в котором рассказывается об одном из продуктов компании – курятнике под названием Tavern :
Не обязательно заказывать дорогой видеоролик. Иногда даже какое-нибудь глупое видео привлекает гораздо больше внимания. В этом примере видео выполняет роль идентификатора бренда и рассказывает об аутентичности продукции, что позволяет вызвать доверие посетителей.
10. Помогаем делать выбор
Даже людям, разбирающимся в вине, бывает сложно подобрать сорт напитка. Vivino – приложение, которое помогает людям подобрать вино. Программа позиционируется как незаменимый помощник гурманов:
Мы видим, как продукт помогает потенциальному покупателю решить его проблему.
11. Делаем четкое утверждение
Иногда того, что вы делаете, уже достаточно для привлечения внимания и мотивации посетителей. Примером такого случая служит страница Last Days of Ivory :
Контраст белого логотипа на сплошном черном фоне – очень сильный визуальный посыл. Кроме логотипа здесь также представлены иконки организаций, которые поддерживают эту кампанию. В верхнем правом углу расположен простой, но эффективный CTA-элемент .
В подобных примерах создания посадочных страниц простота и мощь посыла дают прекрасный результат.
12. Знайте свой бренд и принимайте «риски»
Музыкальные сервисы типа Spotify – дело нужное, но прилизанный стандартный плейлист никогда не вызовет таких чувств, как микстейп. Именно это позволяет Tapely нести энергию и вызывать чувства к группам, которые изменили жизнь многих из нас.
Только вы решаете, насколько далеко можно зайти в маркетинговой кампании, и очевидно то, что подобный подход точно сработает не для всех.
13. Задаем вопросы
Задавая вопросы, можно выяснить, как проще всего конвертировать посетителей. Такой подход поможет мотивировать пользователей переходить на какие-либо страницы. Это демонстрирует пример сайта Trulia , специализирующегося на недвижимости:
Конечно, жильцы знают, сколько стоило их жилье, когда они подписывали договор на ипотечный кредит, но некоторым интересно узнать, изменилась ли стоимость с тех пор. В попытке получить желаемую информацию, они делятся своей личной информацией – очень хитрый ход!
14. Стараемся вызвать эмоции у потенциальных клиентов
Одна из главных причин того, почему большая часть B2B и рекламного контента очень прямая и мягкая, заключается в том, что компании стараются не вызывать у пользователей чрезмерного всплеска любых эмоций. Это ошибка, она приводит к сухому восприятию информации на посадочной странице, которая тут же забывается.
Если все делать правильно, то эмоции потенциальных клиентов сыграют вам на руку. Ниже приведена посадочная страница от Happify – приложения, которое отслеживает эмоциональное состояние человека и позволяет выбирать подходящее время для того, чтобы делать определенные предложения:
В дополнение к визуальным элементам, которые вызывают ощущение свободы и расслабления, здесь также используются достаточно сильные тексты. Они создают ощущение важности, и при этом абсолютно ненавязчивы. Тексты раскрывают преимущества от использования приложения, и даже не пытаются его «продать ».
15. Прямое обращение к посетителям
Еще одна ошибка многих B2B-компаний заключается в обезличенных текстах, которые не содержат в себе прямого обращения. Конечно, в определенных ситуациях тексты должны быть именно такими, однако в большинстве случаев не стоит обезличивать своих посетителей.
Нужно заставить посетителей почувствовать что-нибудь, когда они попадают на посадочную страницу, и один из наиболее эффективных способов сделать это – обращаться к ним напрямую. Взгляните на пример от видеочат-приложения Awesometalk :
Несмотря на то, что проект Awesometalk уже свернут, эта посадочная страница является отличным примером того, как следует обращаться к своим посетителям, и как нужно вызывать у них эмоции.
Текст направлен прямо к посетителю, и это увеличивает вероятность его конверсии. Кроме этого посадочная страница является отличным примером того, насколько сильное влияние может оказывать простой, но продуманный текст.
Когда у вас есть свой сайт, на него обязательно будет кто-то ссылаться. Например, поисковик, из которого пользователь перейдёт к вашему сайту. Перейдёт и что увидит? Это важный вопрос, потому что от его решения зависит, останется пользователь на сайте или бросит его тут же.
Landing page, лендинг, целевая страница, посадочная страница - что это и как воздействует? Это то самое место, куда попадает посетитель, пользуясь ссылкой на ваш сайт. То, что зацепит его и заставит остаться. У каждого сайта имеются примеры таких страниц.
Особенности такой страницы
Как такая страница должна выглядеть на сайте? Ровно так, как хочется воздействовать на посетителя. Весь смысл такой страницы в её максимальной эффективности и рациональности.
Нужно умудриться уместить на ней всё нужное и не добавлять ничего лишнего. Правильно подобрать нужные элементы поможет чёткое осознание цели, ради которой и было создание сайта.
Если посадочная страница не толкает посетителя на активные действия, то грош ей цена. Что же должен делать пользователь? Если сайт в формате , как мой, например, и на нём постоянно появляются , то посетителю обязательно нужно подписаться на обновления.
Посадочная страница виртуального магазина толкает пользователя тут же воспользоваться им и что-нибудь купить. Даже простой информационный сайт своей активной страницей может побудить пользователя сильнее погрузиться в рекламируемую информацию.
Простота залог успеха
Чёткий и лаконичный призыв к действию будет работать намного лучше, чем кусок текста, пусть даже информативного. Об этом нужно задуматься в первую очередь, на этапе, когда идёт разработка. В можно найти больше советов по подготовке и созданию сайта.
Важна фокусировка пользователя на конкретном действии, поэтому таких призывов не должно быть много. В идеале - один. Не нужно предлагать покупать что-нибудь или размещать дополнительную рекламу на странице, где посетитель должен зарегистрировать подписку. Для перехода к дополнительной информации лучше всего разместить кнопки.
Правильный подход к оформлению
Заголовок landing page должен быть простым и коротким. При этом его главная задача - заинтересовать пользователя и заставить остаться на странице. Размер и удобочитаемость шрифта также играют важную роль в привлечении внимания.
Когда на странице много дополнительного текста или поясняющих картинок, это может отпугнуть пользователя. Лишний текст и картинки перегружают восприятие. Идеальная посадочная страница может быть почти пустой, иметь минимум самых необходимых элементов.
Простой дизайн наиболее оптимален, по моему мнению. Чтобы направлять взгляд пользователя в нужное место страницы, используйте стрелки или другие направляющие картинки.
Как оптимизировать
Для оптимизации этой страницы существуют некоторые хитрости. Чтобы заставить пользователя оставаться на странице дольше, часто туда .
Эффективный способ привлечь внимание, не нагружающий пользователя дополнительной активностью. Перевёрнутый текст, необычные сочетания цвета и другие визуальные хитрости также заостряет внимание на себе.
Если на странице должны располагаться поля для заполнения, их не должно быть слишком много. Тогда пользователя не отпугнёт рутинная необходимость их заполнения. А вам не придётся долго возиться с html вёрсткой.
В курсе « » есть ещё много полезных рекомендаций по этой теме.
Следуя этим простым советам вы сделаете классную посадочную страницу, которая будет эффективно работать. А если подпишитесь на обновления моего блога, не пропустите новые интересные статьи, которые скоро тут появятся. Так же в моей группе Вконтакте можно просматривать свежие новости прямо со своей странички.
Посадочная страница сайта или с английского Landing Page – именно та страница, на которую заходят посетители из поисковых систем, контекстной рекламы и других источников привлечения посетителей.
Это страница, на которую мы попадаем и приземляемся, когда что-то ищем, и переходим на сайт.
Посадочная страница – важный элемент интернет маркетинга, ведь если она для коммерческой тематики выглядит непонятной, неудобной, то процент конверсии посетителей в покупателей будем небольшим.
Виды посадочных страниц
Под каждую задачу посадочные страницы разные. Ведь именно они должны подсказывать пользователю, сделать то или иное действие, например: заявка, звонок, подписка.
Давайте рассмотрим основные виды посадочных страниц:
— Продающая посадочная страница
Они встречаются на сайтах таких типов как:
— одностраничные сайты (цель подписать на email, или продать товар)
— сайты, продающие услуги
— интернет магазины (страница описания товара)
— Информационная посадочная страница
Это информационные сайты, порталы, блоги, на которых нет четких целей, что либо продать. Главное удобно предоставить информацию на сайте и на страницах, куда попадают пользователи.
В основном посадочные страницы использую для конкретных коммерческих целей, как уже говорилось выше, а именно:
— звонки
— заявки
— регистрации
— покупки
И маркетологи делают все возможное, что бы улучшать страницы, и увеличивать процент конверсии приведенных посетителей в реальные действия или продажи.
Почему нужно постоянно работать над посадочной страницей
Давайте приведу небольшой пример. Сайт продает услуги под регион США. Стоимость привлечения целевых посетителей с помощью и велика. И важней всего выжимать по максимум на каждый приведенный посетитель на сайте.
Допустим на этом сайте хороший процент конверсии, а именно 5%, то есть на каждые 100 посетителей 5 реальных продаж. Допустим стоимость 100 посетителей = 100 долларов. Чистая прибыль из 5 продаж = 500 долларов.
В случае если мы улучшим посадочную страницу на пару процентов, это будет ощутимо в виде прибыли. Вот поэтому так важно постоянно улучшать и тестировать.
Давайте рассмотрим успешные западные шаблоны посадочных страниц.
Примеров существует множество, как вариант можно зайти в или , ввести в строку поиска: примеры посадочных страниц, или на английском best landing page examples, и найти сотни примеров.
Что важно в посадочной странице
В посадочной странице важно использовать УТП (уникальное торговое предложение), а так же показывать прямую выгоду для посетителя (потенциального клиента). А так же это все подкреплять рекомендациями, отзывами, успешными решениями.
Самыми важными элементами посадочной страницы являются:
— структура дизайна
— продающий текст (в нем призывы к действию)
— покупка, регистрация, заявка в 1 клик
— контент (картинки, видео)
Если грамотно разместить эти элементы на странице, то может получится неплохая страница для посадки и продажи.
Важно : не существует одной таблетки для всех вариантов посадочных страниц, но как минимум можно посмотреть успешные примеры и структуры западных коллег, переделать под себя, и получать отдачу.
И еще важный момент
Посадочные страницы стоит постоянно тестировать на отдачу, замерять их эффективность с помощью разных инструментов, как минимум , и периодически тестировать новые варианты и смотреть эффективность.
Посадочная страница – важный элемент продвижения сайта. Ведь если landing page так себе, то, сколько ни приводи посетителей на сайт, отдача будет мало заметна.
Поэтому уделите внимание своим посадочным страницам, что бы получать больше отдачу. А про то как тестировать страницы, улучшать их конверсию, определять эффективность – будет еще не одна статья.
Посадочные страницы – это страницы сайта, предназначенные для целевых посетителей, перешедших по ссылке. Как правило, это пользователи, попавшие на сайт:
- с поисковых систем;
- с (тизеров);
- по ссылкам (рекомендациям) с других сайтов;
- по контекстным объявлениям.
Простейший и наиболее распространенный пример посадочной страницы – это карточка товара в интернет-магазине.
Образно, посадочную страницу можно сравнить с конкретным кабинетом в поликлинике, куда пациент попадает по направлению, не обращаясь в регистратуру (главную страницу сайта).
Термин "посадочная страница" произошел от английского landing page (буквально, "страница приземления"). Встречаются также названия "целевая страница", "лэндинг (пэйдж)", LP.
Посадочные страницы – основа коммерческого сайта
Посетитель коммерческого сайта – это потенциальный клиент, а лучше - покупатель, на привлечение которого затрачено немало времени и финансов. Поэтому "правильные" посадочные страницы должны максимально располагать посетителя к покупке. Особенно актуально создание качественных целевых страниц при использовании . Ведь такой посетитель стоит денег, а несоответствующая его ожиданиям страница - убыток. 
Также "пришедший по объявлению", почти знает, чего хочет и готов что-то купить – поэтому не стоит держать его в прихожей или рассказывать об истории компании. Единственная информация, которую необходимо предоставить - это описание товара, сравнение, порядок оплаты и доставки.
Посетитель сайта не должен заподозрить, что ему навязывают приобрести предлагаемый товар. Поэтому потенциальному клиенту обычно предоставляется "свобода выбора". Перед оформлением покупки он может подробнее ознакомиться с выдающимися характеристиками товара (тут можно разместить и незначительные минусы, для репрезентативности) или отзывами благодарных клиентов. Главное, чтобы посетитель мог совершить все свои действия "не отходя от кассы", т.е. не покидая посадочной страницы.
Главное – удержать покупателя
Чтобы не спугнуть клиента, оформление и содержание посадочной страницы должно соответствовать специфике того ресурса, откуда он пришел.
Особенности разработки посадочных страниц
На каждый товар – своя целевая страница
При использовании контекстной рекламы и продвижении в поисковых системах каждая посадочная страница оформляется и оптимизируется под конкретный товар (услугу). Посетители сайта и поисковики очень не любят ковыряться в длинных прайсах, пытаясь самостоятельно найти нужный товар. Если же клиент и заинтересуется широким ассортиментом, то, скорее всего, зависнет в состоянии "Буриданова осла", не решаясь сделать окончательный выбор. Не лучшим образом отреагируют на частое повторение марки или наименования товара и поисковые системы, оценив это явление как переспам.
Качественные лэндинги – дорогое удовольствие
Создание оптимизированных, удобных и красивых целевых страниц – очень сложный и кропотливый процесс. Каждая такая страница должна соответствовать как специфике представленного товара, так и особенностям целевой аудитории. Для разработки качественной посадочной страницы необходим ручной труд веб-дизайнера, сео-копирайтера, оптимизатора и веб-мастера. При использовании неавтоматизированной контекстной рекламы понадобятся еще услуги и контент-менеджера – ведь дополнительно придется составлять не только сотни объявлений, но и следить за их соответствием продвигаемым страницам. 
Для объективной оценки "продажности" целевых страниц серьезные компании содержат штат тестеров или пользуются услугами сторонних компаний и он-лайн сервисов (Google Website Optimizer преименован в Content Experiments
).
Намного дешевле, быстрее и эффектнее красиво оформить и высоко продвинуть лишь главную страницу сайта – чем и грешат некоторые веб-мастера. В итоге, веб-дизайнер демонстрирует владельцу интернет-магазина эксклюзивную "морду" сайта, а оптимизатор – зашкаливающий счетчик посетителей. Получив заслуженную оплату, креативщики удаляются, а хозяин сайта долго не может понять, что в его товарах не удовлетворяет потенциальных покупателей. Вслед за недовольными посетителями приходят поисковые системы с анализом поведенческих факторов и, зафиксировав большое количество отказов, понижают сайт в выдаче, накладывают всевозможные фильтры или отправляют его в бан.
Опытные владельцы интернет-магазинов как правило не экономят на создании и развитии своего веб-ресурса. Чтобы получать от сайта постоянную прибыль, они нанимают настоящих профессионалов и материально стимулируют их, самостоятельно проверяя эффективность проделанной работы. В условиях высокой конкуренции это, пожалуй, единственный способ обеспечить успех своего проекта.
Счетчик – не главное!
Для оценки эффективности посадочных страниц (и сайта в целом) существуют специальные формулы, из которых следуют довольно-таки интересные выводы:
C p – Стоимость трафика на страницу (cost per page)
;
N v – Количество посетителей (number of visitors)
,
Следовательно, такая характеристика, как «Количество посетителей» является второстепенным показателем, более пригодным для оценки нагрузки на сервер.
В итоге для определения качества посадочной страницы нужно учитывать следующие факторы:
- количество не только привлеченных, но и удержанных посетителей;
- «качество» этих посетителей, т.е. их готовность что-то купить;
- эффективность самой страницы, т.е. убедительность ее контента и дизайна;
- «заинтересованность» страницей, т.е. вероятность повторных посещений и реакция на ремаркетинг;
- желание посетителя поделится ссылкой на страницу со своими знакомыми (элементы вирусного маркетинга).
А как на самом деле?
К сожалению, на практике разработка целевых страниц, если она не носит системный характер, обычно заканчивается на первом-втором пунктах. Проблема состоит обычно в нежелании владельца ресурса оплачивать непонятные ему "излишества". Ведь для того, чтобы правильно изменять, нужно постоянно изучать - а это, кроме денег требует еще и порядочно времени, следовательно, чаще всего первые инвестиции в разработку лендингов являются одновременно и последними до очередного редизайна сайта. На фоне подобного подхода, те, кто следит за эффективностью страниц имеют возможность существенно повысить конверсию не только вложений в сайт, но и в рекламу.
Есть много правил и принципов великолепного дизайна, но когда дело доходит до лендинг пейдж - это почти точная наука. Речь идет о дизайне, ориентированном на конверсию или его использование для того, чтобы склонить пользователя к определенному действию.
Первая, и, пожалуй, наиболее важная, задача - найти четкое УТП (уникальное торговое предложение) товара или услуги, а затем использовать дизайн посадочной страницы, чтобы сосредоточить все на одном основном призыву к действию (СTA). Это может быть предложение посетителю зарегистрироваться или же сделать мгновенную покупку. Какова бы ни была цель, это работа дизайна страницы направить пользователя к ней – будь то за счет использование белого пространства, контрастных цветов или более четких направленных сигналов.
Четкие, краткие заголовки и подзаголовки, легко проверяемые пункты маркированного списка – вот что важно сегодня. Целевая страница должна быть заметной, часто демонстрировать главное изображение продукта или услуги, чтобы он находился все время как на ладони, и врезаться в самую точку, чтобы избежать ускользания внимания пользователя.
Думая об этом, мы собрали 10 особенно эффективных примеров дизайна лендинг пейдж, чтобы показать, как эта теория применяется на практике.
Таинственная «капля» нарушает большинство правил обычного дизайна посадочной страницы
Для начала, давайте рассмотрим страницу, которая игнорирует большинство правил, которые мы только что упомянули, во всяком случае, пока ей это удается весьма успешно.
Не желая понижать планку и использовать стандартный шаблон интерфейса, дизайнерское агентство Resn создало целевую страницу, сосредоточенную вокруг «капли» – загадочного, мерцающего каплевидной формы многоугольника, который выступает в качестве портала в душу Resn. Нажмите и удерживайте курсор мыши, и каждый раз вы будите видеть абсолютно разные вещи: яблоко-тематический калейдоскоп, летучая мышь со спиритической доской, которая использует рентгеновские лучи лазера, чтобы сдирать лица людей со старых картин, психоделический туннель с различными поворотами, шар, бьющийся о трубу, бутылка, собирающая капли, а потом выливающая из себя кучу разного хлама.
Resn нарушили многие привычные правила создания целевой страницы, но результат достаточно убедительный. «Капля», скорее всего, работает в качестве идеального фильтра для привлечения тех типов клиентов, с которыми агентство хочет работать, и это действительно великолепная страница, которую вы, наверное, никогда не забудете.
Каждая панель - это искушение
С его аккуратно расположенной сеткой великолепных изображений, сайт Present & Correct несомненно достигает своей основной аудитории – людей, для которых канцелярские принадлежности являются настоящим фетишем.
Графическая миллиметровая бумага в качестве фона, бледно-серая окраска, классический шрифт, как в старых учебниках и панели, каждая из которых отображает красивый продукт. Товары тщательно рассортированы по категориям отображающихся в верхней строке меню, но так и тянет пропустить их и сразу же начать с раздела под интригующим названием «Однодневки».
Лендинг, который рассказывает о силе типографики
«Мы являемся компанией, которая стоит позади шрифтов» - утверждает целевая страница Monotype, а ее элегантный смарт-дизайн идет рука об руку с этим уверенным заявлением. Соответственно для компании, которая работает со шрифтами, главная целевая страница полностью текстовая, но с умным поворотом: с помощью специального диалога в нижней части страницы можно изменить вид заявления, выбирая из представленного ассортимента шрифтов (различных начертаний и стилей), чтобы получить представление о том, что Monotype делает.
Все это великолепно сдержанно и подталкивает вас нажать на текстовые ссылки, которые ведут на четыре более подробные посадочные страницы – шрифты, технологии, опыт и компания, тем самым более подробно рассказывая о бизнесе и услугах Monotype, и конечноже, вы получаете все важные шрифты.
LS Productions заманивает в кавалькаду шикарных мест Шотландии
LS Productions – компания по производству видео-роликов и снимков, находящаяся в Шотландии – знает, что является ее самым большим достоянием, и это именно то, что вы видите, как только попадаете на сайт. Зацикленное видео на все окно, демонстрирующее подборку красивых шотландских мест, которые компания может предложить для вашего фильма или печатного проекта. Прокрутите вниз и вы узнаете о трех основных услугах: видео, кадры и места.
На этом страница уже сделала свое дело и все, что размещено ниже – это просто показуха. Если вы хотите, нанять LS Productions тогда вы можете перейти к одной из главных страниц сервисов, где вы найдете богатую, хорошо представленную информацию, чтобы убедиться в профессиональной пригодности компании.
O"Neill – страница идеально продающая мечту о снеге и серфинге
Американский бренд O"Neill в основном сосредоточен на двух вещах, серфинге и снеге, и сайт дает это четко понять своей посадочной страницей, которая продает широкий ассортимент одежды и спортивного инвентаря с помощью потрясающих фотографий больших волн и заснеженных гор.
Набор выпадающих ссылок в верхней части целевой страницы может привести вас прямо к тому, что вы хотите, если только вы не знаете, что следует ниже: там вас ждет карусель рекомендованных товаров и две колонки с разделами страницы. А галереи Instagram в самом низу вполне достаточно, чтобы вы примчались на пляж или на вершину ближайшей горы, но не раньше, чем запасетесь снаряжением О"Нил, и если вы сильно спешите, то там же внизу вы найдете удобный поиск дилеров.
Вы просто не можете пропустить призыв к действию на посадочной странице Bear CSS
Bear CSS является инструментом, помогающий веб-дизайнерам создавать код CSS более быстро и легко на основе их существующего HTML. Этот простой макет соблюдает все основные правила дизайна посадочной страницы – четкость и простота без излишества информации.
Основной призыв к действию «загрузи HTML» - это большая кнопка оранжевого цвета на бледно-сером фоне, под тремя маркированными пунктами, объясняющими весь процесс. И только в случае, если вы пропустите ее, талисман Bear CSS указывает лапой прямо на нее с другой стороны экрана.
Squarespace знают своих основных заказчиков и создали свою страницу в соответствии с ними
Популярная своим креативом, Squarespace обеспечивает высокое качество шаблонов веб-сайтов по подписке. Признавая тот факт, что пользователи будут реагировать на различные точки страницы, сайт представляет несколько страниц, демонстрирующих различные аспекты сайта Squarespace (в том числе лендинги), а также страницы, ориентированные на фотографов, блоггеров, художников, музыкантов, рестораны и свадьбы.
Каждый раздел имеет изображение на весь экран, крупный заголовок в центре и призыв к действию, размещённый непосредственно под ним. Каждая целевая страница также включает в себя галерею вдохновляющих сайтов и экскурсию по выгоду Squarespace. Но все в конечном итоге ведут в одно место: выбор шаблона и возможность протестировать бесплатную пробную версию.
Выделяющийся золотой призыв GiftRocket к действию привлекает внимание мгновенно
Другая отличная практика и пример того, как использовать формулу «простой заголовок + маркированный список + призыв к действию» от GiftRocket - красиво оформленная целевая страница с иллюстрированным главным образом, который окружен иконками всех различных продуктов и услуг, которые доступны для покупки.
И завершающий штрих, выделяющаяся золотая кнопка «Отправить GiftRocket» на светло-бежевом фоне, которая привлекает внимание как единственная входная точка.
Одностраничник показывает, что приложение может предложить
Лендинг приложения для ретро-аналоговых фотографий демонстрирует все особенности Hipstamatic, а также внешний вид и его интуитивно понятную навигацию, привлекая насколько возможно пользователей.
В верхней части страницы, прокручиваемая галерея примеров фотографий, сделанных с помощью приложения. Призыв к действию заметен сразу: крупный слоган «Делай красивые фотографии» и большая желтая кнопка, приглашающая установить приложение на вашем iPhone.
Не нужны безделушки - теперь Square имеет свое программное обеспечение POS
Посадочная страница используется, чтобы заманить пользователей бесплатным кард-ридером в обмен на подписание на программное обеспечение POS. В результате получилась целенаправленная страница, которая попадает прямо в точку с заголовком «Программное обеспечение POS - это просто, мощно и бесплатно».
Под заголовком и изображением главного продукта, в четырех коротких абзацах описываются преимущества продукт, а помимо этого нет ничего другого, чтобы отвлечь пользователя от ссылки скачивания, расположенной на видном месте.
