17 Вдохновляющих примеров лендингов и советы по их оформлению

Posted on by riasevastopol

«Хорошие живописцы копируют. Великие — воруют»

— Стив Джобс публично процитировал Пабло Пикассо
Споры о происхождении высказывания до сих пор не утихают, но не обращая внимания на это, цитата воодушевляет множество представителей и художников «креативного кластера»

Данный пост — подборка лендингов для маркетологов, ищущих воодушевление. Мы подготовили для вас 17 примеров эстетичных и действенных посадочных страниц, и пара советов, каковые выведут вас из «творческого ступора» и с громадной долей возможности увеличат конверсию вашей рекламной кампании.

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

Итак, с этими двумя оговорками, начнем обзор.

  • Дизайн лендинг пейдж: 6 основных трендов 2015 года

1. Подбирайте слова

Язык постоянно считался замечательным орудием влияния на аудиторию. Ниже — пример того, как применяя «верные» термины, возможно расширить интерес визитёров к ресурсу: основная страница сайта Patreon содержит примечательную надпись: «Стань меценатом в мастерстве!»:

17 Вдохновляющих примеров лендингов и советы по их оформлению

В чем особенность этого оффера?

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

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

И это трудится.

  • Научное обоснование копирайтинга: 189 конверсионных слов на посадочной странице

2. Приводите к доверию

Добавьте на страницу символы, показывающие, что вам возможно доверять. Пример компании Recurly демонстрирует, как не отпугнуть визитёров в столь требовательной денежной среде: и дело кроме того не в логотипах клиентов, не смотря на то, что это также очень принципиально важно.

Оффер компании, занимающейся автоматизацией рассылки и создания квитанций, приводит к доверию у визитёров: «Утонченное ответ для CFO (Chief Financial Officer, финдиректор). Простое — для команды».

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

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

Блестяще!

  • Как оптимизировать конверсию лендинга посредством индивидуальности и доверия?

3. Выделите ваше УТП

Неповторимое торговое предложение должно быть центром и неотъемлемым элементом вашей страницы. Это не свидетельствует необходимого перечисления на лендинге всего, что вы имеете возможность предложить — вам нужно выяснить самое ответственное и полезное для пользователей. Вот как с данной задачей совладали CampusTap:

Фраза: «Приватная соцсеть для студентов колледжа» — маленькая, но с емким тезисом. Она не только объявляет сайт социальной сетью, но и раскрывает главное УТП, в котором потенциальные пользователи смогут заметить сходу пара польз: конфиденциальность, которая тревожит многих обладателей аккаунтов Twitter и Facebook, желающих скрыть от интересных глаз собственную виртуальную судьбу, и некую эксклюзивность. Слово «приватная» предполагает не только безопасность данных, но и наличие необычной «экосистемы» лишь для собственных.

  • Из-за чего ваш оффер убивает конверсию лендинга, и как это исправить?

4. Добавьте интерактивные элементы

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

Время от времени это оказывает весьма замечательное воздействие. Пример — онлайн-магазин одежды Tailor4Less, предоставивший визитёрам возможность создавать собственный образ самостоятельно:

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

  • 3 принципа оптимизации конверсии и юзабилити веб-дизайна

5. Пускай изображение говорит за себя

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

К примеру, Chatterbox Labs:

«Сегментация аудитории посредством науки о данных*. Новый взор на оптимизацию рекламных кампаний»

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

Само собой разумеется, призыв к действию возможно выразить яснее, но вы осознали основное: изображение превосходно справилось с ролью рассказчика!

*Согласно точки зрения Harvard Business Review, наука о данных (data science) — самая «века» и сексуальная профессия.

  • Ни при каких обстоятельствах не приступайте к редизайну сайта без стратегии!

6. Будьте несложнее

Перед тем как мы разглядим следующий пример, окинем стремительным взором прошлые. Что их объединяет? Все они имеют единственную кнопку призыва к действию.

Но, чем несложнее путь, что вы предлагаете пройти пользователям, тем выше показатели конверсии. Чем больше работы вы от них ожидаете, тем меньше шансов, что вы их заинтересуете. Сервис, вовсю применяющий данный принцип — Todoist:

Лендинг содержит два CTA: «Начать — это безвозмездно» и «Взглянуть видео»

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

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

  • Эффект «доступность восприятия», либо Из-за чего простота реализовывает?

7. Ближе к делу

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

Это неточность. Ваша страница обязана максимально полно раскрывать предложение, а визитёры — осознавать, куда они попали и из-за чего им это возможно весьма интересно. Причем познание должно происходить мгновенно, к примеру, как на лендинге AskNative.com:

«Ответы местных обитателей на все ваши вопросы в путешествии»

Без лишней неясности текст на посадочной странице сходу информирует весьма кратко и светло, для чего рекомендован сервис. Кстати, авторизация через Facebook — дополнительный умный движение (см. п. 6).

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

  • Секреты изображений и оптимизации заголовков от ведущих контент-ресурсов

8. Вы не реализовываете вещи — вы улучшаете жизнь

Возьмите на заметку: люди не желают брать — они пробуют сделать собственную
жизнь несложнее и лучше. Попытайтесь визуализировать те самые улучшения, которых возможно добиться посредством вашего продукта, как это сделали Wave:

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

Как раз исходя из этого Wave фокусируется на собственной основной странице не на изюминках софта, а на эмоциональном образе клиента, применяющего продукт.

Отзыв клиента: «Я делаю то, что мне нравится. Wave делает другое» в верхней части изображения — еще один проницательный ход. Визитёр не только видит настоящую фотографию удовлетворенного клиента, но и легче воображает собственную жизнь, какой она может стать, будь он пользователем Wave.

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

  • Фотобанки Vs настоящие изображения: что конвертирует лучше?

9. Добавьте видео

Многие компании при создании лендингов откладывают съемку видео «на позже» из-за ее дороговизны. Однако, видео может перенести бизнес на другой уровень.

Для примера разглядим основную контекстное объявление и страницу сайта ChickenSaloon.com — производителя курятников. К услугам визитёров пошаговая видео-инструкция по изготовлению собственного курятника:

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

  • Из-за чего видео-лендинги конвертируют лучше?

10. Помогите сделать верный выбор

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

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

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

  • Стартап Be My Eyes: некоммерческое приложение для слабовидящих

11. Сделайте сильное заявление

Время от времени то, что вы делаете, само по себе так принципиально важно и полезно, что вам и не требуется использовать какие-то особенные ухищрения для получения высоких результатов. Last Days of Ivory (компания, обеспокоенная вопросами браконьерства и терроризма в отношении слонов и снимающая фильм на эту тему) создала весьма лаконичный лендинг:

Контраст белого и тёмного визуально подчеркивает силу заявления: «Закончи терроризмв отношении слонов», а большое количество свободного пространства около призыва завлекает к нему еще большее внимание.

  • Эмоциональный дизайн как оптимизация продаж

12. Держите марку. Рискуйте

Посмотрим правде в глаза: большая часть маркетинговых кампаний невообразимо неинтересные. В основном, это происходит из-за неготовности пойти на творческий риск. Tapely — портал для обмена микстейпами — не скрывается за банальностью:

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

  • Делайте то, о чем сможете пожалеть

13. Задавайте вопросы

Еще один действенный метод установить контакт с визитёрами — начать первое знакомство с вопроса, как это делает Trulia:

«Желаете определить, сколько стоит ваш дом?»

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

Цель достигнута.

  • Как создать действенный заголовок для email рассылки?

14. Обращайтесь к чувствам

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

Компании, осознающие важность эмоционального фактора в продажах, стараются делать собственные призывы более мягкими, поскольку кроме того в B2B-секторе ответа принимаются людьми, личностями, а не «бизнесами».

Действие на эмоции возможно действенным. Happify удачно применяет данный прием на собственной посадочной странице:

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

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

  • 3 уровня визуального и эмоционального дизайна посадочных страниц

15. Рассказываете прямо

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

Подобно примеру выше, Awesometalk сделали ставку на эмоции визитёров: «Позвони маме, она скучает» — информирует текст на странице. Такое прямое заявление кроме того без эмоциональных изображений на заднем замысле воздействует на визитёров, находящихся далеко от родных:

Эта целевая страница — хороший пример того, как обращаясь конкретно к эмоциям аудитории, возможно стать привлекательнее в ее глазах.

  • Как применять эмоции в продажах: подробное управление

16. Внимание к неспециализированным проблемам

Один из превосходных способов привлечь к себе внимание — поболтать о наболевшем. Многие компании косвенно уже делают это, но время от времени несложный подход возможно более убедительным, к примеру, как при Meeting Hero:

«Проститесь с невыносимыми заседаниями»

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

  • Как осознать клиента? Ответьте на 3 несложных вопроса, дабы распознать болевые точки

17. Не забывайте о цвете

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

Эта страница не только имеет современный вид, но и применяет для собственного оформления светло синий цвет, надёжности и символ доверия — самое серьёзное для того, кто планирует передать ответственность за хранение серьёзных данных. Занимательное сочетание с зеленым кроме этого навевает идея о безопасности и спокойствии: переживать не о чем, ваши пароли в надежных руках.

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

Желтый — оптимизм, ясность, теплота
Оранжевый — дружелюбие, радость, доверие
Красный — возбуждение, юность, смелость
Сиреневый — творчество, воображение, мудрость
светло синий — доверие, надежность, сила
Зеленый — миролюбие, рост, здоровье
Серый — баланс, нейтральность, самообладание

Высоких вам конверсий!

По данным wordstream.com

Случайные статьи:

15 правил оформления высоконверсионных лендингов. Часть 1


Подборка похожих статей:

riasevastopol

More Posts