Вдохновляющие примеры лендингов для вашего бизнеса
Лендинг — страница или сайт, созданный для получения конкретных целевых действий пользователей. Задача landing page — повышать конверсию, вокруг этого выстраивается дизайн и структура. Мы выбрали удачные примеры лендингов и поделили на группы по их назначению.
Особенности построения landing page
Чаще всего лендинги создают для продажи товаров, анонсирования конкурсов, регистрации на мероприятия, набора учеников или поиска сотрудников.
Можно создать посадочную страницу по своим правилам, но проще руководствоваться проверенными советами.
Дизайн
Подавайте информацию блоками, один блок — одна мысль или предложение. Чтобы отделить одну часть от другой, используйте контрастную подложку.
Важно не перегружать посадочную страницу визуальной информацией. Чем меньше на ней элементов, тем проще пользователю сосредоточиться на сути вашего предложения. Это не значит, что landing page должна состоять только из текста и картинки. Используйте динамические блоки, анимацию, свободное пространство между элементами страницы.
Контент
Предлагайте на сайте-одностраничнике только один продукт, акцию или услугу. Чем больший выбор вы предоставляете, тем меньше вероятность покупки.
На первом экране коротко расскажите о своем предложении. Никаких вводных слов, используйте эту часть страницы, чтобы завоевать внимание. Здесь должны находиться самые убедительные аргументы в пользу покупки или заказа у вас.
Обязательный элемент посадочной страницы — кнопка CTA или призыв к действию. Сделайте ее заметной и добавьте между блоками текста на всем протяжении страницы. Другой вариант — плавающая кнопка, которая перемещается вслед за пользователем.
Мы писали подробный материал о том, как сделать лендинг самому.
Важно! Лендинги не продвигают с помощью SEO, так как их жизненный цикл слишком короткий. Большинство посадочных страниц создают на время действия акции или для вывода на рынок нового товара. Пользователи приходят через email-рассылку, таргетированную, баннерную и контекстную рекламу, поэтому вряд ли удастся найти удачный пример landing page, оптимизированной под поисковики.
Вместо того, чтобы подбирать ключевые слова, сосредоточьтесь на болях клиентов и на том, как вы помогаете их решить. Подробнее об этом читайте в статье «Как написать текст для лендинга».
Примеры хороших лендингов
Мы сделали подборку лендингов с необычным дизайном и контентом. Смотрите, вдохновляйтесь и сохраняйте удачные примеры себе в подборку.
Продажа товаров
На лендинги приходит теплая аудитория, хотя бы частично знакомая с продуктом. Задача landing page — «дожать» таких посетителей и принести конверсию в виде покупки. Посмотрите примеры продающих лендингов с оригинальным подходом к подаче товара.
Производители острого соуса Mule создали красивый лендинг, чтобы рассказать о достоинствах продукта. Динамическая анимация побуждает листать страницу до конца, а часть информации о продукте упакована в развлекательное видео, из-за чего страница не перегружена текстом. В конце лендинга есть рецепты и социальные доказательства в виде отзывов покупателей с фотографиями.
На странице завода по производству бетона «Центр бетона» — много подвижных элементов, а фон повторяет цвет и фактуру бетона. Информация подана блоками с ценами, акциями, условиями работы. Яркие цвета и выезжающие картинки по бокам привлекают внимание, а небольшое количество текста упрощает поиск информации.
Пример красивого лендинга в сегменте B2B е>«Рокетбанк» рекламирует платежную карту с помощью лендинга. Особенность страницы в горизонтальной прокрутке вместо стандартной вертикальной. Информация представлена в сжатом лаконичном виде, чтобы не отнимать время пользователей. Преимущества карты дополнительно выделены графическими элементами, чтобы направить внимание на главное.
Страница компании «Окна людям» выполнена в стилистике написанного от руки черновика. Оригинальный ход привлекает внимание и выделяет производителя среди остальных.
«Одностраничный сайт, пример от компании «Окна людям» е>Сервис аренды электросамокатов Youdrive привлекает внимание динамическим лендингом и отсутствием больших текстовых блоков. Даже если вы не прокручиваете страницу, картинка постоянно меняется благодаря видео. Информация об условиях аренды сформулирована в нескольких коротких фразах, а между текстом и картинками оставили много места.
Стиль лендинга для аренды самокатов — движение е>Конкурсы и специальные проекты
Компания Rafaello придумала конкурс для влюбленных. Нужно создать два аккаунта, зайти на основной сайт бренда с двух телефонов и поднести их друг к другу. Призовые баллы копятся пока пара находится на сайте. Помимо необычной механики конкурса, пользователей привлекают контрастным дизайном. На лендинге много воздуха и свободного пространства, на фоне которого выделяются блоки текста.
Лендинг для конкурса от компании Raffaello е>Сервис Airbnb приглашает пользователей придумывать необычные экскурсии в родном городе и зарабатывать. Компания сделала ставку на живые фотографии и минимум текста, чтобы вызвать эмоциональный отклик. Блоки не сливаются между собой, так как на странице чередуется черный и белый фон. Во время прокрутки кнопка регистрации остается неподвижной, чтобы в любой момент перейти по ней и начать регистрацию.
Регистрация на мероприятия
Лендинги удобно использовать для привлечения людей на фестивали, мастер-классы, лекции и другие мероприятия. Создавать отдельный сайт для регистрации, чаще всего, не имеет смысла, проще и быстрее сделать лендинг.
Организаторы Digital sales and marketing world приглашают маркетологов зарегистрироваться на воркшоп. Поскольку информации много, ее разбили на небольшие блоки и разбавили фотографиями. Видеоподложка на первой странице демонстрирует масштаб мероприятия.
Другой пример удачного лендинга — страница фестиваля «Пить и жарить». Организаторы добавили динамическую прокрутку, в которой буквы и фон движутся отдельно друг от друга. Разные шрифты, размеры и цвета здесь выглядят уместно, потому что соответствуют стилистике фестиваля.
Развлекательный фестиваль использует неформальный стиль для лендинга е>На лендинге от «Прятки в темноте» пользователей приглашают зарегистрироваться на квест. Страница оформлена в духе компьютерной игры, чтобы передать атмосферу квеста. Уровень сложности и пакет услуг участник тоже выбирает в игровой форме, передвигая бегунок влево или вправо.
Набор на обучение
Страницы учебных заведений рассчитаны на два типа клиентов: ученики и учителя. Иногда к ним присоединяется третий тип — родители учеников, когда речь идет о занятиях для школьников. Задача — создать привлекательный и понятный дизайн для разных групп.
Khan Academy выбрала стиль оформления в духе энциклопедий научпоп. Чтобы донести свое послание до будущих учеников и преподавателей, на лендинге кратко сформулированы преимущества академии и добавлены яркие живые фотографии. Кнопка CTA есть почти в каждом блоке.
Вирусный контент
Поскольку лендинги продвигают с помощью рекламы, вирусность помогает сэкономить бюджет. Мечта маркетолога — страница, которую люди пересылают друг другу.
Сайт-агрегатор авиабилетов S7 ко Дню космонавтики открыл бронирование билетов на Луну, Венеру, Марс и другие планеты. Через форму лендинга можно выбрать параметры путешествия, ввести данные, получить билеты и поделиться ими в соцсетях.
S7 обыгрывает тему Дня космонавтики е>Поиск сотрудников
Иногда крупной компании проще искать сотрудников через лендинг, чем через сайты о работе. Одностраничник не накладывает ограничений в плане подачи материала, что особенно ценят компании в сфере digital.
Creative People придумали персонажей и изобразили будущих сотрудников в роли супергероев. С помощью этого приема удалось небанально и увлекательно рассказать соискателям о компании.
Creative People ищет супергероев в команду е>Творчество и юмор
Творческий проект тоже можно оформить в виде лендинга. В этом случае цель — не в достижении конверсии, а в самовыражении и в привлечении внимания.
Вы тоже можете создать посадочную страницу для реализации своих идей. Для этого не нужно быть программистом, создать лендинг поможет специальный конструктор. Как это сделать, мы подробно описываем в статье «Конструкторы лендингов: лучшие платформы для создания одностраничников».
Австралийский информационный портал SBS адаптировал рассказ из книги «Лодка» вьетнамского писателя Нам Ле и поместил его на лендинге. Это творческий проект по переводу художественных книг в визуальный формат. Получился графический черно-белый роман с интерактивными элементами. По мере прокрутки страницы обновляется текст, меняется фон и появляются дополнительные эффекты в виде дождя и молний. На момент написания статьи лендинг собрал 19 тысяч лайков.
Графический комикс анимировали с помощью лендинга е>Активисты бегового клуба Run Evolution создали шутливый лендинг, чтобы привлечь внимание к беговому клубу. Вместо того, чтобы в очередной раз рассказать о пользе здорового образа жизни, они пообещали избавить от беговой зависимости. Лендинг получил вирусный эффект и появился на многих развлекательных сайтах.
Часто лендинг создают под конкретный товар, акцию или мероприятие, поэтому он быстро теряет актуальность. Чтобы попасть в список лучших одностраничников, придумайте или позаимствуйте необычную идею оформления. Пишите короткими фразами. Добавьте картинки, видео и фото, но оставьте много незанятого пространства. Делайте кнопку CTA доступной в любом месте прокрутки лендинга.
Аудитория попадает на landing page благодаря таргетированной и контекстной рекламе. Еще один способ привлечь посетителей — настроить email и push уведомления или создать чат-бота. Это удобно сделать с помощью сервиса SendPulse.
[Всего: 6 Средний: 4.7/5]Идеальная Landing Page — 10 обязательных составляющих. Проверьте свою!
Всем привет. В прошлый раз я писала о турбо-запуске 70 Landing Page, и народ заинтересовался, в чем все-таки разница между шаблонным лендингом и одностраничником с индивидуальной проработкой.
Все мы знаем, что лучше один раз увидеть, чем 100 раз… Поэтому рассмотрим пример. Сегодня под разбор попал лендинг с индивидуальной проработкой для изыскательской компании «Гектар Групп». Кстати, крутые ребята, если что… Посмотреть лендос можно на нашем тестовом сервере по ссылке.
Эта статья будет полезна тем, кто собирается делать лендинг, и тем, у кого есть лендинг, но он хочет улучшить его «продающесть». Время прочтения — 7 минут.
Идеальная продающая структура LP, какая она?
В каждом конкретном случае — она своя. Структура всецело зависит от задач лендинга, потребностей целевой аудитории, сферы бизнеса и еще много чего.
Но есть принципы, которые остаются неизменными.
Первый экран — УТП
Уникальное торговое предложение (УТП) — то, что вы хотите донести и закрепить в сознании клиента. То, чем вы отличаетесь от конкурентов. То, почему стоит купить у вас. То, ради чего вы создаете лендинг, в конце концов…
Нет УТП — значит нет “изюминки”. Значит, вы — такие как все. Значит и лендинг будет похож на сотни таких же безликих одностраничников с “Индивидуальным подходом” и “Гарантией качества”. А чтобы этого не произошло, внимательно и ответственно заполняйте бриф с наводящими вопросами (в самом начале разработки). Но это уже история другой статьи.
Пример УТП на 1 экране + кнопка с призывом
Итак, первый экран — УТП. Запомнили, едем дальше.
В этом блоке важно описать, почему клиенту стоит воспользоваться вашим предложением. А точнее, какие выгоды он получит. Распространенная ошибка предпринимателей — писать много МЫ и мало ВЫ.
Клиент больше любит читать о себе. Ему совершенно неинтересно, что вы там используете. Ему важно знать, что он получит. Я думаю, посыл понятен.
17 вдохновляющих примеров лендингов и советы по их оформлению
«Хорошие художники копируют. Великие — крадут»
— Стив Джобс публично процитировал Пабло Пикассо
Споры о происхождении высказывания до сих пор не утихают, но несмотря на это, цитата вдохновляет множество художников и представителей «креативного кластера»
Этот пост — подборка лендингов для маркетологов, ищущих вдохновение. Мы подготовили для вас 17 примеров эстетичных и эффективных посадочных страниц, а также несколько советов, которые выведут вас из «творческого ступора» и с большой долей вероятности увеличат конверсию вашей рекламной кампании.
Прежде чем начать, стоит сделать пару оговорок. Во-первых, мы не пропагандируем плагиат чужих идей и ноу-хау. Вдохновение для нас — это не воровство, а расширение своего видения с помощью уже созданного. Во-вторых, не все из представленного ниже — лендинги. Здесь есть и обычные домашние страницы сайтов, выполненные на «отлично». Итак, с этими двумя оговорками, начнем обзор.
1. Подбирайте слова
Язык всегда считался мощным орудием влияния на аудиторию. Ниже — пример того, как используя «правильные» термины, можно увеличить интерес посетителей к ресурсу: главная страница сайта Patreon содержит броскую надпись: «Стань меценатом в искусстве!»:
В чем особенность этого оффера?
Хотя фактически люди совершают пожертвования в пользу художников, музыкантов и других деятелей искусства, их не называют «благотворителями» — здесь они меценаты. Они не «жертвуют», а вносят вклад в искусство.
Быть меценатом (с учетом того, что термин, как правило, употребляется в отношении людей богатых, в честь которых называют престижные галереи) и «вносить вклад» куда интереснее, чем заниматься благотворительностью. Простой подбор верных выражений меняет все: тот, кто хочет помогать «бедным и талантливым», становится частью элитарного и высокого, во всяком случае, по собственному восприятию. В свою очередь, «бедный и талантливый» превращается в Деятеля, который интересен высшему свету и привлекает своим творчеством спонсоров.
И это работает.
2. Вызывайте доверие
Добавьте на страницу знаки, показывающие, что вам можно доверять. Пример компании Recurly демонстрирует, как не отпугнуть посетителей в столь требовательной финансовой среде: и дело даже не в логотипах клиентов, хотя это тоже крайне важно.
Оффер компании, занимающейся автоматизацией создания и рассылки счетов, вызывает доверие у посетителей: «Утонченное решение для CFO (Chief Financial Officer, финансовый директор). Простое — для команды».
Такое предложение вселяет уверенность в финансовых директоров, которые нередко делегируют часть обязанностей своим подчиненным, и хотят точно знать, что те без проблем справятся с задачами.
Это может показаться слишком очевидным решением, но в действительности добиться такого восприятия непросто. Recurly это удалось — за счет двух ненавязчивых, но ключевых в оформлении лендинга фраз компания продемонстрировала понимание потребности в надежности сотрудничества и легкости в освоении сервиса.
Блестяще!
3. Выделите ваше УТП
Уникальное торговое предложение должно быть центром и неотъемлемой частью вашей страницы. Это не означает обязательного перечисления на лендинге всего, что вы можете предложить — вам необходимо определить самое важное и ценное для пользователей. Вот как с этой задачей справились CampusTap:
Фраза: «Приватная социальная сеть для студентов колледжа» — короткая, но с емким тезисом. Она не только объявляет сайт социальной сетью, но и раскрывает ключевое УТП, в котором потенциальные пользователи могут увидеть сразу несколько выгод: конфиденциальность, которая беспокоит многих владельцев аккаунтов Twitter и Facebook, желающих скрыть от любопытных глаз свою виртуальную жизнь, а также некоторую эксклюзивность. Слово «приватная» предполагает не только безопасность данных, но и наличие своеобразной «экосистемы» только для своих.
4. Добавьте интерактивные элементы
Сегодня интернет-пользователи уже в достаточной степени избалованы и ждут чего-то более захватывающего, чем статичная посадочная страница. Один из способов превзойти ожидания пользователей (или, по меньшей мере, удовлетворить их) — включение на лендинг или сайт интерактивных элементов.
Иногда это оказывает очень мощное действие. Пример — онлайн-магазин одежды Tailor4Less, предоставивший посетителям возможность создавать свой образ самостоятельно:
Такой подход требует более мощного технического оснащения, чем статическая страница, из-за большей нагрузки, но конверсию он повышает в разы.
5. Пусть изображение говорит за себя
Компании, предлагающие виртуальные продукты или сервисы, иногда вынуждены использовать целые полотна текста, чтобы объяснить, чем они занимаются. В то же время визуальное сообщение может донести то же самое более коротко и доходчиво.
Например, Chatterbox Labs:
«Сегментация аудитории с помощью науки о данных*. Новый взгляд на оптимизацию рекламных кампаний»
Даже для опытных маркетологов визуализация концепции сегментации аудитории может показаться довольно хитрой задачей. Тем не менее, эта целевая страница использует говорящий зрительный образ (людскую толпу) и привлекательное словесное описание, чем изящно решает проблему донесения абстрактной информации о продукте до потенциальных клиентов.
Конечно, призыв к действию можно выразить яснее, но вы поняли главное: изображение отлично справилось с ролью рассказчика!
*По мнению Harvard Business Review, наука о данных (data science) — самая «сексуальная» профессия XXI века.
6. Будьте проще
Прежде чем мы рассмотрим следующий пример, окинем быстрым взглядом предыдущие. Что их объединяет? Все они имеют единственную кнопку призыва к действию.
Однако, чем проще путь, который вы предлагаете пройти пользователям, тем выше показатели конверсии. Чем больше работы вы от них ждете, тем меньше шансов, что вы их заинтересуете. Сервис, вовсю использующий этот принцип — Todoist:
Лендинг содержит два CTA: «Начать — это бесплатно» и «Посмотреть видео»
Еще один способ упростить работу посетителей на вашем сайте — вход через социальные сети: он избавляет владельцев социальных аккаунтов от необходимости проходить процедуру регистрации, авторизуя их одним кликом. Данной опцией воспользовался сервис электронных платежей Venmo:
Важно отметить, что не всем подходит регистрация или авторизация в один клик. Некоторым компаниям важно получить большее количество информации о пользователях — имя, возраст, уровень дохода, должность и т. д. И даже в этом случае стоит стремиться к тому, чтобы форма оставалась максимально простой.
7. Ближе к делу
Многие маркетологи уверены, что если пользователь перешел на сайт по ссылке из поисковика или объявления, он уже осведомлен о деятельности компании, и не нуждается в подробной информации на лендинге.
Это ошибка. Ваша страница должна максимально полно раскрывать предложение, а посетители — понимать, куда они попали и почему им это может быть интересно. Причем понимание должно происходить мгновенно, например, как на лендинге AskNative.com:
«Ответы местных жителей на все ваши вопросы в путешествии»
Без лишней двусмысленности текст на посадочной странице сразу сообщает очень коротко и ясно, для чего предназначен сервис. Кстати, авторизация через Facebook — дополнительный умный ход (см. п. 6).
Какими бы причудливыми ни были картинки или тексты, при проектировании лендинга нужно помнить: чем быстрее возникнет понимание, тем выше вероятность конверсии.
8. Вы не продаете вещи — вы улучшаете жизнь
Возьмите на заметку: люди не хотят покупать — они пытаются сделать свою
жизнь проще и лучше. Постарайтесь визуализировать те самые улучшения, которых можно добиться с помощью вашего продукта, как это сделали Wave:
По сути, Wave — это инструмент для ведения бухгалтерии, учета налоговых операций и выставления счетов. Но несмотря на то, что эти вещи крайне важны для успеха любого малого бизнеса, они не настолько привлекательны, чтобы люди открывали свое дело ради них.
Именно поэтому Wave фокусируется на своей главной странице не на особенностях софта, а на эмоциональном образе клиента, использующего продукт.
Отзыв клиента: «Я делаю то, что мне нравится. Wave делает остальное» в верхней части изображения — еще один проницательный шаг. Посетитель не только видит реальную фотографию удовлетворенного клиента, но и легче представляет свою жизнь, какой она может стать, будь он пользователем Wave. Для большинства предпринимателей такая перспектива очень заманчива, и именно это дает почувствовать приведенная в качестве примера страница.
9. Добавьте видео
Многие компании при создании лендингов откладывают съемку видео «на потом» из-за ее дороговизны. Тем не менее, видео может перенести бизнес на другой уровень.
Для примера рассмотрим главную страницу сайта и контекстное объявление ChickenSaloon.com — производителя курятников. К услугам посетителей пошаговая видео-инструкция по изготовлению собственного курятника:
Видео не обязательно должно быть ужасно дорогим. В данном случае оно настолько «домашнее», что только убеждает посетителей в подлинности и качестве курятников и формирует еще большее доверие к компании.
10. Помогите сделать правильный выбор
Вы знали, что с одной бутылкой красного вина хорошо идет тушеная баранина, а с другой — бифштекс? Такие тонкости для многих являются по-настоящему минным полем. По этой причине Vivino — приложение, помогающее людям выбрать не только напиток, но и подходящие к нему закуски, позиционирует себя как полезный инструмент для гурманов и любителей вина.
Vivino помогает создать идеальное сочетание практически для любого случая. Благодаря ему вы принимаете более обоснованные решения, что, кстати, снова является удовлетворением желаний пользователей — даже таких тривиальных, как выбор вина к ужину.
Еще одно преимущество подхода заключается в его просветительской функции. Людям нравится узнавать что-то новое и делиться этим с другими, особенно, если приобретенные знания не очень сложны. Почему бы не помочь им?
11. Сделайте сильное заявление
Иногда то, что вы делаете, само по себе настолько важно и ценно, что вам и не нужно применять какие-то особые ухищрения для получения высоких результатов. Last Days of Ivory (компания, обеспокоенная вопросами терроризма и браконьерства в отношении слонов и снимающая фильм на эту тему) разработала очень лаконичный лендинг:
Контраст белого и черного визуально подчеркивает силу заявления: «Положи конец терроризму в отношении слонов», а значительное количество свободного пространства вокруг призыва привлекает к нему еще большее внимание.
12. Держите марку. Рискуйте
Посмотрим правде в глаза: большинство маркетинговых кампаний невообразимо скучные. Главным образом, это происходит из-за неготовности пойти на творческий риск. Tapely — портал для обмена микстейпами — не прячется за банальностью:
Очевидно, что данный прием подойдет не для всех ниш. Только в ваших руках — решить, как далеко вы можете зайти в реализации своих идей и насколько подобные шаги уместны. Важно помнить о пределах, чтобы творческие порывы усиливали ваш бренд, а не работали против него.
13. Спрашивайте
Еще один эффективный способ установить контакт с посетителями — начать первое знакомство с вопроса, как это делает Trulia:
«Хотите узнать, сколько стоит ваш дом?»
Конечно же, все знают, сколько стоит их дом или квартира. По крайней мере, они помнят, сколько отдали за покупку. Но любопытство все равно берет верх: редкому человеку не интересна оценка его собственности, и посетитель отвечает на поставленный вопрос. Цель достигнута.
14. Обращайтесь к эмоциям
Независимо от того, что собирается ли посетитель что-либо купить или просто раздумывает над покупкой, он всегда в большей или меньшей степени ориентируется на эмоции: как по его ощущениям, изменится он сам, будет ли это безопасно, не возникнут ли какие-либо сложности?
Компании, понимающие важность эмоционального фактора в продажах, стараются делать свои призывы более мягкими, ведь даже в B2B-секторе решения принимаются людьми, личностями, а не «бизнесами».
Воздействие на эмоции может быть эффективным. Happify успешно использует этот прием на своей посадочной странице:
В дополнение к визуальным эффектам, акцентирующим внимание на свободе и расслаблении, текст не менее убедителен: «Для счастья лучше поздно, чем никогда». Эти слова на странице создают ощущение срочности, но все же не настолько сильное, чтобы вызывать беспокойство.
Умелое сочетание зрительных образов и смысловой составляющей помогает добиться потрясающего эффекта как с точки зрения восприятия страницы посетителем, так в плане продаж.
15. Говорите прямо
Еще одна ошибка многих B2B-компаний — слишком размытое послание, начинающиеся издалека и написанное от третьего лица. В некоторых ситуациях это может подействовать, но чаще всего — отталкивает.
Аналогично примеру выше, Awesometalk сделали ставку на чувства посетителей: «Позвони маме, она скучает» — сообщает текст на странице. Такое прямое заявление даже без эмоциональных изображений на заднем плане воздействует на посетителей, находящихся вдали от близких:
Эта целевая страница — отличный пример того, как обращаясь непосредственно к чувствам аудитории, можно стать привлекательнее в ее глазах.
16. Внимание к общим проблемам
Один из замечательных способов привлечь к себе внимание — поговорить о наболевшем. Многие компании косвенно уже делают это, но иногда простой подход может быть более убедительным, например, как в случае Meeting Hero:
«Попрощайтесь с невыносимыми совещаниями»
Приложение не только признает проблему непродуктивных деловых встреч, но и предлагает решить ее, причем в юмористической форме. С помощью меткого текста и аккуратно подшучивая над тем, как большинство людей проходит различные переговоры и совещания, лендинг остается привлекательным, поскольку предлагает «лекарство» от насущной проблемы.
17. Помните о цвете
Мы рассмотрели множество хороших примеров лендингов, но так и не поговорили о цвете. И хотя воздействие цветовой палитры для многих пользователей может не быть очевидным, как например текст, обратимся к опыту сервиса управления паролями Mitro:
Эта страница не только имеет современный вид, но и использует для своего оформления синий цвет, символ доверия и надежности — самое важное для того, кто собирается передать ответственность за хранение важных данных. Интересное сочетание с зеленым также навевает мысль о спокойствии и безопасности: волноваться не о чем, ваши пароли в надежных руках.
Спросите себя: «Что я хочу сказать?» при разработке внешнего вида посадочной страницы. Стремитесь ли вы подчеркнуть свою силу и основательность или передать ощущение смелости и азарта? Посмотрите на диаграмму ниже, чтобы лучше понимать свойства цветов на примере успешных брендов:
Желтый — оптимизм, ясность, теплота
Оранжевый — дружелюбие, радость, доверие
Красный — возбуждение, молодость, смелость
Сиреневый — творчество, воображение, мудрость
Синий — доверие, надежность, сила
Зеленый — миролюбие, рост, здоровье
Серый — баланс, нейтральность, спокойствие
Высоких вам конверсий!
По материалам wordstream.com
01-10-2015
Правильная структура лендинга 2020: список блоков
Первый экран лендинга
Лендинги могут быть очень длинными, как, например, вот эта посадочная страница для продвижения франшизы компании «Додо Пицца»:
Пример длинного лендинга для продажи франшизы
А могут быть и совсем небольшими:
Небольшой лендинг онлайн-школы английского языка
На каждом лендинге, независимо от его длины и тематики, есть обязательный первый экран. Это наиболее важный смысловой блок, выделенный графически.
Далее расскажем о том, какие элементы должны и могут присутствовать на первом экране.
Заголовок и подзаголовок
На первом экране качественного лендинга располагается оффер (предложение), а также краткое описание проблемы клиента, которую он может решить с помощью вашего продукта или услуги. Текст здесь должен быть настолько простым, чтобы понять его можно было с первого взгляда.
Пример размещения заголовка и подзаголовка
Имейте в виду: нет заголовка — нет продажи. Не стоит также делать интригующий заголовок, поскольку таким образом вы сможете отпугнуть часть посетителей. Сделайте заголовок максимально простым и понятным, отражающим суть проблемы целевой аудитории.
Подзаголовок должен пояснять заголовок или отвечать на вопрос пользователя «Что я получу?»
Элементы
На первый экран помещается несколько дополнительных элементов: название компании, лид-форма и призыв к действию (CTA), ссылки на социальные сети и другие контактные данные. Обязательный элемент — название организации. Все остальное — на ваше усмотрение.
Перечисленные элементы нужны для того, чтобы мотивировать часть пользователей сразу оформить заказ. «Горячие» клиенты не будут долго изучать лендинг. Они скорее позвонят вам, увидев номер телефона на первом экране, или тут же отправят заявку. Учитывайте это при разработке структуры продающего лендинга.
Пример оформления первого экрана лендинга
Обратите внимание, на данном примере вместо формы заявки располагается небольшой интерактивный элемент, позволяющий рассчитать стоимость услуг. Такой формат может значительно повлиять на повышение конверсии. Подробнее о его особенностях мы рассказывали в статье про квиз-лендинги.
Логотип
Логотип на лендинге необходим, если он известен и прочно ассоциируется с брендом:
Логотип на лендинге
Если же ваша компания малоизвестна, можно обойтись без логотипа. Однако имейте в виду: он поможет потенциальному клиенту запомнить ваш бренд.
Форма заказа
Чем дороже продукт, тем больше времени нужно пользователю на размышления. Так, к примеру, даже если потенциальному клиенту очень нужен комбайн, он вряд ли молниеносно примет решение о его покупке. Учитывайте это, размещая форму заказа на первом экране.
Если товар или услуга достаточно простая, то форма заказа уместна. Если же большинству пользователей определенно нужно время, чтобы обдумать покупку, поместите на первый экран небольшую кнопку «Связаться с нами». На сэкономленном пространстве можно разместить подзаголовок или иллюстрацию.
Такой же кнопки достаточно в том случае, если вы продаете всем известный товар.
Оформление первого экрана лендинга магазина, продающего популярный товар
Здесь вместо популярной кнопки «Связаться» используется призыв к действию — «Выбрать размер». Пользователям интересно, насколько большим может быть плюшевое авокадо, поэтому они часто кликают по этой кнопке.
Изображение товара
От иллюстрации, которую вы поместите на первый экран, зависит едва не половина успеха лендинга. Даже если у посадочной страницы идеальная структура и все маркетинговые требования соблюдены, ее конверсия может быть на нуле по той простой причине, что изображение плохо отражает суть продукта/услуги, имеет плохое качество или же вовсе отсутствует. Визуал сегодня играет решающую роль, не забывайте об этом.
Пример удачно подобранного изображения для лендинга компании по продаже и монтажу окон
Оффер
Торговое предложение — главное на лендинге. Оно должно рассказывать о преимуществах товара и причинах его приобрести. Сделайте ваш оффер простым и понятным настолько, чтобы клиент мог за пару секунд осознать суть и ценность предложения.
Пример оффера
В данном примере упор делается на качество. Но есть и другие два популярных критерия — скорость и стоимость. Используйте любой из них и поясняйте его в контексте оффера. Например:
- Качество: крепкий итальянский стол из красного дерева.
- Скорость: доставка мебели в течение суток.
- Стоимость: скидка 30 % на второй товар.
В одном предложении можно сочетать максимум две выгоды. Соединять сразу три не стоит, поскольку выглядит это навязчиво и неправдоподобно.
Слайдер
На многих лендингах слайдер используют, чтобы показать сразу несколько товаров. Так делать не рекомендуется, поскольку это нарушение важнейшего правила построения посадочной страницы: «1 продукт — 1 страница».
Использовать слайдер можно, чтобы показать один товар с разных сторон или в действии.
Пример слайдера с фотографиями щенков
Не стоит использовать слайдер для перечисления преимуществ. На большинстве лендингов это плохо работает.
Список выгод
Если на первом экране остается место, то можно разместить здесь небольшой список выгод. Желательно, чтобы выгоды выражались в числах.
Пример оформления списка выгод
Не повторяйте здесь те особенности, которые обозначили ранее в оффере, либо раскройте их чуть подробнее, совместив с другими преимуществами.
Стикеры
Стикеры — необязательный элемент, однако часто именно они помогают пользователям принять окончательное решение. Дело в том, что это действенный способ подчеркнуть основную или одну из наиболее важных выгод. На стикере вы можете указать информацию о гарантии, скидке, возможности приобретения товара в кредит, бесплатной доставке или подарке.
Стикеры на лендинге
В данном примере на стикере размещена убеждающая фраза «Прекрасный подарок на любой повод!».
Дизайн первого экрана
Не делайте лендинг слишком сложным — это снизит конверсию. Дизайн хорошего продающего лендинга прост и лаконичен. Фон не затмевает заголовок и лид-форму. Товар или услуга на иллюстрации изображены детально.
Пример дизайна лендинга
Здесь фото на весь экран отражает суть предложения. При этом на нем выделяются заголовок, подзаголовок и форма заказа.
Типичные для первого экрана ошибки
Итак, мы разобрались в том, какие элементы должны присутствовать на первом экране продающего лендинга. Применять их нужно аккуратно. Не допускайте нагромождения элементов. Если их будет слишком много, пользователь может запутаться. Вместе с тем отсутствие некоторых элементов может значительно снизить конверсию. Обратите внимание на этот пример:
На первом экране отсутствует форма заявки
Здесь есть стикер, уведомляющий о немецком качестве, но нет одного из самых важных элементов — формы заявки.
Еще одна ошибка — слишком большое количество офферов. Не стоит совмещать несколько предложений для разных сегментов аудитории на одном лендинге.
Нагромождение офферов
Для каждого сегмента целевой аудитории желательно составить отдельный лендинг с особой структурой. Чтобы не потерять ни одну часть аудитории, обратите внимание на формат мультилендинга.
Помните о важности визуала. Вы можете создать отличную структуру лендинга, но все испортит плохо проработанный дизайн.
Пример неудачного дизайна лендинга
Здесь слишком яркие цвета, нечитабельный шрифт и некачественный фон создают отрицательное впечатление, которое влечет за собой догадки о низком качестве продвигаемого товара.
Тело лендинга
После проектирования первого экрана можно приступать к работе над структурой остальной части сайта. Все последующие блоки призваны убедить пользователя приобрести товар или услугу.
Блок о проекте
Здесь необходимо понятно и развернуто рассказать пользователю о том, что же вы предлагаете. Необязательно делать это в текстовом формате. Многие размещают короткий видеообзор продукта, который дает максимально полное представление о нем.
Видеообзор на лендинге зачастую более информативен, чем текст
Логично располагать этот блок после первого экрана. Так пользователь сразу убедится, что попал на нужную страницу, где ему помогут.
Блок с преимуществами
Если на первом экране преимущества следует представлять как можно короче, то здесь список выгод можно сделать гораздо более широким. Сопроводите текст иконками, фотографиями или другими иллюстрациями.
Блок с преимуществами товара
Однако не ставьте иконки ради иконок. Каждый элемент на сайте нужно тщательно продумать, даже такие мелочи.
Сценарии использования / Ход работ
Сценарии демонстрируют примеры использования продукта или сообщают о том, кому пригодится товар или услуга.
Пример блока со сценарием пользования
Форма подачи здесь может быть такая же, как и в списке выгод. Обязательны заголовок и иллюстрации.
Описание целевой аудитории
Необязательно делать этот блок большим. Его размеры и наполнение зависят от особенностей продукта, который вы предлагаете.
Пример блока с описанием целевой аудитории
Если вы продаете простой товар, например, диваны, то расписывать, что они нужны семьям, пенсионерам и т.д., не стоит. Если же товар необычный и пользователь может сомневаться, нужна ли ему такая покупка, то блок с описанием ЦА лишним не будет.
Если же вы не хотите выносить эту информацию отдельно, то можете включить ее в список выгод.
Тарифы и цены
Цену можно указать на первом экране. Но если там нет места или вы предлагаете несколько позиций по разным ценам, то разместите прайс-лист отдельным блоком. Оформите его максимально просто.
Блок с ценами
В том случае, если на странице указываются тарифы на ваши услуги, визуально выделите один самый популярный. Он привлечет внимание пользователя, а вы таким образом облегчите процесс выбора подходящего тарифа.
Призыв к действию
Призыв к действию должен повторяться на лендинге несколько раз. Важно, чтобы располагался он всегда около кнопки «Связаться» или рядом с формами захвата. Имейте в виду: недостаточно написать «Позвоните нам» или «Кнопка для связи». Эти фразы не побуждают, поэтому смените риторику и попробуйте заинтересовать потенциального клиента. Например, таким образом:
Пример призыва к действию на лендинге
Согласитесь, фраза «Получить деньги» привлекает куда больше, чем «Связаться с нами»?
Форма заявки
Форму заявки расположите в 3-4 местах: на первом экране (об этом говорили выше), в середине и в конце страницы. Целевое действие, которое пользователь совершит, заполнив форму, зависит от конечной цели лендинга. Если вы продвигаете вебинар, вам нужно, чтобы пользователи регистрировались на него. Если же вы продаете какой-то товар, то ваша цель — получить контактные данные.
Пример формы регистрации
Чем меньше в форме полей, тем больше конверсий, поэтому на данном примере пользователю требуется ввести только имя и номер телефона.
Отзывы
Наличие отзывов на сайте — один из решающих факторов, которые влияют на решение человека обратиться в компанию.
Отзывы на лендинге
Здесь вы можете поэкспериментировать и добавить ссылки на посты с отзывами в соцсетях, видеообзоры и пр.
Партнеры
Этот блок необязателен для лендингов маленьких компаний, реализующих недорогие товары, но если вы работали с крупными клиентами, это стоит показать.
Блок с перечнем партнеров
Видео
Видеоролики — отличный способ сэкономить место на лендинге и представить потенциальному клиенту все преимущества продукта без текстов и фотографий. Естественно, видео должно быть коротким, ярким и продающим.
Этот формат особенно хорош в том случае, если услугу или товар тяжело описать или представить в виде фотографий.
FAQ
Этот блок также помогает сэкономить место на странице и, кроме того, закрывает оставшиеся возражения посетителей. Оформляется он обычно как список вопросов, по клику на каждый из которых открывается ответ.
Оформление блока FAQ на лендинге
Чтобы предоставить пользователям как можно более развернутые ответы, проанализируйте их возможные страхи и сомнения.
Контактные данные
Ваш номер телефон или адрес электронной почты всегда должен быть на виду. Не заставляйте потенциального клиента искать контактные данные. Поместите их на самое видное место, например, на фиксированный хедер.
Помимо номера телефона и email-адреса, в контактную информацию можно добавить адрес, карту и данные о ИП / юридическом лице.
Команда
Это блок необязателен, однако сработает он только в плюс. Дело в том, что фотографии членов команды с указанием их имен и должностей вызовут у посетителей сайта еще больше доверия к вам.
Фото команды на лендинге
Желательно, чтобы все фотографии были выполнены в едином стиле. Размещать этот блок рекомендуется в конце страницы.
Факты в цифрах
Цифры привлекают внимание и легко воспринимаются, поэтому мы рекомендуем использовать их, к примеру, таким образом:
Использование фактов в цифрах
К формулированию подобного текста нужно подходить с особой внимательностью. К примеру, как вам такое предложение: «Поставили 150 тыс. тонн щебенки для 3 тыс. км дорожного полотна за 10 лет»? Вызывает ли оно у вас какие-то эмоции? Вряд ли, ведь из него ничего не понятно. Цифры в этом примере слишком большие, осознать их довольно трудно. Исправить ситуацию можно так: «Поставим до 10 тыс. тонн щебенки всего за 24 часа». У пользователя уже есть представление о необходимом ему количестве материала. Теперь он знает ваши условия, сравнивает их с предложениями конкурентов и делает выбор. Помните: цифры на лендинге — не для красоты, а для удобства клиента.
Сертификаты
Если у вас есть сертификаты, благодарственные письма, грамоты или что-то подобное, то сделайте их скриншоты и поместите рядом с отзывами. Скорее всего, никто не будет досконально изучать ваши награды, но они вполне могут повлиять на создаваемое впечатление.
Портфолио
Если у вас есть успешные кейсы, покажите их на лендинге. Достаточно будет 3-4 карточек с фото и текстом в формате карусели. Также обратите внимание на такой любопытный вариант:
Оформление портфолио на лендинге юридической компании
Счетчик
Еще один элемент, который может повлиять на скорость принятия решения о покупке.
Счетчик на лендинге
Разместить его можно как на первом экране, так и ниже. Важно лишь, чтобы располагался он рядом с формой заявки.
Всплывающие окна
Этот элемент предназначен для того, чтобы привлечь внимание посетителя и довести его до оформления заявки.
Пример всплывающего окна на лендинге
Учитывайте, что многие пользователи считают всплывающие окна раздражающим и навязчивым элементом. Проверить, как скажется их наличие на конверсии, можно путем сплит-тестирования.
Виджет обратной связи
Виджет обратной связи так же, как и контактные данные, всегда должен быть на виду. Как правило, располагается он в правом нижнем углу. Если пользователь хочет задать вопрос, ему достаточно просто ввести его или свой номер телефона в это окно.
Виджет обратной связи
Футер лендинга
Футером называют самую нижнюю часть лендинга. Здесь, как правило, размещаются контактные данные и навигационное меню.
Пример оформления футера
Наличие футера не считается строго обязательным, но если вы планируете его сделать, то, разумеется, оформляйте в общем дизайне сайта.
Кнопки соцсетей на футере
Вопрос их размещения — довольно спорный. Допустим, пользователь попадает на лендинг и загорается желанием купить ваш товар. Он готовится заполнить форму заявки, но тут видит кнопку для перехода в «Инстаграм». Чтобы узнать о компании чуть больше, он кликает по кнопке, переходит в соцсеть, листает вашу ленту, читает комментарии, смотрит сторис и… забывает о том, что хотел совершить покупку.
Так бывает не часто, однако даже небольшой процент таких случаев — это уже потерянные заказы и упущенная прибыль, поэтому иногда от кнопок соцсетей отказываются.
Пример размещения контактных данных и формы обратной связи в футере
Итак, мы перечислили все элементы структуры лендинга, которые стоит учитывать при его создании. Начинайте с проработки первого экрана, а затем выбирайте элементы, необходимые для остальной части страницы.
Лучшие примеры лендингов, идеальная посадочная страница Landing Page
Создайте посадочную страницу на 1C-UMI. Просто выберите доменное имя и введите ваш e-mail. Затем вы увидите примеры landing page для любого вида предпринимательства — адаптивные шаблоны дизайна. Преимущество адаптивных сайтов заключается в том, что они корректно отображаются и на мониторе компьютера, и на экране мобильного устройства. Лучшие лендинги, безусловно, создаются с адаптивным дизайном.
Расположение элементов в разных шаблонах 1C-UMI несколько отличается. Выберите шаблон, который в большей степени соответствует вашим бизнес-задачам, а также понравится по дизайну.
Пора редактировать сайт и заполнить его своим контентом. Идеальная посадочная страница, пример которой перед вами, содержит определенный набор блоков:
- Меню
Оптимизируйте навигацию на странице. - Карусель фото
Добавьте фотографии вашего товара или менеджеров компании. - Формы обратной связи
Дайте клиенту возможность оставить вам данные о себе. - Контентные блоки
Разместите актуальную информацию о ваших продуктах или услугах. - Счетчик
Используйте его, если хотите сделать акцент на времени, оставшемся до конца какой-либо акции или начала события. - Обратный звонок
Перезвоните клиенту, как только он пришлет вам свои имя и телефон через эту форму. - Блоки-категории
Опубликуйте расширенную информацию о вашей компании с небольшими фотографиями или иконками. - Отзывы
Выберите лучшие мнения клиентов о вашей работе и разместите их в этом блоке. - Карта
Напишите на странице точный адрес и прикрепите карту Google или «Яндекс», чтобы клиент не заблудился. - Социальные сети
Предоставьте пользователю возможность поделиться с друзьями вашим предложением в социальных сетях.
Посадочная страница — пример простоты и удобства как для клиента, так и для покупателя.
Лучшие образцы посадочной страницы представлены именно на нашем сервисе. Создайте лендинг на 1C-UMI и наслаждайтесь широкими возможностями для вашего бизнеса.
Строительный лендинг: 15 примеров оформления
Пример 1. Аренда машин дорожной разметки
Этот лендинг создан для узкой группы людей. Целевая аудитория — служащие государственных и муниципальных предприятий в сфере дорожного хозяйства. На первый экран вынесено название услуги, есть кнопка для связи:
Пример лендинга по аренде машин дорожной разметки
В оставшейся части лендинга находятся характеристики техники. Прописаны они тезисно; дополнительная информация есть в видеоролике:
Обзор характеристик в видеоформате
Возможно, это хорошее решение. Так клиент сразу видит особенности приобретаемого продукта или заказываемой услуги.
На этом лендинге также есть таблица характеристик и калькулятор расчета стоимости, что помогает пользователям быстрее ориентироваться при выборе. В конце лендинга находятся форма заявки и футер с контактными данными:
Форма заявки
Пример 2. Продажа газона
Газон — товар для широкого круга потребителей. Упор на таком лендинге нужно делать на визуал и преимущества покупки. Вот как выглядит первый экран:
Пример лендинга компании по продаже газона
По сути здесь отсутствует строгое деление на главный экран и остальную часть страницы. Есть каталог товаров:
Неуместный для лендинга каталог товаров
И это еще один большой минус. На сайте не соблюдается правило «1 страница — 1 товар». Газон — товар универсальный, выбрать нужный сорт можно уже после оформления заявки. Здесь же кнопки «Купить» под каждой единицей товара ведут на одну и ту же форму. Эта ошибка может стать причиной низкой конверсии.
Пример 3. Продажа кровельных материалов и монтаж кровли
Аналогичная ошибка допущена и на этом лендинге. Вместо одного товара презентуются сразу восемь:
Многотоварность — не лучшее решение для лендинга
Возможно, это не мешает конверсии и пользователи здесь не путаются, но проверить это можно только экспериментальным путем: нужно сделать несколько лендингов с одними товарами под определенные группы людей.
При всем этом дизайн лендинга и его структура выполнены идеально. Вот первый экран:
Пример лендинга компании по монтажу кровли
А вот часть с преимуществами компании:
Преимущества компании
Есть блок с примерами работ:
Вариант оформления блока с примерами выполненных работ
Ближе к футеру лендинга размещена форма заявки:
Интересно оформленная форма заявки
Пример 4. Продажа строительного угля
На этом лендинге хорошо читается первый экран с описанием товара и кнопкой «Оставить заявку»:
Пример лендинга поставщика угольной продукции
Ниже в довольно интересной форме представлены преимущества товара:
Нестандартное для данной ниши оформление преимуществ товара
Такая подача привлекает внимание пользователя.
В конце есть форма заявки и удобный прайс-лист:
Форма заявки и прайс-лист
Представление всех характеристик товара на одной странице, как правило, здорово влияет на конверсию.
Пример 5. Ремонт квартир
Перед вами почти идеальный лендинг. На главный экран разработчик поместил не форму заявки, а небольшой опрос:
Пример лендинга компании по ремонту квартир
Возможно, решение поместить здесь опрос было принято после анализа множества однотипных лендингов конкурентов. Сработает ли квиз на вашем сайте? Узнать это можно только путем эксперимента.
Под главным экраном находится баннер с акцией:
Блок акций
Размещать такой баннер на первом экране не стоит: информации будет слишком много, пользователи могут запутаться.
Внизу перечислены преимущества компании. Интересно, что представлены они через актуальную повестку, связанную с пандемией:
Пример оформления преимуществ компании по ремонту квартир
Пример 6. Продажа накопителей электроэнергии
На первом экране — описание товара и форма заявки. Внимание привлекает задний план, на котором вместо статичной картинки загружается видеоролик:
Пример лендинга компании по продаже бесперебойников
Будьте внимательны, если хотите сделать что-то подобное: слишком «тяжелый» файл повлияет на скорость открытия лендинга. Высока вероятность того, что многие пользователи не захотят ждать загрузки страницы.
Далее перечислены проблемы, которые поможет решить описываемый товар:
Нестандартное оформление преимуществ товара
Часто такой подход срабатывает лучше, чем обычный список преимуществ.
Низ страницы оформлен без особенностей: отзывы, видеообзор, информация о доставке и т.д.
Пример 7. Установка заборов
Перейдем к примеру неудачного лендинга. На первом экране есть заголовок и фон, но нет формы заявки и даже кнопки для связи:
Пример лендинга компании по установке заборов
Ниже расположен блок с акциями:
Акции
В середине страницы — список товаров с описанием и ценами:
Список товаров
И только в конце появляется форма заявки:
Форма заявки
Лендинг очевидно плохой из-за отсутствия форм связи в начале страницы и нелепого дизайна.
Пример 8. Перевозка грузов
На следующем лендинге соблюдена структура, но есть несколько крупных ошибок, которые могут негативно сказываться на конверсии.
Главный экран фактически отсутствует. На верхней полосе есть только название услуги:
Пример лендинга компании по перевозке грузов
Ниже перечислены виды услуг; для каждой — свое изображение:
Перечень услуг
Есть карта, на которой отмечен адрес компании, и еле заметная кнопка «Заказать звонок»:
Пример футера лендинга
Есть вероятность того, что часть пользователей не поймут, какую конкретно услугу им предлагают. Другие же не найдут способ связаться.
Пример 9. Стяжка пола
Это пример хорошего лендинга. На главном экране есть описание услуги, алгоритм ее получения и кнопка для связи:
Пример лендинга компании по монтажу напольного покрытия
Ниже находится информация по типам помещений и кнопка, ведущая на калькулятор:
Расчет стоимости
Далее располагается развернутое описание действий специалистов:
Вариант оформления этапов работы строительной компании
В конце есть форма заявки:
Пример оформления формы заявки
Пример 10. Монтаж деревянных окон
На этом лендинге соблюдена структура, есть все необходимые блоки, но дизайн оставляет желать лучшего. На главном экране представлено описание услуги и находится кнопка «Связаться»:
Пример лендинга компании по монтажу окон
Далее — слайдер с товарами:
Оформление каталога товаров в формате слайдера
Преимущества перечислены в следующем блоке:
Не очень удачное оформление преимуществ компании
В конце располагается форма заявки:
Повторная форма заявки в конце лендинга
Пример 11. Остекление веранд и террас
На первом экране присутствуют название услуги, описание и УТП. Вместо формы заявки — квиз с расчетом стоимости проекта, что часто намного более выигрышно. О преимуществах этого формата и создании посадочных страниц с опросами и тестами читайте в нашей статье про квиз-лендинги.
Пример лендинга компании, занимающейся остеклением веранд и террас
Ниже находится галерея со списком услуг:
Оформление списка услуг в виде портфолио
В конце располагается кнопка для связи с менеджером. Вместо привычной надписи «Связаться» здесь указано целевое действие — «Получить расчет стоимости»:
Слайдер с примерами выполненных проектов и кнопка призыва к действию
Пример 12. Остекление балконов
На главном экране располагаются заголовок, описание услуги и форма заявки:
Пример хорошо оформленного лендинга компании по остеклению балконов
Далее перечислены преимущества компании и гарантии:
Преимущества компании по остеклению
Несколько следующих блоков также призваны убедить пользователя связаться с менеджерами компании. Например, блок с портфолио:
Блок с портфолио
Внизу страницы находится список компаний, с которыми ведется работа, и форма заявки:
Список клиентов и форма заявки
Пример 13. Остекление и отделка балконов
Здесь на главном экране слишком много информации, но все внимание привлекает таймер, фиксирующий время до окончания акции:
Пример лендига компании по остеклению и отделке балконов
Далее идет прайс-лист:
Прайс-лист
В середине лендинга — список преимуществ:
Преимущества компании по остеклению и отделке балконов
В конце находятся форма заявки и призыв к действию:
Пример призыва к действию
Пример 14. Дизайн интерьеров
Отличная иллюстрация того, что эксперименты с лендингом могут зайти слишком далеко. Главная страница сайта выглядит так:
Пример лендинга компании, занимающейся дизайном интерьеров
Понятного здесь мало. После этого сразу же появляется форма заявки, но объяснений тому, что происходит, какая услуга и по какой цене предлагается, все еще нет:
Некорректная форма заявки
Затем пользователь видит портфолио:
Портфолио
Портфолио
Потом снова появляется форма заявки с целевым действием:
Повторная форма заявки
Если такой лендинг и произведет впечатление, то только на самых теплых клиентов. Остальные могут ничего не понять и быстро покинуть сайт.
Пример 15. Монтаж окон
Перед вами простой лендинг с приятным дизайном, который вмещает все самое необходимое. На главном экране — акция и форма заявки:
Пример лендига компании по монтажу окон
Чуть ниже находится блок с преимуществами:
Оформление списка преимуществ
В конце располагается список товаров и форма заявки:
Перечень товаров и форма заявки
Этот лендинг не перегружен, а вся информация на нем представлена наглядно. Пожалуй, это еще один удачный пример, на который мы рекомендуем вам ориентироваться при создании собственной landing page.
18 удивительных примеров целевых страниц, которые сильно преобразуются в 2020 году
Некоторые примеры целевых страниц должны служить предупреждением. Ранее сегодня я искал лучший способ найти билеты на самолет. Я зашел на один из первых сайтов, появившихся в Google — он показался многообещающим…
Но главная страница была ужасного цвета, содержание было неровным и прерывистым, а на моем экране были блоки текста. Я не сразу нашел какую-либо полезную информацию, поэтому вернулся менее чем через две секунды и перешел на следующую страницу.
Мы все делаем это каждый день: интернет-поисковиков безжалостны и беспощадны .
Мы ожидаем, что информация будет быстрой, простой и красивой.
И мы выносим это суждение в мгновение ока.
Целевая страница с высокой конверсией может улучшить или разрушить вашу кампанию.
Целевые страницы— прекрасная возможность дать вашей аудитории то, что они хотят, на золотом блюде, но если вы преподнесете неправильный подарок или сделаете это неправильно, вы потеряете свой шанс.Как предприниматель, вы знаете, что каждый покупатель слишком ценен, чтобы быть одноразовым.
Но вам повезло : мы собрали эти примеры целевых страниц, так что вам не нужно.
Вы должны немедленно утвердить свой авторитет и убедительно и убедительно убедить вас в том, что вы призовете к действию, чтобы привлечь потенциальных клиентов. Люди, посещающие вашу страницу, должны нуждаться в , что вы предлагаете.
В Proof мы все стремимся помочь людям получить больше конверсий с меньшими затратами.Мы считаем, что хороший бизнес должен быть эффективным, честным и выгодным для обеих сторон. Мы видели, как горстка ведущих предпринимателей бросилась на забор и достигла невероятных показателей конверсии с таким отношением.
Мы действительно гордимся ими и очень рады, что стали частью их пути к успеху. Наше исследование показывает, что только 1% веб-сайтов в мире имеют коэффициент конверсии выше 60%.
Сегодня мы рады представить первый раунд членов Conversion Club, элитной группы для 1% самых конвертируемых страниц в мире.Все эти участники имеют коэффициент конверсии более 60%, получили более 100 конверсий и используют Proof на своем сайте.
Мы собираемся взглянуть на то, что они делают с этими примерами целевых страниц, и обнаружим некоторые ключи к их успеху.
18 примеров целевых страниц с поразительным коэффициентом конверсии!
Брендан Бернс из Mastering Instagram: CR 61.88%
Брендан использует свой сайт, чтобы предложить бесплатное онлайн-обучение по созданию подписчиков в Instagram.Он учит компании и влиятельных лиц в социальных сетях, как развивать и монетизировать свои аккаунты в Instagram. Показанный выше пример целевой страницы имеет процент согласия 61,88%. На его сайте:
- минимальный фон, яркие акцентные цвета
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Девин Зандер из приложений SMAR7: CR 92.46%
Девин создал BringTheZander для разработки приложений Shopify, которые помогают пользователям увеличивать продажи своего магазина. У него поразительный коэффициент конверсии — 92,46%, а количество подписчиков на его веб-семинары исчисляется тысячами. На его сайте:
- минимальный фон, яркие акцентные цвета
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Franck Rocca из Propulser: CR 60.5%
Franck специализируется на рекламе в Facebook, чтобы помочь своей аудитории предпринимателей узнать больше об онлайн-торговле. Его класс достиг уровня конверсии 60,5% для более чем 1300 посетителей. На его сайте:
- минимальный фон, яркие акцентные цвета
- Подлинность, показывая фотографию человека
- специальное предложение в правом верхнем углу
Режис Москардини из Оксуа Природа: CR 88.72%
Регис разработал руководство по фотосъемке дикой природы для других фотографов. В прошлом месяце его руководство было загружено несколько сотен раз, а его целевая страница привлекла 88,72% респондентов. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Нейт Морс из RVing Planet: CR 73.31%
Nate помогает людям на рынке нового дома на колесах пройти полный путь от исследования до покупки нового дома на колесах. С помощью этого бесплатного руководства для покупателей он повысил коэффициент конверсии до 73,31%. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Ким Снайдер из Reverse Your Funnel: CR 60.03%
Ким проводит вебинар для малых предприятий, заинтересованных в изучении минимально жизнеспособного маркетинга. Ее коэффициент конверсии 60,03% из рекламы в Facebook намного превышает стандартный для отрасли коэффициент конверсии в 9,21%. На ее странице:
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Трэвис Стивенсон из Уэлтери: CR 68.35%
Трэвис запустил Wealthery, чтобы научить предпринимателей использовать чат-ботов и другие инструменты SaaS на своих веб-семинарах. Его последняя регистрация на буткемпе привлекла 68,35% респондентов. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Брэд Мэй из Tackle Trading: CR 85,43%
Брэд — тренер в Tackle Trading, где он обучает людей тому, как лучше всего торговать и вкладывать свои деньги.Одна из его последних кампаний по регистрации на веб-семинар имела коэффициент конверсии 85,43%. На его сайте:
Аарин Чанг из Honey Bar Media: CR 64.10%
Aarin предлагает агентам по недвижимости продукты, услуги и веб-сайты по маркетингу недвижимости. Ее бесплатный план интернет-маркетинга имеет коэффициент конверсии 64,10%. Возможностей на ее сайте:
- минимальный фон, яркие акцентные цвета
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Ричард Пейти из Funnel Engine: CR 63%
Ричард предлагает вводную целевую страницу для предпринимателей, которые учатся создавать свою первую воронку продаж.Сайт партнерского маркетинга продвигает такие сайты, как Clickfunnels и Samcart, с успешным коэффициентом конверсии 63%. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Тим Хан из Success Insider: CR 77.86%
Тим проводит Success Insider, курс личного развития для предпринимателей, которые стремятся к ускоренному росту, индивидуальным тренингам и эксклюзивному членству.Уровень согласия 77,86% на прошлой неделе принес более 1000 заявок. На его странице:
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Рубен Галлардо Лобато из Aprendamos Marketing: CR 67,54%
Рубен руководит Aprendamos Marketing, фирмой цифрового маркетинга, которая занимается обучением владельцев бизнеса и предпринимателей наиболее эффективным способам расширения их охвата. Он успешно привлек тысячи владельцев регистраций с уровнем регистрации 67.54%. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Мэтт Гартнер, консультант по электронной торговле: CR 75,45%
Matt’s 5 Day Clickfunnels E-Commerce Challenge использует революционную стратегию с Clickfunnels, чтобы помочь предпринимателям и владельцам бизнеса, заинтересованным в электронной коммерции и прямой поставке, как привлечь свою аудиторию для большего количества конверсий.Он получил 75,45% согласия на участие в этом вводном испытании. На его сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Стивен Сомерс из Marketplace Superheroes: CR 66.45%
Стивен помогает предпринимателям узнать, как получить прибыль от бизнес-модели Amazon, и ведет их через процесс создания собственного бренда, продавая продукты с нуля.Его веб-семинар привлек 66,45% регистраций для участия в онлайн-сеансе, и его посетили сотни человек. На его сайте:
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Скотт Бапти из Food for Fitness: CR 62.69%
Скотт руководит Food For Fitness, чтобы дать простые, приятные и реалистичные советы по питанию и фитнесу.Его бесплатная электронная книга рецептов собрала тысячи подписок с коэффициентом конверсии 62,69%. На его сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Роб Уорнер из Invisible PPC: CR 80.89%
Джон помогает растущим агентствам с оплатой за клик научиться привлекать новых клиентов.Веб-семинар, состоящий из трех частей, предлагает 23 стратегии привлечения потенциальных клиентов, которые привлекли сотни посетителей с коэффициентом конверсии 80,89%. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзыв цитата
Айман Низам из Riezthelicious: CR 65.78%
Aiman дает советы и идеи по выпечке кондитерских изделий через онлайн-курсы на Riezthelicious.Форма подписки по электронной почте, предлагающая рецепт пирожного и обучение, привела к коэффициенту конверсии 65,78%. На сайте размещено:
- выступающая кнопка захвата отведения
- отзыв цитата
Релика Шульте из Design Dream Lifestyle: CR 75.75%
Reelika — коуч для других коучей, специализирующийся на обучении женщин разработке собственных пакетов, созданию продуктов с пассивным доходом и настройке воронок продаж с высокой конверсией для запуска бизнеса и достижения успеха с минимальными усилиями.Ее рабочая тетрадь, которую можно бесплатно загрузить, имеет коэффициент конверсии 75,75%. Возможностей на ее сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Что общего у этих целевых страниц?
На первый взгляд, эти высокопроизводительные и высококонвертируемые целевые страницы сильно отличаются друг от друга. Все они предлагают разные вещи в разных секторах десяткам разной аудитории.
Но когда мы начали делать заметки, мы поняли, что они делают то же самое. Поскольку некоторые из этих распространенных практик, вероятно, приводят к безумно высоким коэффициентам конверсии у этих предпринимателей, то в том, что они делают, должна быть ценность. Вот разбивка:
56% самых эффективных целевых страниц, которые конвертируются, использовали яркие акцентные цвета на минимальном фоне.
Blurgroup, служба корпоративного маркетинга, утверждает, что теплые яркие цвета визуально привлекательны. Кажется, что они увеличивают объекты и заставляют их казаться ближе, что является отличной тактикой для небольшого улучшения маркетинга.
Использование цвета для выделения ваших предложений и призыва к действию привлечет вашу аудиторию к лучшему контенту, в то время как минимальный фон сохраняет пространство чистым и доступным. Как сказал да Винчи, «Простота — это высшая изысканность».
39% лучших примеров целевых страниц рекламировали дефицит.
Ограничение предложения для увеличения спроса — основной принцип экономики. Даже если спрос на то, что вы продаете, останется постоянным, дефицит повысит вашу цену.Бриллианты считаются редким предложением с высоким спросом и растущей ценой. Мы все считаем, что бриллианты невероятно редки.
Но все это коренится в маркетинговой уловке De Beers и других крупных алмазных компаний: они позиционировали себя в качестве поставщика высшего уровня на своем рынке, адаптировали свои сообщения для надлежащей элитной аудитории, а затем наблюдали, как вливаются деньги.
У производителей алмазов есть хранилища алмазов, которых мир никогда не видел, потому что все дело в ограничении предложения: до тех пор, пока мы считаем, что существует нехватка, мы будем искать возможность получить то, что хотим, и чувствовать себя невероятно удовлетворенными, когда мы ее находим.Это фантастическая возможность, если вы хотите получить больше конверсий.
45% этих отличных примеров целевых страниц содержали рекомендательные цитаты.
Отзывы являются оригинальным социальным доказательством. Людям нужно видеть, что они не одиноки. Они чувствуют уверенность, когда учатся на опыте других. Простые цитаты на странице (бонусные баллы, если они написаны хорошо известной компанией) направляют потенциальных клиентов к тому, чтобы доверять вам.
Если вы ищете няню, вы, вероятно, лучше наймете любимую, надежную няню своего друга, прежде чем погрузиться в рекламу Craigslist.Вот отличное руководство по отзывам с советами по их легальному и эффективному использованию.
89% лучших целевых страниц имели вид кнопки захвата лида.
Высокоэффективный захват потенциальных клиентов имеет решающее значение для успешной кампании, но мы часто удивляемся, насколько плохо некоторые примеры целевых страниц интегрируют их в свой контент.
Почти во всех этих примерах целевой страницы с высокой конверсией используются четкие, лаконичные сообщения и дизайн, чтобы привлечь аудиторию в этот раздел.И это явно сработало: заметные кнопки захвата лида приводят к астрономическим показателям конверсии.
28% целевых страниц с высокой конверсией использовали всплывающее окно с намерением выхода.
Вы, наверное, уже видели, как на нескольких страницах использовалось всплывающее окно с намерением выхода: как только вы прокручиваете, чтобы закрыть вкладку, или щелкаете назад со страницы, на которой вы находитесь, страница оживает со словами «Эй, подождите !!» сообщение. Есть множество причин, по которым пользователь может покинуть вашу страницу.
Всплывающие окна при выходе дают вам возможность сделать последнюю попытку привлечь ту часть вашей аудитории, которая нуждается в повышении конверсии.Возможно, цена является вашим самым большим противником: вы можете предложить скидку или дополнительное предложение. Что бы вам ни понадобилось, всплывающие окна при выходе дают вам последний шанс привлечь еще несколько конверсий.
89% лучших примеров целевых страниц делают упор на прибыль или выгоду для клиента.
Это проверенный метод: «БЕСПЛАТНО» — отличный способ продавать. Ценная щедрость заставляет клиентов чувствовать себя приоритетными и удовлетворенными. Хотя бесплатный контент не привлечет узконаправленную аудиторию, он привлечет широкую аудиторию, которая содержит вашу цель, а небольшой пример того, что будет в будущем, всегда поможет привлечь платящих клиентов.
И, конечно же, в 100% лучших примеров конверсии целевых страниц использовался один важный метод…
18 из 18 примеров наиболее конверсионных целевых страниц, показанных выше, использовали Proof для оптимизации конверсий на протяжении всей своей кампании. Мы действительно гордимся тем, что делает Proof для развития таких удивительных компаний, как те, которые мы показали выше. Каждая из этих целевых страниц, которые конвертировали, дала коэффициент конверсии более 60%.
Это ваше приглашение присоединиться к нам и повысить свой коэффициент конверсии с сегодняшнего дня: присоединяйтесь к нашему списку рассылки ниже, и вы получите больше замечательных советов по конверсиям и возможность бесплатно попробовать Proof в течение двух недель.И мы хотели бы услышать, что вы думаете после того, как отследите свои результаты.
Ваше место на этой странице? Присоединяйтесь к нашему новому клубу конверсий, если коэффициент конверсии вашей кампании превышает 60%.
А что насчет Proof? Почему бы не попробовать…
Какие еще методы вы используете для оптимизации целевой страницы и достижения заоблачных показателей конверсии? Расскажите нам, что вы думаете, в комментариях.
,Дизайн целевой страницы Вдохновение для вашего следующего макета
Имеет ли значение красота? Что ж, когда дело доходит до дизайна целевой страницы, он определенно может повлиять на восприятие вашего предложения. В конечном итоге, если ваши целевые страницы не выглядят хорошо или не соответствуют рекомендациям, ваши конверсии могут пострадать.
Целевые страницы с хорошим дизайном часто конвертируются лучше, чем плохие, и разница может быть значительной. Если все сделано правильно, дизайн должен поддерживать текст на вашей странице и работать со всеми другими элементами, побуждая посетителей к действию.
Но сначала: каковы некоторые передовые методы проектирования?
Ниже мы собрали множество примеров отличного дизайна целевой страницы от клиентов Unbounce. Но прежде чем поделиться ими, давайте рассмотрим некоторые характеристики, которые мы обычно видим на хороших страницах:
Они сверхфокусированы
Хорошая целевая страница имеет только одну цель: побудить посетителей выполнить одно действие, которое вы хотите, чтобы они сделали, и перерабатывать. Вот почему на многих целевых страницах нет меню или тонны внешних ссылок. — вы хотите, чтобы ваш посетитель выполнил призыв к действию, а не ушел и не отвлекся.
Они продолжают прокрутку до минимума
Было бы здорово включить дополнительную информацию о вашем предложении на страницу, но посетители должны иметь все необходимое, включая кнопку CTA, без прокрутки в течение дней. Хотя длинные целевые страницы могут конвертироваться в случае сложных предложений, рассмотрите возможность использования лайтбоксов для демонстрации дополнительной информации вместо добавления множества разделов страницы.
Они используют релевантные привлекательные визуальные эффекты
Для удивительного дизайна требуются яркие изображения.Независимо от того, насколько технически ваше предложение (см. Пример Panoply ниже), вам нужно что-то, чтобы разбить текст. Ваши изображения должны быть интересными, актуальными и соответствовать вашему бренду. . Они также должны побуждать посетителей сканировать целевую страницу и останавливаться на кнопке CTA.
Они поддерживают единый брендинг
Дизайн вашей целевой страницы должен соответствовать вашему общему виду , чтобы посетители могли мгновенно узнать и связать ее с вашим брендом.Обычно это означает использование той же цветовой схемы и элементов дизайна, что и на вашем обычном веб-сайте. Однако это может быть непросто, потому что целевые страницы должны выглядеть иначе, чем ваш веб-сайт в целом — они, как правило, проще и не включают, например, навигацию. Тем не менее, брендинг и цвета часто остаются прежними.
Они используют шаблоны F или Z
Исследования показывают, что глаза большинства людей перемещаются по веб-сайту по шаблону F или Z . Лучший дизайн целевой страницы обычно учитывает эти закономерности.Например, наличие вертикального визуального элемента слева с заголовком вверху справа и кнопкой CTA немного ниже справа позволяет посетителям следовать шаблону F и в конечном итоге смотреть прямо на ваш CTA.
Не уверены, способствует ли конверсиям ваш текущий дизайн? Попробуйте наш анализатор Unbounce Landing Page Analyzer и посмотрите, как ваша целевая страница оценивается по девяти различным категориям эффективности.Само собой разумеется, что красота — не единственное, что нужно учитывать при оценке дизайна целевой страницы.Вы хотите, чтобы страницы выглядели хорошо, но они также должны конвертироваться. Всегда сочетайте привлекательный внешний вид с некоторыми исследованиями о том, как ведут себя ваши посетители, чтобы создать особенно эффективных страниц.
Вот здесь-то и начинается тестирование. В зависимости от вашей отрасли мы действительно наблюдали невероятно простые и недооцененные страницы, работающие безумно хорошо — никаких изменений дизайна не требуется.
А теперь давайте посмотрим на несколько красивых дизайнов!
Лучшие примеры дизайна посадочных страниц
1.Индокитай
Изображение предоставлено Indochino. (Щелкните изображение, чтобы увидеть полную страницу.)Если вы создаете красивую целевую страницу, это помогает иметь привлекательный продукт, о чем уже рассказала компания Indochino. Страница, созданная с помощью Unbounce, является примером того, как Indochino предлагает не только сшитые на заказ костюмы, но и красивые целевые страницы.
Вот что, по нашему мнению, делает этот дизайн целевой страницы потрясающим:
- Отличные визуальные эффекты : Если у вас есть привлекательный продукт, покажите его.Здесь мы можем увидеть смоделированные костюмы Indochino, а динамическая поза помогает посетителям увидеть, насколько элегантно выглядит продукт в контексте использования.
- Использование места : Не менее важно, что посетители имеют всю необходимую информацию без тонны прокрутки. Кнопка CTA заметна и сфокусирована. Дизайн этой страницы простой и сдержанный, но он выполняет свою работу.
- Фирменный : текст заголовка здесь набран шрифтом, похожим на логотип компании, что помогает создать ощущение единообразия бренда.
Страница, которую мы видим здесь, создана специально для мужчин в Калгари и призвана побудить их к действиям вне сети. (Хорошо, сначала нужно записаться на прием через Интернет, а затем физически посетить новый выставочный зал.) Часть успешного дизайна целевой страницы — это создание предложений, ориентированных на определенную аудиторию, что в Индокитории уже освоено.
Эта целевая страница на самом деле , поэтому адаптирована так, чтобы мелкие детали не имели смысла для тех, кто не живет в Калгари.Вы можете пропустить, например, что Chinook Center — это торговый центр, но эта страница предназначена для тех, кто это уже знает.
2. Зола
Изображение любезно предоставлено Золя. (Щелкните изображение, чтобы увидеть полную страницу.)Если вы работаете в свадебной индустрии, например, в интернет-магазине Zola, вы знаете, что дизайн имеет значение. Приведенный выше пример страницы демонстрирует продуманный дизайн компании, предлагая простую и элегантную целевую страницу для невест и будущих женихов.
Вот что делает страницу Zola привлекательной:
- Единый брендинг : это не сразу видно, если вы впервые посещаете сайт, но бренд Zola использует оттенки голубовато-серого (см. Сердечки на логотипе компании).Фон сохраняет эти цвета, а также обеспечивает отличный контраст для изображений — этому белому свадебному торту нужен контрастный фон, чтобы выделяться.
- Simplicity : Главный сайт электронной коммерции Zola довольно загружен. Если целевая страница включала какую-либо стандартную навигацию, посетители могли отвлекаться, щелкая мышью по ней вместо запуска своего реестра, что и является целью страницы. Сохранение простоты означает, что больше посетителей завершат действие, а не бесцельно блуждают по сайту.Эта страница идеально подходит для направления их платной рекламы, чтобы снизить цену за клик.
3. Lujo
Изображение любезно предоставлено Lujo. (Щелкните изображение, чтобы увидеть полную страницу.)Целевая страница с Z-образным шаблоном, разработанная для Lujo гуру по конверсии в цифровом агентстве KlientBoost, предоставляет массу контекста, но при этом не перегружает. Вы можете возразить, что здесь есть два призыва к действию — покупка коллекции и просмотр видео. Луджо это сходит с рук, потому что видео представлено так незаметно, как продолжение фотографий продукта.Понятно, что самый важный призыв к действию на этой странице — проверка коллекции шезлонгов.
Вот что нам нравится на этой странице:
- Потрясающие (и последовательные) визуальные эффекты : не только отличная фотография продукта, но и поддержка Z-шаблона дизайна целевой страницы, усиливающая посыл бренда. Слоган Луджо — «поставить жизнь на паузу», и все, что касается визуальных эффектов на этой целевой странице, усиливает этот бренд — от шляпы от солнца, покоящейся на видеобоксе, до туфлей и чая со льдом.Дизайн должен работать рука об руку с обменом сообщениями, чтобы текст и изображения объединялись для создания общего ощущения, которое имеет смысл. У Lujo это хорошо получается на этой целевой странице.
- Очевидно USP : Прямо под фотографиями Lujo формулирует — с текстовыми и дизайнерскими элементами — три уникальных преимущества: бесплатная доставка, пятилетняя гарантия и новозеландское мастерство. Поиск способа тонко воплотить эти три идеи в дизайн означает, что посетителю, возможно, не придется продолжать изучение, прежде чем нажимать эту кнопку с призывом к действию — они видят эти основные преимущества, и это может заключить сделку.
4. Panoply
Изображение любезно предоставлено Panoply. (Щелкните изображение, чтобы увидеть полную страницу.)В отличие от некоторых других примеров, инструмент анализа данных Panoply не имеет особо привлекательного продукта, который можно было бы продемонстрировать — я имею в виду, в конце концов, это аналитическое программное обеспечение, а не шикарный костюм. Но целевая страница Panoply (разработанная Directive Consulting) является прекрасным свидетельством того, что дизайн и красота важны даже для технических продуктов и услуг B2B.
Это то, что, по нашему мнению, делает эту целевую страницу красивой (и эффективной):
- Умные визуальные эффекты : Творческая демонстрация пользовательского интерфейса Panoply в тонкой (но ясной) форме — одна из самых больших побед этой целевой страницы. , Интересные визуальные эффекты всегда важны, даже если продукт не подходит для фотографии.
- Социальное доказательство : Включая в первую очередь отраслевые награды и отзыв от GoDaddy — и делая это таким образом, чтобы он соответствовал общему дизайну, — еще один отличный штрих.Посетителю не нужно никуда переходить на целевой странице, чтобы знать, что отраслевые эксперты доверяют Panoply.
5. Daily Harvest
Изображение любезно предоставлено Daily Harvest. (Щелкните изображение, чтобы увидеть полную страницу.)Использование изображений для вызова сильной эмоциональной реакции может быть не проще для любого продукта, чем для еды. (Людям достаточно одного взгляда, чтобы понять, хотят ли они положить что-то в рот.) К счастью, Daily Harvest предлагает великолепную линейку здоровых закусок, и они сделали четкий выбор дизайна, чтобы продемонстрировать это на этой площадке. стр.
Вот что нам нравится на этой странице:
- Анимированные изображения : Daily Harvest было бы легко использовать здесь статичное изображение одного из своих смузи, но бренд пошел еще дальше. Этот анимированный снимок героя очень увлекателен — смузи выглядит так, как будто я мог бы съесть прямо сейчас, если бы не этот чертов компьютерный экран, — а инструкции в формате GIF помогают мне сразу понять, как работает эта служба.
- Примеры продуктов : Остальная часть целевой страницы заполнена множеством прекрасных изображений продуктов.Одно дело сказать мне, что у вас есть огромный каталог питательных угощений, и совсем другое — показать мне реальные примеры блюд, которые я могу заказать после регистрации.
6. Greats
Изображение любезно предоставлено Greats. (Щелкните изображение, чтобы увидеть полную страницу.)Мода — это социальная идентичность, и для брендов важно демонстрировать атрибуты, которые потребители хотят приписывать себе: такие вещи, как подлинность, качество и круто .Эта целевая страница обувного бренда Greats (созданная компанией WITHIN) отлично справляется с задачей создания бренда с помощью дизайна, при этом побуждая посетителей к конверсии.
Вот почему мы думаем, что это (о нет, не говори об этом) «отличный» пример дизайна целевой страницы:
- Удивительное видео : Вся эта целевая страница довольно гладкая, но что действительно выбивает ее о парке — видео чуть ниже сгиба. Мало того, что стиль анимации остановки выглядит потрясающе, он также дает великим шанс подробно рассказать о своем уникальном торговом предложении — по одному стежку за раз.Посмотрите это на YouTube ниже.
- Правило трех : Greats применяет правило трех во всем этом макете, делая заявления о преимуществах визуально поразительными и легко усваиваемыми.
- Для мобильных устройств : эта целевая страница выглядит так же хорошо на мобильных устройствах, как и на компьютерах. Учитывая, что к 2021 году на мобильные устройства, по прогнозам, будет приходиться 54% всех продаж электронной коммерции, как никогда важно, чтобы потребители находились в пути.
7. Unbounce
Изображение предоставлено Unbounce. Эй, это мы! (Щелкните изображение, чтобы увидеть полную страницу.)Если мы действительно так говорим, эта недавняя целевая страница нашего бренда отлично показывает, а не рассказывает. Мы все замедляли работу веб-сайтов и сразу же уходили с них — но что это значит для маркетологов? Конечно, мы могли бы объяснить с помощью кучи текста, но анимация в правой части этой страницы действительно дает понять, почему быстрая загрузка целевых страниц обязательна.Дизайн этой целевой страницы следует эффективному F-образному образцу, и трудно отвести взгляд от падения коэффициента конверсии в анимации.
Вот то, что, на наш взгляд, выглядит здесь отлично:
- Анимация : Время загрузки целевой страницы — не самая простая вещь, которую можно показать на статическом изображении (как мы обнаружили), но это очевидно, если добавить анимацию.
- Визуальная иерархия : Встраивание наиболее важной информации в этой анимации в общий макет F помогает посетителям читать.Анимация — и содержащиеся в ней визуальные элементы — помогают сделать то, что в противном случае могло бы быть довольно скучной целевой страницей, более динамичным и интересным.
- Функции текста : Мы набили эту целевую страницу статистикой, чтобы подтвердить наши утверждения о медленной загрузке страниц, и мы хотим, чтобы эти цифры появлялись, поэтому они часто выделяются жирным шрифтом. Если на целевой странице много текста, разбейте его на отдельные абзацы и выделите важную информацию жирным шрифтом. Это облегчает посетителям сканирование и принятие мер.
В конце концов, когда дело доходит до создания красивых и эффективных целевых страниц, речь идет о сочетании чувства дизайна с пониманием того, как люди ведут себя при просмотре веб-страниц. При разработке своей следующей целевой страницы используйте лучшее из обоих миров, наблюдая за размещением призывов к действию, выбирая фотографии и визуальные эффекты продуктов, балансируя текст заголовка и обеспечивая, чтобы элементы дизайна выглядели хорошо и приводили к конверсиям.
Больше примеров отличных целевых страниц (связанный контент)
Если вы все еще не чувствуете вдохновения после всех этих великолепных примеров, у нас есть еще больше целевых страниц, созданных с помощью Unbounce. (Что мы можем сказать? Наши клиенты действительно хороши в этом .) Взгляните на некоторые из приведенных ниже характеристик:
- Доказательство тому — пудинг. Ознакомьтесь с коэффициентами конверсии, советами инсайдеров и более красивым дизайном, прочитав 12 целевых страниц с высокой конверсией (которые заставят вас пожелать, чтобы вы их создали).
- Все еще не чувствуете? Мы тебя прикрыли. Вы найдете массу вдохновения и новых идей для целевых страниц в книге «Лучшие примеры целевых страниц, которые вы должны сохранить для своего файла Swipe».
- Иногда создание целевых страниц для мобильных кампаний — это совсем другое дело. Вот примеры мобильных целевых страниц, которые просто поразят вас.
- Наконец, если вы продвигаете приложение для iOS или Android, не ищите ничего, кроме этих невероятных примеров целевых страниц для мобильных приложений, прежде чем начать создавать свои собственные.
Что такое целевая страница? Разъяснение целевых страниц
В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это место, где посетитель «приземляется» после того, как он щелкнет ссылку в электронном письме или рекламу из Google, Bing, YouTube, Facebook, Instagram, Twitter или аналогичных сайтов в Интернете.
В отличие от веб-страниц, которые обычно преследуют множество целей и побуждают к изучению, целевые страницы разработаны с единственной целью или целью , известной как призыв к действию (или для краткости CTA).
Именно этот фокус делает целевые страницы лучшим вариантом для повышения коэффициента конверсии ваших маркетинговых кампаний и снижения затрат на привлечение потенциальных клиентов или продажу.
Вот где целевые страницы могут вписаться в вашу маркетинговую воронку:
Как видите, целевая страница существует после того, как потенциальные клиенты в верхней части воронки нажимают ссылку в объявлении, электронном письме или где-либо еще в Интернете. Здесь происходит преобразование (например, покупка, подписка или регистрация).
В. Подождите, а не может ли какая-либо страница быть целевой?
Технически конечно. Этот термин используется, например, в Google Рекламе и Аналитике. Но не все целевые страницы одинаковы. В Unbounce мы используем термин «целевая страница» для описания страницы для конкретной кампании с одним единственным призывом к действию и без навигации по сайту.
Основное различие между домашней страницей и целевой страницей
(или Почему целевые страницы так чертовски хороши в преобразовании)
Ниже у нас есть домашняя страница и целевая страница, расположенные рядом.Видите, на главной странице тонн ссылок , а на целевой странице только и одна ? Это довольно типично.
Хотя на главной странице есть множество потенциальных отвлекающих факторов — вы можете в основном называть их «утечками» вместо ссылок — целевая страница очень сфокусирована. Если на целевой странице будет на меньше ссылок, это повысит конверсию на , так как меньше дразнящих кликабельных ссылок, которые уводят посетителей от призыва к действию. Вот почему опытные маркетологи всегда используют выделенную целевую страницу в качестве места назначения своего трафика.
Конечно, домашняя страница выглядит потрясающе. Он демонстрирует бренд, позволяет людям изучать ассортимент продуктов и предлагает дополнительную информацию о компании и ее ценностях. Отсюда посетитель может отправиться куда угодно — подать заявку на работу, прочитать пресс-релизы, ознакомиться с условиями обслуживания, опубликовать сообщение на досках сообщества и т. Д.
Но он не обязательно совершит покупку. И в этом суть.
Целевая страница этого клиента служит совершенно другой цели. В сочетании с супер пятно объявлений, продвигающих один предложение, все об этом упорно трудится, чтобы превратить эти посетителей в клиентов .Он лучше конвертирует трафик, который уже получает бренд. В этом сила целевых страниц!
Есть еще вопросы по целевым страницам?
Мы слышим тебя. Вот три вопроса, которые нам часто задают:
1. Что мне нужно включить на свои целевые страницы?
2. У меня есть целевая страница, но как мне узнать, насколько она хороша?
3. Как лучше всего начать создание целевой страницы?
В.Почему бы просто не платить за увеличение трафика?
Запуск рекламы или рассылки по электронной почте обходится дорого, а поисковая оптимизация может занять очень много времени. Используя целевые страницы, вы на конвертируете больше ваших существующих посетителей и еще больше расширите эти важнейшие ресурсы (мы имеем в виду деньги и время).
Типы целевых страниц
Вы увидите много вариантов, в зависимости от специфики бизнеса, но на самом деле существует две типичных целевой страницы (определяемых их целями):
Целевые страницы для привлечения потенциальных клиентов : Также называемые страницами «лидогенерация» или «захват лидов», они используют форму в качестве призыва к действию.Эта форма почти всегда собирает данные о потенциальных клиентах, такие как имена и адреса электронной почты посетителей. (Вы можете прочитать некоторые стратегии генерации лидов, сертифицированные экспертами).
B2B-маркетологи и компании, продающие дорогостоящие товары, используют этот тип целевой страницы для создания списка потенциальных клиентов. Иногда они предлагают что-то бесплатное, например электронную книгу или веб-семинар, в обмен на контактную информацию. Бренды электронной коммерции также могут использовать эти страницы для создания списков, предлагать бесплатную доставку или специальные предложения.
Целевые страницы для перехода по ссылкам: Часто используемые маркетологами электронной коммерции и SaaS (программное обеспечение как услуга), страницы с переходом по клику идут прямо для продажи или подписки.Обычно у них есть простая кнопка в качестве призыва к действию, которая отправляет посетителя в процесс оформления заказа (например, в магазин приложений) или завершает транзакцию.
Привлечение трафика на целевые страницы
Чтобы ваша целевая страница работала, вам нужно будет заполнить эту воронку посетителями. К счастью, у вас есть много вариантов. Давайте рассмотрим некоторые из наиболее распространенных источников трафика на целевые страницы.
Платный поисковый трафик
Большинство поисковых систем включают платную рекламу.Когда кто-то что-то ищет (скажем, «клуб сыра месяца»), эти объявления отображаются четко, но не слишком четко, в результатах поиска. Вот типичный пример из Google:
В отличие от других результатов на странице, объявлений с оплатой за клик подготовлены и оплачены маркетологами. Кто-то, кто щелкает, будет восхищен вашей очаровательной копией (а иногда и вашими визуальными эффектами). И вы, вероятно, выбрали для них таргетинг на основе их поискового запроса, демографических данных или интересов, выявленных их историей просмотров.
Важно отметить, что когда вы создаете объявление, вы можете выбрать, куда ссылка приведет вашего посетителя. Да, вы можете отправить их на свою домашнюю страницу. Но, как мы рассмотрим ниже, гораздо лучше создать отдельную целевую страницу, которая соответствует тексту вашего объявления и предлагает четкий призыв к действию .
Платный социальный трафик
Размещение рекламы на сайтах социальных сетей, таких как Facebook, Instagram, Twitter или LinkedIn, — отличный способ нацелить на людей и сообщества, которые будут особенно заинтересованы в вашем бренде, независимо от того, присутствуют ли они на рынке все же.
Вместо людей, которые ищут «клуб сыра месяца», вы можете рекламировать людей, которые добавили «признательность за сыр» в свой список интересов в своем профиле Facebook. Прелесть в том, что вы можете связаться с клиентами до того, как они начнут искать ваш продукт — или до того, как они захотят его!
Помимо расширенных функций таргетинга, каждый социальный канал имеет свои особенности. Instagram, например, хорошо работает для продуктов и брендов стиля жизни с сильной визуальной привлекательностью.С другой стороны, рекламодатели B2B предпочитают использовать LinkedIn для привлечения профессионалов, работающих в определенных отраслях.
Электронные кампании
Электронная почта часто рекламируется как наиболее эффективный маркетинговый канал из-за ее огромного охвата (и низкой стоимости) по сравнению с другими платформами. Согласно исследованию Radicati Group, проведенному в 2018 году, к 2022 году количество пользователей электронной почты будет составлять 4,2 миллиарда. Это больше половины нашей планеты!
Мощная комбинация электронных писем и целевых страниц может использоваться как для развития существующих отношений с клиентами, так и для приобретения новых.После создания списка контактов ваше тщательно составленное электронное письмо позволяет вам заинтересовать читателей своим предложением, в то время как целевая страница заполняет детали и направляет посетителей к призыву к действию.
Органический поисковый трафик
Термин «органический трафик» относится к любым посетителям, которые приходят из неоплачиваемого источника, например из нижней части результатов поиска Google или Bing (SERP). Создавая убедительный, законно полезный контент на своем веб-сайте или целевых страницах, вы можете гарантировать, что ваша компания будет чаще появляться в связанных поисковых запросах.Чем выше рейтинг вашего контента, тем лучше.
Однако называть это «неоплачиваемым» несколько вводит в заблуждение. Это не значит, что на ранжирование не вкладываются время и деньги. (Если только!) Существует целая область профессионалов, которые стремятся выжать как можно больше органического трафика из Google за счет баланса тщательной стратегии, технических ноу-хау и великолепного создания контента. В двух словах, это поисковая оптимизация (SEO). (Подробнее о SEO для целевых страниц здесь.)
Q.Есть ли другие каналы, по которым работают лендинги?
Невозможно охватить все случаи использования, которые мы видели. Например, вы можете запускать нативную рекламу во время подкаста, или создавать интерактивные викторины, или запускать традиционные печатные объявления с QR-кодами. Независимо от того, как вы заполняете верхнюю часть своей воронки, целевая страница поможет вам максимально использовать ее.
Почему бы не узнать немного больше?
Эй, вы поняли основы. Теперь, когда мы знаем, что такое целевая страница, давайте рассмотрим пять ключевых элементов, которые должна иметь каждая целевая страница с высокой конверсией.
.21 отличный пример целевой страницы (+ как сделать свою собственную!)
Это сообщение в блоге было обновлено для 2020 года.
Что такое целевые страницы? Целевая страница — это страница, на которую посетитель попадает на ваш веб-сайт после нажатия на объявление (например, текстовое объявление Google или медийное объявление). Неопытные маркетологи часто направляют весь свой PPC-трафик на свою домашнюю страницу, но это может быть большой ошибкой. Конкретные целевые страницы, адаптированные к различным предложениям, необходимы для обеспечения качественного обслуживания посетителей и повышения конверсии с помощью целевого сообщения, которое соответствует потребностям каждого пользователя.
Но не стоит просто проверять полученные рекомендации по целевым страницам. Что делает отличной целевой страницей ? Как сделать отличные целевые страницы с выдающимися показателями конверсии? Мы расскажем, что вам нужно знать, чтобы это произошло.
Перед построением целевой страницы
Перед созданием целевой страницы сначала спросите себя…
1. Какова цель? В идеальном мире, что бы делали посетители, достигнув вашей целевой страницы? Купят ли они что-нибудь? Заполнить форму? Подпишитесь на рассылку новостей? Скачать электронную книгу? Откинуть в сторону их клавиатуру, зажать губную гармошку и сыграть сладкий блюзовый рифт? Первый шаг любой стратегии — определение целей.(Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)
2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и последовать их примеру. Они будут вам благодарны (хотя это не обещание…)!
Вы можете попробовать Кирби. Можешь попробовать.
3. Кто моя аудитория? А каковы их надежды, мечты и стремления? Как бы глупо это ни звучало, в некоторой степени это правда — чем лучше вы понимаете свою аудиторию, тем лучше вы можете удовлетворить их желания и потребности. Если вы не знаете, кто ваши идеальные клиенты, будет очень сложно написать убедительную копию в голосе клиента. Так что займись своей аудиторией в стиле Ганнибала Лектера.
4. Как они попали на мою целевую страницу? Подумайте о том, чтобы изменить свое сообщение в зависимости от того, откуда приходят ваши пользователи — для пользователей, перешедших на вашу целевую страницу из Google, может подойти другое сообщение.из Twitter или Facebook. Компании с большим количеством целевых страниц (30+) привлекают в 7 раз больше потенциальных клиентов, чем компании с небольшим количеством, поэтому их ценность нельзя отрицать. В идеале вам нужна индивидуальная целевая страница для каждой группы объявлений, но это довольно сложная задача, поэтому начните с того, где можете. Попробуйте начать с одной настраиваемой целевой страницы для каждой кампании и добавлять оттуда для отдельных групп объявлений, когда позволяют ресурсы.
Как сделать отличные целевые страницы, конвертирующие
Теперь, когда мы рассмотрели основные вопросы перед целевой страницей, давайте обсудим, как сделать потрясающих убедительных целевых страниц.Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Head to Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.
Отличные целевые страницы…
Короткие, милые и лаконичные. Целевая страница должна предлагать всю необходимую информацию, но не настолько, чтобы ошеломлять (и, как следствие, отпугивать) посетителя. Предоставьте важную информацию, которая заинтересует вашу аудиторию, и не более того (посмотрите этот пост, чтобы получить вдохновение для целевой страницы).
Предоставляйте высококачественный контент, вызывающий доверие. Мы только что обсудили, как вы не хотите задушить посетителей информацией, но это не значит, что вы должны экономить на своем контенте — напротив, предоставляйте богатый и полезный контент, если он актуален. Хороший, уверенный контент вызывает доверие.
Все дороги ведут в Рим. Отличные целевые страницы внимательно отслеживают все пути входа и выхода на их страницу. Важно ограничить количество точек выхода (в данном случае гиперссылок), покидающих вашу страницу.Цель состоит в том, чтобы направить посетителей по желаемому пути, и если ссылки служат отправной точкой воронки, их следует использовать с осторожностью.
Другой, более вкусный вид воронки. (Изображение из Holder Concessions )
Сделайте преобразование простым. Цель состоит в том, чтобы максимально упростить конверсию посетителей, обеспечивая минимальное расстояние и минимальное количество препятствий между точками A и B. Следующий шаг всегда должен быть очевиден.Эта стратегия варьируется в зависимости от желаемой конверсии. Если это отправка формы, сделайте ее неотразимой конфеткой. Если он загружается, сделайте кнопку, на которую нужно нажимать.
Имеют безупречный дизайн. Информационная архитектура здесь играет важную роль, так как важно, чтобы целевая страница имела ясный, четкий дизайн, который дает ответы на все вопросы, не вдохновляя на новые. Навигация должна быть очевидной и простой, должна быть предоставлена вся необходимая информация, и между посетителем и конверсией не должно быть ничего (иначе говоря, никаких всплывающих окон!). По возможности посетители должны иметь возможность конвертировать в один клик.Пусть каждый дополнительный щелчок будет давить на вашу совесть, как бьющееся сердце под половицей.
Очень крутая иллюстрация Tell-Tale Heart от Daniel Horowitz .
Имейте четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (например, «отправить» или «загрузить бесплатное маркетинговое руководство»). Не должно быть никаких вопросов относительно того, какие дальнейшие шаги необходимы — скажите вашим посетителям, что именно вы хотите, чтобы они сделали, большим жирным шрифтом.Для Kajabi изменение текста кнопки с «Посмотреть планы и цены» на «Начать работу сегодня» увеличило конверсию на 252%!
Создавайте привлекательные заголовки. Большинство хороших целевых страниц используют основной заголовок для подтверждения предложения и используют подзаголовок для дополнительных объяснений или ценностного предложения (например, почему ваше предложение потрясающее). Примером может быть: «Бесплатная электронная книга по маркетингу в Facebook (заголовок). Узнайте, как получить больше подписчиков, лайков и вовлеченности в Facebook от наших гуру маркетинга (подзаголовок).В приведенных ниже примерах вы увидите множество отличных заголовков целевых страниц, и вы увидите, что некоторые их инвертируют, так что ценностное предложение становится заголовком.
Содержит привлекательную копию. Kiss Metrics предлагает использовать определенные «гипнотические» слова входящим посетителям. Использование слова «вы» заставляет посетителей воспринимать вашу копию как личную и позволяет вести интимную беседу. Слово «воображать» побуждает читателей визуализировать использование вашего продукта и усиливает желание. Включение слова «потому что» объясняет посетителям, почему они должны предпринять определенные действия.Попробуйте эти умопомрачительные слова на своей целевой странице.
Сделайте это о посетителе. Не надоедайте посетителю, слишком много рассказывая о себе (это правило применимо ко многим сферам жизни). По правде говоря, посетителей не волнуют ваши цели или стремления. Они ищут только №1. Продемонстрируйте , что вы можете сделать для них и как вы можете улучшить их жизнь. В конце концов, мы эгоистичные создания.
При необходимости используйте видео. Целевые страницы с видео могут сделать сложные продукты более доступными и в то же время развлечь ваших посетителей.
Отличное предложение. Самый простой способ получить конверсию — просто сделать невероятное предложение. Убедитесь, что ваше предложение достаточно заманчиво для пользователей и что они действительно этого хотят. Расскажите, почему ваше предложение круто, и готово.
Легко сканировать с первого взгляда. Крайне важно, чтобы посетители могли уловить суть вашего предложения с первого взгляда. По оценкам, у вас есть около 8 секунд, чтобы убедить пользователей остаться на вашей странице, поэтому ценностное предложение должно быть быстрым и убедительным.При создании целевой страницы упростите сканирование, выделив основную мысль в заголовке, используя подзаголовки и маркеры для дополнительной информации. Используйте шрифты и цвета для обозначения иерархии информации. Как отмечает Якоб Нильсен, посетители вашей страницы — дикие, обезумевшие животные, которые ищут быстрой еды, так что подавайте ее быстро!
Содержите актуальные качественные изображения. Яркие, привлекательные изображения делают страницу более привлекательной и удобнее для пользователей. Подумайте о добавлении визуальных подсказок, которые подсказывают посетителю, что им делать дальше.Вы можете пойти очевидным путем со стрелками или попробовать что-нибудь более тонкое, например, сделать яркую кнопку центром внимания на странице.
Выглядят великолепно и ведут себя стильно. Внешний вид — это еще не все, но он имеет значение в дизайне целевой страницы. Почему привлекательный мужчина может поладить с женщиной, используя ту же формулу, которая может назвать менее эстетичного парня «ползучим»? На самом деле, несмотря на то, чему мы учим детей, внешний вид меняет восприятие. Ваша целевая страница не должна выглядеть жутко, она должна выглядеть супер классно.Если посетитель — цыпочка в баре, вы хотите поразить ее и отвезти домой … для увлекательной игры в Scrabble!
Соответствует тексту объявления. Хорошие целевые страницы используют те же ключевые слова из текста объявления PPC — связь должна быть очевидной, а непрерывность убеждает посетителей в том, что они на правильном пути. Не отправляйте никого на страницу о палатках, если в вашем объявлении были спальные мешки. И не отправляйте их на общую страницу и не заставляйте их искать продукт, который они искали.
Спрашивайте только ту информацию, которая им нужна. Чем больше полей вы просите посетителей заполнить в вашей форме, тем меньше у вас шансов, что они заполнили ваше предложение. Если для вашего преобразования требуется форма, получите минимум того, что вам нужно — вы всегда можете запросить дополнительную информацию на странице благодарности, как только дело будет сделано. Хотя у большинства пользователей нет проблем с указанием своего имени и адреса электронной почты, запрос информации о номерах телефонов и дате рождения может привести к тому, что процент отказа от них вырастет до 50%.Практическое правило — не включать более семи полей в форму для генерации лидов на целевой странице.
Используйте цвет в своих интересах. Любой студент, изучающий искусство, может объяснить силу цвета в изменении человеческого восприятия. Пикассо не прошел через синюю фазу, потому что он был таким беспечным парнем.
Похоже ли это на картину, написанную кем-то, кто любит жизнь?
В книгах по дизайну интерьера часто предлагаются разные цвета для разных комнат и настроений — бодрящий красный для столовой, вдохновляющий на динамичный разговор, желтый для веселой, непринужденной кухни.Та же теория цвета должна быть реализована в дизайне вашего сайта. Многие маркетологи утверждают, что определенные цвета кнопок, такие как зеленый или красный, увеличивают конверсию целевой страницы, но в конечном итоге вы хотите сосредоточиться на контрасте цвета кнопки по сравнению с цветом фона. У Пола Олислагера есть хорошее руководство по кнопкам CTA, которое стоит проверить. Попробуйте разные цвета, места размещения и размеры, чтобы увидеть, что работает!
Имеют интерактивные кнопки обмена. Многие люди более чем рады опубликовать информацию о недавней покупке или поделиться ресурсом, который они сочли полезным.Добавление кнопок общего доступа увеличивает ваши шансы на распространение вашего контента в социальном пространстве, а на отличных целевых страницах эти кнопки широко используются. Также разумно добавить кнопки социальных сетей на страницу благодарности, поскольку пользователи с большей вероятностью поделятся вашим отличным предложением с другими после того, как они сами зарегистрируются. В качестве дополнительного бонуса показ ваших «лайков» и подписок также может служить подтверждением из уст в уста.
Показать восторженные отзывы. Молва была и всегда будет движущей силой успеха.Виртуальная молва приходит в виде лайков, +1 и отзывов клиентов в Интернете (желательно из надежных источников, таких как крупные бренды). Если ваша компания в прошлом получала блестящие комплименты, не забудьте продемонстрировать их.
Удобны для мобильных устройств. Наличие сайта, который хорошо работает с мобильными устройствами, может удвоить ваши конверсии. Если вы хотите узнать больше, ознакомьтесь с нашим руководством по созданию веб-сайтов, удобных для мобильных устройств.
В продолжение страницы с благодарностью. Страница благодарности — отличный способ направить посетителей к другим связанным материалам на вашем веб-сайте, которые могут быть им интересны. Добавление этой дополнительной информации на исходной целевой странице отвлекало бы и могло отвлечь посетителей от совершения конверсии. , Однако теперь, когда вы заключили сделку, страница с благодарностью — идеальное место для предложения сопутствующих товаров, руководств и информации, которые могут оказаться полезными для вашей аудитории, или ссылок на другие разделы вашего сайта, например блог вашей компании.
Широковещательные сигналы доверия. Знаки доверия, такие как логотипы известных компаний, с которыми вы ведете дела, награды, которые вы получили, и ассоциации, членами которых вы являетесь, укрепляют доверие в сознании посетителя. Хорошая целевая страница делает все возможное, чтобы успокоить и успокоить посетителей, чтобы они могли уверенно совершить конверсию.
Быстрые, как Феррари. Скорость очень важна, так как время загрузки имеет огромное влияние на показатель отказов.Отличная целевая страница построена как пуля, так что возьмите секундомер и заставьте целевую страницу двигаться быстрее. Сократите время загрузки, не увеличивая размеры файлов изображений, используя инструменты кеширования и быстрый веб-хостинг (некоторые из них намного быстрее, чем другие).
Фото Джейсон Голдинг
Пройдено много раундов A / B-тестирования. Тестирование и исправление — это то, как мы учимся и становимся лучше.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и проверка их эффективности по сравнению с предыдущей настройкой), вероятно, является самым мощным инструментом для создания отличных целевых страниц. Не уверен, где начать? «Сигнал против шума» — прекрасный пример хорошего A / B-тестирования, который легко читать. Всегда есть вещи, которые можно улучшить, поэтому никогда не прекращайте тестирование!
Относитесь к посетителям как к диким животным. Звучит безумно, но это правда — посетители вашей страницы — обезумевшие существа, ищущие быстрой и легкой еды.Ключевым моментом является то, чтобы вашу страницу было легко сканировать, указав главное в заголовке, используя подзаголовки, маркеры, различные шрифты и цвета для обозначения иерархии информации.
Включите отслеживание конверсий. В WordStream мы много говорим о важности отслеживания конверсий, и это один из лучших методов, который мы пропагандируем в нашем новом модуле оценки целевой страницы. Убедитесь, что вы правильно настроены, чтобы отслеживать эффективность ваших страниц. В противном случае вы будете тратить деньги в темноте.
21 пример отличных посадочных страниц
У нас есть несколько примеров отличных целевых страниц, чтобы лучше проиллюстрировать, почему успешная целевая страница способствует конверсиям.
Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим пользовательским контентом Facebook. Посмотрим, что здесь хорошо выглядит.
- Яркие цвета, хорошо сочетающиеся друг с другом
- Эта страница чистая и не загромождена минимальным количеством текста, но все же объясняет ценностное предложение
- Содержит интерактивное видео для более подробного объяснения Short Stack
Прочтите этот пост, чтобы получить более подробные советы по целевым страницам Facebook.
Gift Rocket — еще один сайт с хорошей целевой страницей. Что делает Gift Rocket правильно?
- Сильный графический элемент привлекает внимание Заголовок
- в нескольких словах объясняет, что такое Gift Rocket.
- Небольшие маркированные фрагменты информации под заголовком можно легко сканировать
- Кнопка CTA ясна и удобна для нажатия
- Наличие кнопок соцсетей
- Дополнительную информацию можно найти, прокрутив страницу под сгибом
- Сигналы доверия и отзывы существуют ниже сгиба
Kiss Metrics имеет настраиваемую целевую страницу для посетителей, интересующихся набором маркетинговых инструментов.Что здесь работает?
- Четкий заголовок, объясняющий коммерческое и ценностное предложение
- Минималистичная форма, запрашивающая только адрес электронной почты
- Яркая красочная кнопка
- Множество сигналов доверия
Social Sprout (представленный в нашем руководстве по инструментам управления социальными сетями) — еще один пример мощной целевой страницы. В нем есть несколько элементов, которые действительно работают в его пользу, например:
- Сильный заголовок, объясняющий, что такое Social Sprout, без всякой ерунды.
- Визуально привлекательный дизайн, подчеркивающий эстетику самого программного обеспечения с помощью снимков экрана
- Отзывы в нижней зеленой полосе
- Зеленая пробная кнопка расположена по центру и доминирует на странице, с привлекательным CTA и пометкой «кредитная карта не требуется» под кнопкой для дополнительного поощрения
С программным обеспечением, аналогичным Social Sprout, HootSuite — это еще один веб-сайт с хорошей целевой страницей, хотя и использует другой подход.Это хорошо работает, потому что это:
- Обеспечивает возможность входа в HootSuite из других доверенных сетей, что означает, что посетителям не нужно заполнять столько полей формы, поскольку большая часть информации предоставляется при входе в систему
- Указывает на бесплатное использование программного обеспечения для начала работы с
- У него очень очевидные и заметные свидетельства доверия и отзывы
Pinterest отличается тем, что они не тратят много времени на объяснение того, что такое Pinterest, поскольку могут предположить, что большинство людей уже слышали о них.Вместо этого при каждом посещении сайта отображается другой пример ценности Pinterest с более широким объяснением Pinterest (найти и сохранить все, что вас вдохновляет), которое находится под основным заголовком. Что здесь делает Pinterest?
- Легко начать — просто нажмите одну из двух кнопок
- Pinterest подчеркивает, насколько легко зарегистрироваться, говоря, что это занимает всего 45 секунд
- Использует базу пользователей как фактор доверия. Любой сайт с более чем 25 миллиардами элементов пользовательского контента должен что-то делать правильно
Airbnb позволяет легко снимать дома или комнаты у людей со всего мира в условиях все более ориентированной на акции экономики.Что здесь хорошо смотрится?
- Очаровательные фотографии, которые сразу же вызывают у посетителей желание путешествовать
- Короткие и простые формы ввода, позволяющие посетителям сразу находить места для проживания
- На этой странице мало что происходит, кроме функции поиска места назначения / отметки на рейс, поэтому посетители не потеряются и не будут перегружены.
Lyft — альтернатива Uber для совместного использования пассажиров.
- Заметно выделяется конкретными цифрами в заголовке, к которым естественным образом обращается взгляд
- Использует схему дизайна с F-образным рисунком, чтобы привлечь посетителей сайта в нижнюю часть страницы, где они могут конвертировать.
- Не перегружает посетителей сайта слишком большим количеством копий
- Кнопка CTA четко выделяется на однотонном фоне
Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.
- Облегчает преобразование super — все, что требуется, — это адрес электронной почты
- Кнопка CTA гарантирует посетителю сайта, что конверсия не будет стоить ему денег
- Хотя копии немного, она отправляет очень заманчивое сообщение
LeanBox продает интеллектуальные холодильники для рабочих мест, которые используют машинное обучение, чтобы определять, какие товары больше всего нравятся сотрудникам.
- Кратко обращается к общей болевой точке в заголовке
- Короткое анимационное видео дает посетителям сайта увлекательный способ узнать больше
- Цитата из общенациональной газеты является убедительным социальным доказательством Форма
- не слишком длинная, поэтому преобразовать
Wix помогает как частным лицам, так и компаниям создавать простые и красивые веб-сайты.
- Минимальная копия позволяет невероятно легко понять, что предлагает Wix
- Посетителям сайта не нужно предоставлять какую-либо информацию, чтобы начать работу
- Кнопка CTA находится по центру и отчетливо окрашена
- Пример встроенной целевой страницы позволяет посетителям сайта представить, что они могут создать
Blue Apron — это служба подписки на питание, которая доставляет ингредиенты прямо к дверям потребителей.
- Заголовок посвящен распространенной проблеме отсутствия времени, необходимого для приготовления хорошей еды
- Кнопка CTA предлагает конкретную скидку, а копия прямо под ней создает дефицит
- Таблички справа и слева от кнопки CTA привлекают посетителей возможностями
- Нижняя половина страницы демонстрирует простоту процесса
Flock — это приложение, которое упрощает общение между сотрудниками, работающими в одной компании.
- Заголовок подчеркивает необходимость централизованного и эффективного общения на рабочем месте \ Подзаголовок
- подчеркивает разнообразные функции, доступные в приложении
- С одним информационным полем преобразование не может быть проще
Squarespace, как и Wix, помогает частным лицам и компаниям создавать веб-сайты.
- Изящный креативный дизайн и минимальное количество копий для очень приятного визуального восприятия
- Заголовок устанавливает авторитет в отрасли
- Посетителям сайта не нужно предоставлять какую-либо информацию перед началом работы
- Пример встроенного веб-сайта приглашает посетителей представить собственные возможности
Shopify продает программное решение, которое помогает частным лицам и компаниям создавать интернет-магазины для своих веб-сайтов.
- Заголовок и подзаголовок кратко и точно соответствуют намерениям посетителя сайта
- Визуальный креатив показывает 1) что покупатели Shopify могут создавать и 2) что магазины Shopify работают на всех устройствах
- Относительно долгий период бесплатного пробного периода заманчиво
- Для запуска процесса требуется только адрес электронной почты
Trendy Butler — это служба подписки на одежду, которая использует машинное обучение для индивидуализации гардероба потребителей.
- Заголовок выделяет специальное предложение
- F-образный узор направляет взгляд посетителя на кнопку с призывом к действию Подзаголовок
- подчеркивает проблему, которую решает Trendy Butler
- Информация не требуется, чтобы начать работу
Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.
- Заголовок подчеркивает чувство собственного достоинства посетителя сайта
- Subhead гарантирует удобство по запросу, необходимое потребителям.
- Минимальная копия позволяет использовать изображения продуктов для обмена сообщениями
- Невероятно легко преобразовать
Exact Data представляет собой программное решение, которое хранит маркетинговые данные предприятий в централизованных местах.
- Обратный отсчет до окончания действия специального предложения создает ощущение срочности
- Самая заметная часть заголовка отражает то, что ищет посетитель сайта
- Резкий контраст между цветом фона и цветом кнопки CTA
- Форма не требует много информации
Smart Sheet помогает частным лицам и компаниям добиться максимальной эффективности с помощью программного решения для планирования.
- Заголовок сразу обращается к цели посетителя сайта
- Для запуска бесплатной пробной версии требуется только адрес электронной почты
- Статистика клиентов и логотипы служат убедительным социальным доказательством
Bloomsy Box — это служба подписки для дома и сада, которая доставляет собранные вручную цветы к дверям потребителей.
- Великолепная фоновая фотография вызывает у посетителя покупательское настроение
- Подзаголовок посвящен спросу на устойчивые решения
- Обеспечивает экономящую время вторую кнопку CTA для тех, кто пытается купить подарок
