Примеры Лендинг пейдж | Примеры одностраничных сайтов
Гармоничный дизайн, понятная и логичная структура, полезная информация, написанная доступным языком — вот что отличает крутой лендинг от обычного. Если ваша цель завоевать доверие читателя, “зацепить” его своей компетентностью и заинтересовать акциями и бонусами, рекомендуем изучить примеры работ на нашем сайте. Вы поймете, как выглядит хороший landing page и какой должна быть его структура.
Мы предлагаем взглянуть на самые разные примеры — красивые и не очень, чтобы вы понимали по каким законам строится работа с продающей страницей. На этих примерах одностраничного сайта вы узнаете, как правильно подать и продать тот или иной товар или услугу, получить лучшую конверсию, даже если ниша перенасыщена предложениями.
В примерах лендинг сайтов вы увидите, как грамотная работа маркетолога, специалиста по текстам и визуальному оформлению превратили сухую информацию о фирме и ее услугах в привлекательный продукт.
Любой сайт можно сравнить с яркой подарочной упаковкой, в которую вы “заворачиваете” бизнес: бренд и услуги. От привлекательности обертки зависит заинтересованность клиента и число заявок. Выберите удачную обертку, которая точно заинтересует аудиторию, и наполните ее качественным содержанием.
Конечно, такую страницу создать не просто, если вы новичок в дизайне и копирайтинге. В этом случае, советуем обратиться к профессионалам, чтобы результат работы отвечал не только вашим представлениям о продающей странице, но и действительно привлекал читателей.
Если в этом разделе вы пока не нашли примеры страниц по вашей тематике, не расстраивайтесь. Мы планируем регулярно обновлять примеры, чтобы охватить все многообразие сфер бизнеса, которым могут понадобиться лендинги для продвижения в сети. Наша цель — чтобы вы увидели и поняли, как можно интересно и выигрышно рассказать о преимуществах фирмы и побудить потенциальных клиентов оставить заявку на сайте.
Примеры дизайна лендингов — 10 примеров необычного дизайна лендингов
Лендинг — сайт, в котором всего одна страница. Такие ресурсы часто используются небольшими компаниями, которые презентуют определенный товар или создают сайт-визитку. В этой статье мы приведем 10 примеров вдохновляющего дизайна лендингов и разберемся, какие элементы лендинга могут стать эффективным инструментом для продаж.
Отличительные особенности лендингов
Прежде чем разбирать примеры лендингов, рассмотрим, какими отличительными особенностями обладают данные сайты:
- Лендинг, как правило, одностраничный сайт. На ресурсе могут быть несколько разделов, но все они расположены на одном макете.
- Лендинги обычно посвящены продаже конкретного товара или услуги, презентации продукта, мероприятия. Иногда лендинги делают для описания компании (которое ограничивается только одной страницей). Таким образом, данный ресурс предназначен только для одного целевого действия — продажи, подписки на рассылку, регистрации на мероприятие и прочее.
- Также одной из отличительных особенностей лендингов является выделенный блок с призывом к действию или веб-формой для заполнения контактных данных.
Подробнее о лендингах и их отличиях от остальных сайтов мы говорили в нашем блоге.
Примеры лендингов для вдохновения
Иногда дизайнеры не хотят следовать стандартным приемам при разработке дизайна сайтов и создают ресурсы, отличающиеся необычными подходами и эффектами. В дизайне лендингов также существуют определенные стандарты: блоки с отзывами клиентов, яркие призывы к действию и веб-формы, описание преимуществ с помощью иконок и прочее. Однако, использование креативных решений может существенно выделить компанию среди конкурентов и повысить узнаваемость компании. Рассмотрим некоторые
Плоский дизайн
Для начала рассмотрим, как стандартные решения можно представить современно и стильно. На примере представлен лендинг в стиле flat-дизайн
Плоский дизайн в дизайне лендингов — способ эффектно представить компанию и выделиться стильным и современным дизайном. Отличительные особенности данного направления — плоские иллюстрации, тщательно подобранная типографика и цветовая гамма (обычно предпочитают чистые цвета), стильные изображения. Несмотря на то, что на примере используются стандартные блоки (преимущества, отзывы клиентов), дизайн в стиле flat делает лендинг «свежим» и интересным.
Минимализм
Еще одно популярное направление в веб-дизайне, которое может эффектно представить товар с помощью лендинга — минимализм.
На примере представлен интернет-магазин растений. Структура макета весьма проста — это привычный главный экран с названием магазина, блок с карточками товаров, блок «О компании» и превью статей для блога. Дизайн блоков выполнен в светлых тонах, есть зеленые акценты на изображениях растений. Страница составляет единую концепцию, запоминается, выглядит свежей и интересной.
Большие изображения
Большие и красочные фотографии — еще один способ подать информацию о компании и привлечь внимание клиента.
Яркие элементы
Визуализировать желания и потребности клиента можно с помощью ярких элементов, иллюстраций, изображений. Так делают дизайнеры на следующем примере:
Яркая цветовая гамма, цветные акценты — с помощью таких элементов можно привлекать внимание пользователя к нужной информации, создавать особую атмосферу на сайте.
Иллюстрации
Отличный способ сделать сайт действительно уникальным — создать иллюстрации под конкретный проект. Это позволит выделиться среди конкурентов в смежных тематиках, повысит узнаваемость бренда (особенно если похожие иллюстрации используются в фирменном стиле).
При использовании иллюстраций в дизайне лендингов стоит учитывать:
- уникальность. Чем больше на сайте уникальных элементов, которые не встречаются на стоках или других сайтах смежной тематики, тем лояльнее будет аудитория к компании;
- качество. Также уровень доверия клиентов напрямую зависит от качества контента. Если иллюстрации будут низкого разрешения, не будут соответствовать концепции сайта, клиент разочаруется как в дизайне, так и в самом продукте.
На примере представлен лендинг, в котором иллюстрации являются главной особенностью. Каждый блок представлен отдельным изображением, специально отрисованным для проекта. Все картинки выполнены в одном стиле, цветовая гамма также дополняет концепцию сайта.
Типографика
Лендинг, как правило, является отличным инструментом проявить все идеи дизайнеров в действии. Так как это достаточно легкий (в плане технических возможностей) проект, разработчики воплощают креативные идеи в жизнь. Один из таких способов выделиться — использование интересной типографики, необычных шрифтов и шрифтовых написаний.
Особое внимание при этом нужно уделить заголовкам. Так как лендинг — это своеобразная презентация товаров, важно правильно сформулировать и преподнести текстовый контент.
На примере показан лендинг, в котором дизайнеры выделяют особую роль типографике и цветовой гамме. Сочетание различных написаний и шрифтов выглядят стильно и интересно.
Композиция и структура
Также в лендингах можно реализовать интересные приемы по расположению элементов
Интересные решения также привлекают внимание клиентов и запоминаются. На примере дизайнеры постарались найти креативные приемы, которые обеспечат гармонию в композиции и, в то же время, будут оригинальными и необычными. Также отдельно можно упомянуть положение текста на последнем блоке — на примере текст выровнен справа, что весьма нетипично для сайтов.
Расположение элементов и блоков в дизайне лендингов играет особую роль. Так как лендинг состоит из одной страницы, все внимание пользователя сосредоточено на главном экране и блоках в соответствии с перемещением по странице. Поэтому дизайнеру важно определить последовательность элементов, расположить призывы к действию таким образом, чтобы они привлекали внимание.
Навигация
Несмотря на то, что лендинг — достаточно простой по структуре сайт, дизайнерам не стоит забывать об элементах навигации. Можно не только создавать обычные элементы — переходы на блоки из меню или кнопки с формами, но и разрабатывать отдельную навигацию для главного экрана и других частей сайта. Например:
На примере для каждого блока предусмотрен свой собственный слайдер, который меняет изображения и демонстрирует продукт со всех сторон. Такой прием создает ощущение, что сайт состоит из нескольких страниц, а его интерактивность позволяет клиентам взаимодействовать с интерфейсом на протяжении долгого времени.
Что касается стандартной навигации — скроллинга, кнопок с перенаправлением на формы заказа — здесь можно использовать стандартные проверенные решения. Как правило, клиенты ожидают от лендинга нескольких приемов:
- вертикальный скроллинг. Горизонтальный скорее всего не будет хорошо принят клиентами, так как лендинг — одностраничный сайт, который не подразумевает переходов на другие страницы;
- разнесение блоков и ссылки на них из традиционного меню. Лендинг часто является достаточно длинной страницей, поэтому разработчики делят его на части и ставят на эти блоки ссылки вверху страницы. Таким образом клиент может сразу перейти к интересующему разделу, без пролистывания всего сайта. Иногда меню скрывают с помощью значка «гамбургера»;
- формы и кнопки для заказа в отдельных блоках и на самых видимых частях страницы. Также кнопки в меню в верхней части сайта.
Такие приемы соответствуют пользовательскому опыту и ожиданиям клиентов. Однако, дизайнерам не обязательно воплощать традиционные подходы в жизнь. Иногда креативные решения наоборот нравятся клиентам и помогают увеличивать продажи.
Анимации и другие спецэффекты
Если на больших сайтах легко отвлечь клиента от целевых действий, в лендинге, благодаря простой структуре и небольшому количеству контента, можно добавить динамики на ресурс и разнообразить страницу спецэффектами.
Такие приемы дополняют лендинг, задерживают пользователя на странице. Также с помощью анимации можно перенаправлять внимание пользователя на целевые действия.
Что нужно учесть при проектировании анимации для лендингов:
- так как лендинг — это, как правило, одна страница, важно использовать динамические эффекты в меру. Лучше сделать упор на качество анимации, а не на ее количество;
- эффекты лучше делать в одном стиле, чтобы не разрушать концепцию сайта;
- лучше отказаться от анимационных переходов в пользу небольших динамических эффектов для отдельных элементов. Переходы усложняют сайт, и клиент может не вернуться на экран с нужной ему информацией и уйти к конкурентам.
Динамика сможет задержать пользователя на сайте и привлечь внимание к целевым действиям — покупке товара, выбору услуги и прочее. Поэтому если у разработчиков есть техническая возможность для внедрения анимации на сайт, лучше ей воспользоваться.
Интерактивность
Чтобы повысить конверсию лендингов и привлечь внимание пользователей, помимо анимации используются различные интерактивные элементы. Например, блоки с выбором, различные тесты, галереи и слайдшоу, мини-игры и прочее.
Студия дизайна IDBI также использовала данный прием при составлении конструктора мороженого.
На данном лендинге мы видим как интерактивные элементы (составление мороженого из ингредиентов), так и призывы к действию — блок для подписки на рассылку, корзину и прочее. Также на сайте расположен блок с описанием алгоритма действий для посетителя сайта — как заказать товар и что может предложить компания. Яркие цветовые акценты выделяют карточки с товарами, акции и преимущества.
Дизайн лендингов всегда является одним из способов воплотить интересные идеи дизайнеров в жизнь. Так как одностраничные сайты простые по структуре, на них можно экспериментировать и использовать различные креативные приемы — анимацию, интерактивные элементы, интересные призывы к действию, видеобэкграунд и прочее.
Однако, не стоит забывать о юзабилити. Даже для таких небольших сайтов работают основные принципы. Например, дизайнерам стоит помнить об основных элементах навигации или удобстве восприятия текстового контента. Больше о юзабилити и креативных решениях можно прочитать в этой статье.
Студия дизайна IDBI пользуется различными приемами и создает дизайн лендингов, основываясь как на правилах юзабилити, так и на разнообразных интересных решениях. В своих работах мы используем анимацию, интерактивные элементы, видеоконтент, интересную типографику и уникальные иллюстрации. Мы следим за трендами в веб-дизайне и можем создать сайт в различных стилях: от flat-дизайна до гранж. Примеры наших работ доступны в разделе «Портфолио».
Лендинг Пейдж Шаблоны | Landing Page Templates |TemplateMonster
Адаптивный дизайн
Ваш сайт будет легко приспосабливаться к любым размерам экрана устройства, на котором отображается. Все значимые элементы будут показаны, а второстепенные скрыты. Это делает взаимодействие с сайтом более удобным для пользователя, а также улучшает SEO, т.к. все пользователи попадают на одну и ту же версию сайта.
Bootstrap
Некоторые составляющие наших Landing Page шаблонов используют Bootstrap, именно поэтому вам будут доступны все опции этого фреймворка, скрипты и компоненты. Лэндинг позволит привлекать внимание пользователей.
Кроссбраузерность
Вам больше не потребуется тестировать каждое изменение в разных браузерах и на разных платформах. Вы можете быть уверены, что ваш сайт будет одинаково выглядеть в любом браузере. Ваш лендинг пейдж будет выглядеть всегда привлекательно! Лендинг пейдж примеры сайтов доступны в демо-версии к каждому шаблону.
Иконки шрифтов
Все иконки заменены на иконки шрифтов. Все они по своей природе векторные, а шрифт – довольно четкий и масштабируемый. Будьте уверены в том, что вы получите высокое качество иконок, которые будут прекрасно отображаться на различных дисплеях. Заказать лендинг и получить решение для демонстрации своего предложения онлайн будет лишним, поскольку вы уже имеете готовые решения для посадочных страниц. Все лендинг примеры сайтов готовы к использованию и редактированию.
PSD файлы включены
Все PSD файлы включены в шаблоны лендингов. Вы сможете беспрепятственно работать с ними и редактировать по своему усмотрению. Лучшие лендинги только в TemplateMonster! Создать лендинг сможет каждый.
TM дополнения
Практически во все Landing Page шаблоны, так же как и в шаблоны Joomla и другие решения, интегрированы поиск, формы контактов и подписки. Инструкции по их использованию вы сможете найти в документации к шаблону. Чтобы купить лендинг, теперь не нужно искать отдельный функционал для расширения возможностей Landing page. Примеры этих решений можно посмотреть в демо и уж после принять решение о покупке. Поэтому посмотрите наши Landing Page примеры сайтов, чтобы найти необходимый шаблон.
Необходимая документация
Каждый наш продукт дополнительно сопровождается документацией. Это краткие руководства и подробные инструкции по установке и настройке дизайнов. Кроме того, из документации вы сможете узнать о возможностях продукта и о том, какие плагины и другие дополнения могут быть использованы в шаблоне лендинга.
Примеры сайтов
Примеры готовых лендингов (landing page) — продающие страницы
(полностью страницы лендингов открываются в новой вкладке при нажатии)
- Мои работы
- Сайт визитка
- Создание по шаблону
- Изготовление сайта по макету или эскизу
- Лендинг пейдж
/ Landing page /
- Одностраничник
- Магазин / Каталог
- Оптимизация
- Наполнение
- Наполнение контентом
- Наполнение товаром
- Карточка товара
- Разработка
-
Контакты
- Форма on-line заявки
- Стоимость сайтов
- Задать вопрос
Сайт визитка | многостраничный сайт
Одностраничный сайт визитка
Лендинг пейдж | landing page
Интернет магазин | сайт-каталог
Стоимость разработки сайтов
Оптимизация сайтов (SEO)
Наполнение сайта контентом
Контактная информация
Примеры лендинг пейдж (landing page)
Любой из представленных примеров можно открыть в отдельном окне и посмотреть в демо режиме| отключены формы заказа и заявок | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * * * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Главная Сайт-визитка Лендинг / landing page Каталог / интернет магазин Оптимизация и продвижение Наполнение Контакты
Заказать обратный звонок
X Текст сообщенияПолучить консультацию
X Текст сообщенияЗаказать сайт
X Текст сообщенияТелефон: (968) 779-37-09 | E-mail: [email protected] | © 2013 SHU — Сайты для Всех — |
Лендинг сайты примеры | ЗЕКСЛЕР
Дизайн: разнонаправленные тренды
Когда в начале десятилетия Microsoft внедрил первые эксперименты с плоским дизайном в практические решения, интернет стал присматриваться к перспективному тренду. А начиная с 2014 года flat стал преобладающим направлением. Но прошло несколько лет повального увлечения, туман флёра развеялся и графика сайтов вернулась к разнообразию. Ну кому хочется терять выразительные средства оформления из-за сомнительной моды на плоские элементы. Если человеческий глаз различает 150 тыс. цветовых оттенков, объём, тени и блики – значит бессмысленно замыкать его на 256 градациях плоского монохрома.
Итак, на продающие одностраничники вернулась вся художественная дизайн-палитра.
- Сюжетно-тематические зарисовки на заданную тему. Выделяется направление стилизации под авторскую живопись, хотя и сделанную при помощи программных средств. Здесь и монохромные скетчи, и полноцветные иллюстрации – пользователи традиционно лояльно воспринимают имитацию ручной работы, ассоциируя её с авторским взглядом.
- Коллажная обработка фотографий. Уникальные картинки остаются тонким местом в дизайне сайтов, но их научились делать из «подручных материалов» – совокупность уже ставшего привычным Photoshop’а и эстетика профессионального графика способны дать удивительные по оригинальности художественные концепты.
- Дизайн дополненной реальности. На фантазийный графический фон добавляется нарезка документальных кадров, смешивая виртуальную абстракцию и жизнь. Такой приём не слишком часто встречается, но обладает хорошей запоминаемостью и позволяет выгодно акцентировать продвигаемый товар. И обратная сторона медали – реальный бэкграунд и рисованные предметы на нём.
Дизайн продающих лендингов (да и всех остальных интернет-форматов) вернулся к состоянию творческого поиска. С единственным уточнением непосредственно для посадочных страниц: оформление – это не самоцель, а средство повышения конверсии. Оно обязано поддерживать запрограммированную разработчиком идею.
Текст: продать холодильник эскимосу
Если в области графики тренды вернулись к свободному творческому плаванию, для копирайтинга подобных послаблений не предвидится. Более того, здесь границы очерчены и «шаг влево – шаг вправо – прыжок на месте» выглядит серьёзным преступлением перед заказчиком. Проблема хороших текстов делится на две неравные части. В первую (меньшую) входит нежелание заказчиков экспериментировать внутри сложившегося набора правил. Вторая составляющая – это нехватка авторов. Интернет создал поле для контента – в том числе и продающего – но качество работающих на нем копирайтеров не соответствует нужному количественному уровню. Вот и плодятся рекомендации, как написать статью, но это то же самое, что научиться играть на гитаре по самоучителю. Если на ухо медведь наступил – ничего не выйдет.
И все-таки обратимся к практике и умению авторов влезть в шкуру покупателя.
- Интересы целевой группы. Нерационально обращать внимание покупателя на цвет холодильника бюджетной ценовой категории, когда его интересует объем камеры и класс энергопотребления. Скажем прямо – выбор бытовой техники под цвет стен присущ только VIP-сегменту, составляющему сотую долю процента потенциальных клиентов. Объективно говоря, все основные пункты создания продающих текстов (предложение, выгода, привлечение внимания, проблема и её решение) умещаются именно в этом параграфе.
- Не смешивать мотиваторы товара и услуги. В первом случае брендовая принадлежность скажет сама за себя. Глупо размазывать по одностраничнику преимущества Nike или Samsung – логотип торговой марки гарантирует без лишних слов. Важнее сервис, доставка и условия оплаты с бонусами и акциями. А вот сегмент услуг подобными «костылями» не обладает – здесь к месту вспомнить и квалификацию персонала, и описать технологические процессы, и вспомнить профессиональные достижения поставщика.
Говоря об оформлении и текстах образцовых лендингов, следует вспомнить ещё об одном пункте, который их объединяет – типографике. Вот где произошли изменения в положительную сторону. Начнем с того, что именно плоский дизайн вернул эталонную швейцарскую школу представления текстов в интернет-пространство. Правила, сформированные еще в середине прошлого века, стали обязательными для цифрового мира. Удобочитаемость, выравнивание, комфортное восприятие – все перечисленные качества перекочевали с полиграфических носителей на веб-страницы. И рассматриваемый тренд изменяться не собирается. По крайней мере, хочется на это надеяться.
Рассказываем, что такое лендинг и чем он хорош / Бесплатно / ОрелСайтСтрой
В интернете множество «мертвых» ресурсов — сайтов, над продвижением и развитием которых никто не работает. Чтобы ваш сайт не пополнил унылую статистику запущенных ресурсов, а приносил бизнесу доход и приводил дополнительных клиентов, необходимо вкладывать деньги, время и труд в его раскрутку.
Кстати, не забудьте посмотреть примеры сделанных нами сайтов!
Landing page (от англ. — страница приземления) — это одностраничный сайт. Его цель — совершение пользователем активного действия, выгодного владельцу сайта. Например, покупка товара, заявка на звонок, подписка на рассылку или предоставление личных данных (e-mail, телефон и др.). Такой сайт может также использоваться как часть другого полноценного сайта и являться точкой, на которую выходят посетители из поиска или рекламных материалов. Так что можно разместить лендинг на отдельном домене, или сделать его составной частью сайта — одной из страниц. Посадочная страница — это мощнейший маркетинговый инструмент интернета, который может в разы повысить продажи.
В чем особенность Landing page?
Landing page — это мгновенные продажи при минимальных затратах. Вы затрачиваете минимальные деньги и время на создание ресурса, а он приносит вам видимые результаты почти сразу после запуска. Не нужно никакого долгого и затратного seo-продвижения, нужна лишь конверсия и контекст.
Landing page — находка для начинающих предпринимателей, а также идеальный вариант для турбо-продаж товаров по акции, тестирования ниши или спроса на конкретный продукт.
Почему это работает?
Конверсия посадочных страниц очень велика, до 67% людей, перешедших из контекстной рекламы могут стать вашими покупателями! Простая навигация на странице не содержит ничего лишнего. На ней есть только описание эксклюзивного предложения и товара, не согласиться на приобретение которого практически невозможно.
Преимущества Landing page в сравнении с многостраничным сайтом
Все очень просто, ведь обычный сайт — это долгосрочный план, а landing page — моментальные продажи. Хотя разработка посадочной страницы зачастую дороже создания сайта-визитки, есть несомненный плюс — результат вы получите почти сразу. По прошествии 2-3 дней после запуска лендинга и контекстной рекламы у вас появятся первые клиенты. Сайт-визитку же придется раскручивать в течение нескольких месяцев посредством поискового продвижения.
Зачем нужен landing page?
- Продвижение определенной услуги или товара.
- Привлечение партнеров или новых клиентов.
- Реализация конкретных товаров в рамках распродажи.
- Продажа инновационного продукта.
- Стимулирования продаж в период перед праздниками.
- Стимулирование продаж продукта сектора B2B.
- Увеличение количества подписчиков.
- Сбор клиенткой базы или базы данных контактов.
- Тестирование ниши или спроса на товар.
- Сбор группы на массовое мероприятие: семинар, вебинар и др.
- Другие цели.
В чем ключевое отличие landing page от простого сайта?
Посадочная страница имеет одно главное отличие от обычных информационных сайтов и заключается оно в четко поставленной задаче — получение из посетителей потенциальных заказчиков (лидов). Это значит, что максимальное количество посетителей лендинга должны совершить определенное целевое действие.
Вся структура, текст, дизайн, логика и функционал посадочной страницы направлены на достижение одной задачи — получение потенциального клиента. Обычный сайт же разрабатывается с целью просто наполнить его определенной информацией о продукте.
Еще одно отличие лендинга от обычного сайта в том, что акцент внимания пользователя, который посещает страницу, сфокусирован на определенном действии и не рассеивается на дополнительные блоки. У стандартного сайта часто есть функции помимо продающей: имиджевая, информационная. Поэтому такой сайт кроме сложной ветвистой структуры имеет дополнительные элементы: новостные блоки, навигационные меню, баннеры и другие. На посадочной странице такой функционал не допускается — он отвлекает внимание пользователя от конечного действия, что заметно скажется на конверсии и лендинг потеряет свое ключевое преимущество. Лаконичность и четкость, отсутствие нагроможденных блоков — это и есть особенности посадочной страницы.
Обычные сайты, генерирующие трафик с помощью рекламных систем, чаще всего содержат скудную и сухую информацию о тех товарах или услугах, которые рекламируются. В результате этого, конверсия подобных сайтов и страниц мала и редко составляет больше 1%. Пользователи сразу покидают такие ресурсы, не найдя интересующей информации.
Пользователи, попадающие на лендинг из рекламного объявления, зачастую нелояльны и попросту не знают о существовании компании и не знакомы с продуктом. Ввиду этого, пользователь часто не готов сразу оставить заявку. Поэтому одна из главных задач лендинга — сделать из нелояльного клиента лояльного, повысить доверие к продукту. После ознакомления пользователя с необходимой информацией и приобретения им определенного уровня доверия, в ход вступают специальные психологические приемы, предназначение которых — подтолкнуть клиента к совершению действия.
Лендинг привлекает намного больше покупателей, чем обыкновенный сайт. А получается это за счет полного отсутствия отвлекающих элементов, раскрытия подробной информации о продукте и применения психологических приемов увеличения лояльности.
Как проводится разработка landing page
Команда
Разработкой лендинга обычно занимаются несколько специалистов:
- Маркетолог анализирует целевую аудиторию и создает концепцию лендинга.
- Проектировщик разрабатывает структуру и прототип посадочной страницы.
- Копирайтер создает продающие заголовки и тексты.
- Веб-дизайнер разрабатывает макет дизайна посадочной страницы по прототипу.
- Верстальщик и программист кодируют дизайн-макет в css и html, программируют функциональные модули и интегрируют с CMS.
- Системный администратор устанавливает сайт на хостинг и настраивает доменное имя.
- Менеджер проекта координирует команду и общается с заказчиком.
Показатели эффективности
Перед разработкой лендинга составляется прогноз ожидаемой отдачи. В прогнозе учитывается ряд факторов, которые могут в значительной мере повлиять на коэффициент возврата инвестиций и прибыльности лендинга.
В качестве основных показателей выступают следующие:
- Количество поисковых запросов и популярность тематики в интернете.
- CTR объявлений в разных рекламных системах — Google Ads и Яндекс Директ.
- Конверсия лендинга, т. е. сколько посетителей страницы оформляют заявку и становятся реальными клиентами.
- Стоимость клика объявления из рекламных систем.
- Средняя прибыль, полученная с одной продажи.
- Средний чек реализации услуги или товара.
Также при расчете смотрят на другие немаловажные показатели:
- Стоимость привлечения каждого клиента.
- Стоимость привлечения каждого лида.
- Минимальная эффективная конверсия (конверсия, приносящая прибыль с учетом всех затрат).
- Коэффициент возврата инвестиций.
Наиболее значимый в данном случае показатель — это последний, который еще называют ROI. Этот финансовый коэффициент показывает рентабельность бизнеса, доходность или убыточность с учетом всех сделанных в него инвестиций.
Конверсия landing page
Конверсия — это комплексный показатель, который зависит от трех главных факторов.
Качество лендинга. Этот параметр заключается в хорошо проработанной структуре страницы, ее профессиональном и гармоничном дизайне, который приятен глазу. Обычно дизайн формирует благоприятное восприятие компании или продукта. Продающие тексты должны быть цепляющими и эффективными. Поэтому разрабатывать лендинг должна профессионально занимающаяся этим студия.
Рекламная кампания. Должна быть настроена так, чтобы на посадочную страницу попадали только заинтересованные в продукте или услуге пользователи. Такая аудитория лучше конвертируется и потенциально готова к покупке. Важно, чтобы информация, которая написана в объявлении, совпадала с той, что находится на посадочной странице. Иначе доверие пользователей сразу же упадет, и они покинут лендинг.
Маркетинговая ситуация в выбранной нише. Этот фактор отражает то, насколько сделанное предложение соответствует рыночной ситуации, насколько выгодно и привлекательно оно выделяется на фоне аналогичных предложений, и каков уровень конкурентоспособности товара или услуги. После проведения маркетинговых исследований в самом начале проекта формируется уникальное торговое предложение. Если же нет явных конкурентных преимуществ вроде выгодной цены, условий доставки или особого качества, то следует придумать выгоду или выделить ее из качеств товара, сделать на ней упор. Тогда клиент будет иметь желание приобрести товар именно в вашей компании. После получения данных из маркетингового анализа лендинг разрабатывается по заданным критериям, среди которых есть требования к структуре, дизайну, копирайту и методам психологического воздействия.
После завершения разработки посадочной страницы, начинается настройка рекламной кампании и ее запуск. Если к созданию лендинга подходить комплексно, то эти три фактора вместе принесут свои плоды. Если же один из критериев упущен из виду, то даже идеально составленная рекламная компания не даст высокую конверсию. Посетитель может покинуть страницу из-за ее непривлекательного дизайна или слишком нагроможденной структуры, а также из-за расхождения информации в объявлении и на сайте.
Ключевые правила разработки landing page
Чтобы создать эффективный и работающий лендинг, необходимо соблюдать следующие правила.
Фокусировка на продукте
Один лендинг — одно эксклюзивное предложение. Это идеальный вариант, ввиду того, что человек сфокусируется на том продукте, который вам необходимо продать. Разброса и распыления на разные виды товаров быть не должно, иначе основное преимущество лендинга исчезает. Посадочная страница должна отражать информацию лишь об одном конкретном товаре, которым интересуется конкретный пользователь — участник целевой аудитории рекламной кампании.
Эффективный заголовок
Одна из самых важных и определяющих настрой пользователя составляющих частей посадочной страницы — это заголовок. Он ориентирует клиента, знакомит с ключевым предложением страницы.
Основные характеристики эффективного заголовка:
- Соответствие предложению лендинга и рекламному объявлению.
- Емкость, понятность и содержательность в короткой форме.
- Использование CAPS — «САМАЯ ЛЕГКАЯ МЕТОДИКА ПОХУДЕНИЯ» или Title Case — «Самая Легкая Методика Похудения».
- Использование стимулирующих к заказу продающих слов, таких как: «бесплатно», «легко», «быстро».
Призыв к действию
Элемент, который призывает к совершению необходимого действия, имеет название Call to Action (призыв к действию). В качестве такого элемента может выступать кнопка с надписью «подписаться», «купить», «оставить заявку», «заказать», «получить». Правильно оформленный и четкий Call to Action — важная часть лендинга. Хаотично разбросанные по посадочной странице формы заказа и кнопки не вызовут доверия покупателя и даже могут отпугнуть.
Элементы доверия
Такие элементы, называемые триггерами доверия, усиливают психологическое убеждающее воздействие на человека. Чаще всего они содержат прием «социального доказательства», работающий в тот момент, когда человек не знаком со сложившейся ситуацией (в этом случае с товаром или услугой) и предпочитает довериться мнению людей, которые имеют о ситуации представление.
Что может быть триггером доверия?
- Отзывы и рекомендации клиентов.
- Сертификаты качества.
- Ссылки на влиятельных партнеров.
- Количество клиентов — «с нами уже более 1521 человек», «нас выбрали 549 человек».
- Лайки в социальных сетях.
- Полученные награды и призы.
Выгода для клиента
Еще такую выгоду можно назвать стимулирующим бонусом, который получит человек, оставивший заявку. Будь то скидка, подарок, бесплатная доставка или установка и т. д.. Плюс к этому может быть введено дополнительное временное ограничение для усиления стимуляции. Подойдет счетчик с обратным отсчетом того времени, до которого бонус можно получить. Это ограничение имеет психологическое влияние на посетителя и подталкивает к совершению необходимого целевого действия. Потенциальный клиент боится не успеть получить бонус и соглашается на предложение сразу же.
Визуализация
Это необходимый элемент лендинга, потому что пользователям скучно и неинтересно читать полотна текста, в лучшем случае они лишь пробегут по контенту глазами, в худшем — сразу же уйдут со страницы. Для того, чтобы пользователи восприняли всю информация, ее необходимо подавать в максимально визуализированной и сжатой форме. Для этого используется множество элементов, которые помогают упростить восприятие — инфографика, иконки, схемы, таблицы, маркированные списки. С помощью этих элементов восприятие увеличивается до 80%, что приводит к росту конверсии.
Презентация продукта
Нельзя представлять и демонстрировать пользователю товар, используя при этом некачественные снимки, найденные в поисковиках. Изображения на сайте должны выгодно отражать достоинства товара. Профессиональные, качественные изображения, гармонично вписывающиеся в концепцию дизайна посадочной страницы, вызывают у потенциального покупателя желание приобрести товар, а не смутное представление о его качестве. Красивые фотографии товара должны быть дополнены в меру подробным и понятным описанием.
Подача информации
Информация должна легко восприниматься целевой аудиторией. Причем, это касается как дизайна, так и копирайтинга. Тексты пишутся легким и понятным языком для естественного восприятия читателей. Если этого требует специфика товара, то смело можно использовать специальные термины, либо даже сленговые выражения. Грамотное использование письменных выразительных средств повышает лояльность посетителей, что положительно повлияет на конверсию. Дизайн также должен органично вписываться в концепцию сайта и работать на улучшение восприятия. На посадочной странице не должно быть элементов, которые могут отпугнуть потенциального клиента. При добавлении фотоматериалов на страницу для дополнения дизайна, лучше не использовать снимки с неестественными эмоциями или западными моделями. Российская аудитория, как правило, не видит себя в этих моделях и не воспринимает их, а потому недостаточно доверяет. Этот фактор немаловажен при проработке дизайна. Первое что видит клиент в первые секунды присутствия на странице — дизайн. Лендинг, разработанный неопытным дизайнером или даже самостоятельно, скорее всего, окажется неэффективным.
Ошибки лендинга
Достичь желаемой конверсии посадочной страницы могут помешать некоторые фатальные ошибки.
Отсутствие ценности для потребителя
Перед разработкой лендинга требуется четко выделить и сформулировать выгоду для потенциального клиента после совершения того действия, к которому вы его призываете, будь то приобретение товара, регистрация на мероприятие или оставление заявки. Попробуйте сами протестироватьэти выгоды и посмотреть, так ли они значимы и необходимы для клиентов?
Неэффективный заголовок или его отсутствие
Первый элемент посадочной страницы — заголовок. Он должен работать на эффективность страницы, убеждать целевую аудиторию в необходимости приобретения товара, а не только бросаться в глаза. Именно поэтому необходимо потратить время на разработку правильного заголовка. Он должен быть легким и кратким, выражать суть предложения, показывать выгоду для покупателя и потребительскую ценность.
Громоздкая и длинная форма заявки
Слишком сложная регистрационная форма одним своим видом может отпугнуть множество посетителей и понизить конверсию сайта. Никто из потенциальных клиентов не захочет тратить лишнее время на заполнение формы. Также многие люди не оставят контактные данные, опасаясь того, что на их телефонные номера или электронные адреса начнется рассылка спама. Если хотите повысить конверсию, забудьте про сложные формы. Но можно указать, что оставленные персональные данные не будут использоваться сторонними лицами для нежелательных рассылок. Также над формой желательно еще раз напомнить о выгодах, получаемых посетителем при оставлении заявки.
Незаметный призыв к действию
Этот элемент является финальным и завершает комплексное воздействие на посетителя страницы. Поэтому нельзя, чтобы кнопка призыва к совершению действия была малозаметна или невнятна. Здесь должно быть не только заметное и яркое оформление, но и мотивирующее предложение. Лучше использовать активные призывы: «хочу получить товар», «пришлите мне каталог», «хочу начать пользоваться услугой сейчас». Забудьте о нейтральных словах вроде «зарегистрироваться», «отправить», «подписаться». Будь конкретнее и точнее.
Множество ссылок
Ссылки являются причиной «утечки » трафика и снижения конверсии. Вместо того, чтобы удерживать внимание пользователя на товаре и совершении действия, ссылки размывают фокус и отвлекают клиента, который просто перейдет на другую страницу и никогда не вернется на вашу. Поэтому считается, что классический лендинг не должен иметь привязки к основному сайту компании, а должен располагаться автономно.
Длинные тексты
Сплошные полотна текста не только тяжело воспринимаются, но иногда и вообще не читаются пользователем — он просматривает страницу, обращая внимания только на привлекательные по содержанию короткие фрагменты текста. В длинные нагроможденные предложения никто не будет вникать, их неудобно и долго читать. Над содержанием текста пользователь не должен усиленно задумываться, для этого стоит разделять информацию на небольшие и ясные предложения, абзацы с подзаголовками, маркированные списки, которые незаметно приведут клиента к кнопке совершения действия. Очень приятны глазу тексты в виде информационных текстовых блоков.
Трафик для landing page
Целевой трафик — это один из главных факторов эффективной работы лендинга. Это показывает то, насколько заинтересованы посетители в товарах и услугах, предлагаемых на странице. Привлечение нецелевого трафика ухудшает конверсию лендинга. Одно из главных правил — это размещение одного предложения на одной странице, без смешивания различных групп товаров.
Трафик на лендинг можно привлекать следующими способами:
- Контекстная реклама (Google Ads, Яндекс Директ) — самый популярный способ.
- Рекламные кампании в социальных сетях.
- Баннерная реклама на блогах, порталах, форумах.
- Рассылки информационных и рекламных писем на электронную почту.
- Естественная выдача при поиске.
Лендинги – что это? Когда лендинг это разработка оригинального дизайна – топ-7. Самые красивые лендинги примеры
Что такое лендинги? Лендинг – это одностраничный сайт, расчитанный на привлечение покупателей с помощью рекламы («посадку» покупателей на лендинг, посвященный отдельной акции или товару). Лендинг показывает преимущества товара, услуги или акции и всегда расчитан на получение целевого действия (звонок, сбор контактов, оформление заказа, участие в акции и т.д.). Лендинг очень сложно продвигать в плане сео (потому что он состоит всего из одной страницы), но зато на него удобно вести контекстную рекламу (пользователя не отвлекают другие страницы и при качественной настройке РК лендинг отрабатывает очень эффективно). Теперь о том, как можно делать лендинг.
Красиво или недорого? А можно совместить? Заказать разработку лендинга у фрилансера или у веб-студии? Вложиться в дизайн и проектировании или скорее начать тестировать рекламные кампании и доводить лендинг до ума уже в процессе?
Решать только вам. Но мы собрали для вас примеры красивых лендингов и примеры лендинг пейдж, продажи с которых радуют владельцев этих лендингов 🙂 Лендинг фермерских продуктов, посадочная страница веломастерской, сайт форума для дизайнеров, лендинг сложного в техническом плане продукта, лендинг социального проекта, лендинг мобильного приложения и лендинг одежды и аксессуаров премиум-класса. 7 разных сфер и 7 интересных примеров красивых сайтов.
7 примеров лендинга, вдохновляйтесь!
Разработка посадочной страницы БайкСалон для веломастерской – отличный пример лендинга, который помогает пользователям быстро сориентироваться в прайсе на ремонт велосипеда и диагностику. Чистый простой дизайн, удобный интерфейс и легкость в формировании заявки делают этот лендинг отличный примером красивого и хорошего лендинга. Что примечательно, этот лендинг разрабатывался не столько для трафика с контекстной рекламы (обычно ведение контекстной рекламы — musthave для лендинга), сколько для отстраивания от основного сайта. Основной сайт – интернет-магазин велосипедов, с которого в верхнем меню по заметной яркой кнопке можно попасть в веломастерскую.
Лендинг пейдж теплотрасс BRUGG радует много чем: здесь и яркое представление проектов, и калькулятор сравнения стоимости с аналогами конкурентов, и блок вопрос-ответ. Отвечая на возможные вопросы пользователей, вы еще на этапе посещения сайта подталкиваете свою целевую аудиторию к покупке. Сформируйте портрет своей ЦА, составьте список возможных вопросов, выберите 5-10 приоритетных вопросов и сразу же дайте четкие ответы на заданные вопросы. Будьте полезными!
3. Два призыва к действию – лендинг социального сайта DESIGNED TO MOVEDesignedtomove.org – социальный сайт, который создан для решения проблемы низкой физической активности людей в современном мире. В отличие от классических лендингов, здесь нет однозначного и простого оффера, объяснений и заголовка, мотивирующего к действия. Лендинг не совсем укладывается в каноны разработки лендинга, но он по-своему хорош и показывает высокую конверсию. За счет чего это достигается? Есть лишь два дополняющих призыва к действию (скачать отчет и посмотреть видео). При этом такая недосказанность формирует непреодолимое желание нажать на кнопку просмотра трогательно видео и на волне эмоций сразу кликают по отчету с ошеломляющей статистикой.
4. Демонстрация результатов – лендинг приложения HipstamaticHipstamatic – это мобильное приложение, с помощью которого можно применить различные фильтры к фотографиям на своем смартфоне. При достаточно высоком уровне конкуренции на рынке аналогичных приложений часто создаются лендинги и привлекается трафик за счет контекстной рекламы. При разработке лендинг пейдж приложения акцент был сделан на демонстрации результатов. Это целая карусель с примерами обработанных в приложении фото. Обработанные фотографии можно сразу разместить в нужной соцсети или сохранить себе на телефон.
5. Лендинг мероприятия для дизайнеровЛендинг Future Of Design нацелен на профессионалов в сфере дизайна. Лендинг презентует форум, где представители рынка делятся своим опытом, как предмет их труда (дизайн) обогащает бренд и создает добавленную стоимость продукта. Чтобы сделать красивый лендинг, который понравится дизайнерам, разработчики постарались на славу. Много рисованных деталей, необычные шрифты, яркие, но не отвлекающие от месседжа цвета.
6. Лендинг для купальников премиум-класса AMAIÒ
Бренд AMAIÒ на своем лендинге отражает стиль, заключенный в простоте. В этом случае разработка лендинга включала в себя продумывание, как будет загружаться лендинг. Сначала появляется затемненный экран с акционным предложением, потом лаконичное название бренда купальников класса люкс и только потом (когда завершена загрузка всех элементов) отображается нежно-лиловая лендинг пейдж с приятными силуэтами девушек. Используется навигационное меню с вертикальным расположением. Очень много изображений с морем позволяют дополнить атмосферу отдыха в купальниках от премиум-бренда Amaio.
7. Разработка лендинга фермы Bowery
Что может быть важнее еды? 🙂 Рады поделиться прекрасным сайтом от фермеров. Лендинг сразу ассоциируется с зелёной компанией и вызывает аппетит. Такой эффект удалось создать благодаря белому фону и графическим разделителям в виде фотографий зелени и еды. Вкусный лендинг, не правда ли?
Надеемся, что мы вдохновили вас на разработку красивого и продающего лендинга!
Если вам нужна помощь в оптимизации текущего лендинга или вы хотите заказать лендинг, узнать стоимость и качественно настроить контекстную рекламу, А25 к вашим услугам!
110 примеров целевых страниц, которые нельзя пропустить
Когда дело доходит до разработки эффективной маркетинговой стратегии, многие из нас ориентируются на лидеров отрасли, мы можем сделать то же самое с примерами целевых страниц.
Мы исследуем верхнюю часть их воронки, чтобы выяснить, как они подписывают людей на свои информационные бюллетени и превращают потенциальных клиентов в потенциальных клиентов. Мы смотрим на нижнюю часть, чтобы узнать, как они подписывают посетителей на пробную версию своих услуг и как они убеждают этих клиентов совершить покупку.
Сегодня, однако, куда бы вы ни посмотрели — будь то небольшое агентство или такой гигант, как PayPal, — вы обнаружите, что все эти задачи все чаще выполняются платформой целевой страницы.
Эти ориентированные на действия, автономные веб-страницы используются предприятиями любого размера для продвижения людей на всех этапах пути к покупке.
Ниже вы найдете 100 примеров одних из лучших и худших целевых страниц в Интернете после кликов с полной критикой.Просмотрите их, чтобы узнать, что делать, а что не делать, чтобы создать собственную высокоэффективную целевую страницу после клика.
(Приведенные ниже примеры отображались так, как показано в определенный момент времени. Некоторые примеры с тех пор изменились, но критика по-прежнему актуальна для снимков экрана. Имейте в виду, что для более коротких страниц мы показывали всю страницу. Для более длинных страниц , мы отображаем только верхнюю часть страницы.)
110 Примеры целевых страниц после клика
1. Casper
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок рассказывает посетителям, почему им стоит купить матрас Casper.
- Изображение создает очень домашнюю, семейную атмосферу, которая идеально подходит для бренда.
- Отзывы влиятельных брендов , таких как Time & Good Housekeeping, являются социальным подтверждением предложения.
- Bullet point copy упрощает чтение и перечисляет причины, по которым Casper — разумный выбор для посетителя.
- Отзывы клиентов от обычных людей убеждают пользователя, что другим людям, как и они, тоже нравится спать на матрасе Casper.
- Предложение без риска на 100 ночей добавляет странице доверия.
- Таблица цен помогает посетителю решить, следует ли ему нажимать кнопку CTA.
- CTA-кнопка «Купить» контрастирует с фоновым изображением и сообщает посетителю, чего ожидать, когда он щелкнет по ней.
- Телефонный номер дает возможность посетителям получить ответы на все свои вопросы.
Что проводить A / B-тест:
- Дополнительная кнопка CTA «Найдите ближайший к вам магазин» отлично подходит для посетителей, которые не готовы купить матрас в Интернете, не протестировав его лично.Однако наличие на странице конкурирующих кнопок CTA означает, что есть несколько целей. Если не сосредоточить внимание ни на одном из них, это может ограничить конверсию.
- Размещение конкурирующих брендов может иметь неприятные последствия для Casper, потому что, даже если они указаны как наименее дорогой вариант, потребители, скорее всего, изучат все остальные бренды на странице, даже если они не знали о других брендах, прежде чем увидят их в списке.
- С довольно длинной страницей, с использованием якорных тегов или визуальных подсказок может убедить посетителей обратить внимание на определенные элементы на странице (например,грамм. отзывы клиентов).
2. Merrill Edge
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок ясен, потому что он объясняет, почему посетитель должен торговать акциями с помощью Merrill Edge, потому что это стоит всего 6,95 доллара США за торговлю онлайн и ETF.
- Обновленное сводное изображение фондовой биржи дает посетителю обзор рынка, когда он попадает на страницу.
- Преимущества перечислены с помощью пиктограммы , которая помогает посетителю быстро прочитать их и понять преимущества предложения.
- Процесс учетной записи объясняется, чтобы посетитель знал, что делать после нажатия кнопки CTA.
- Красная кнопка CTA, цвет выделяется на странице, поэтому вы точно знаете, где перейти к пункту «Начать работу» с Merrill Edge.
Что проводить A / B-тест:
- Навигационные ссылки внизу страницы дают пользователю простой способ покинуть страницу перед нажатием кнопки CTA.
- Копия кнопки с призывом к действию «Начать работу» может быть улучшена, поскольку она слишком универсальна.«Начать торговать сейчас» дает большую срочность и может способствовать увеличению количества конверсий.
- Многословие страницы может быть слишком большим для посетителя.
3. Magento
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Форма для захвата потенциальных клиентов с одним полем подходит для бесплатного отчета и, вероятно, генерирует много конверсий, потому что посетителям не нужно сообщать слишком много личной информации.
- Копия кнопки CTA соответствует предложению, а цвет красной кнопки контрастирует со страницей.
- Значки клиентов Coca-Cola и Canon добавляют социальное доказательство к странице.
- Цитата Gartner дает посетителю возможность получить представление о том, что повлечет за собой отчет.
- Раздел Magento по номерам дает пользователю быстрый снимок компании.
- Привлекательная иконография в сочетании с и вспомогательными копиями деталей работы платформы Magento.
Что проводить A / B-тест:
- Заголовок уникален, но не очень убедителен.Вспомогательный заголовок дает больше деталей, но все же говорит о Magento. Если бы он был больше ориентирован на посетителя, он мог бы генерировать больше конверсий.
- Представленное изображение немного сбивает с толку. Как городской пейзаж, перенесенный на тело мужчины, побуждает людей скачать отчет?
- Серая кнопка CTA вверху справа остается незамеченной, потому что она не контрастирует с серым фоном.
- Кнопки социальных сетей внизу дают людям слишком много способов покинуть страницу, не загрузив предварительно отчет.
4. Quip
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок ясен и по существу, потому что в нем говорится о UVP Quip.
- Копия кнопки с призывом к действию «Get Quip» является прямой и дает людям понять, что они будут «Get Quip», как только они ее нажмут.
- Изображение кистей разного размера показывает посетителю, что у Quip есть кисть, которая идеально подходит для их рта.
- Обзоры крупного бренда от GQ, Time, Американской стоматологической ассоциации добавляют доверия к этому предложению.
- Преимущества Quip упоминаются в отдельных разделах страницы с соответствующими изображениями, которые добавляют приятную визуальную привлекательность странице и объясняют каждое преимущество.
- Раздел цен позволяет пользователям выбирать, какую модель Quip приобрести.
- Раздел часто задаваемых вопросов отвечает на самые распространенные вопросы, которые получает Quip, чтобы посетитель мог легко принять решение.
Что проводить A / B-тест:
- Навигационные ссылки в заголовке страницы дают пользователю возможность очень быстро покинуть страницу.Какова цель этой страницы: для навигации или привлечения новых клиентов?
- Рейтинг 4.96 впечатляет, но, не говоря уже о том, где размещены отзывы, потенциальные клиенты могут задаться вопросом, являются ли они настоящими и где они могут их прочитать.
- Ссылки блога на странице после клика не имеют большого смысла, потому что они уводят посетителя от предложения.
- Светло-зеленые кнопки с призывом к действию не так сильно контрастируют со страницей, как могли бы.Сделав их того же цвета, что и изображения в блоге внизу, они могут не получить столько кликов.
5. Глен Парк
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Услуги описаны с помощью маркированного списка, что упрощает пользователю просмотр их и принятие решения о том, является ли Glen Park лучшим вариантом для посетителя.
- Аккредитация добавляет авторитета бренду.
- Изображения плана этажа помогают посетителю лучше визуально почувствовать объект.
Что проводить A / B-тест:
- Заголовок довольно мягкий и не передает USP объекта Glen Park. Вместо этого в заголовке можно использовать эмоциональное повествование, которое затронет эмоциональную сторону посетителя.
- Копия кнопки CTA , кажется, смещена, из-за чего кнопка выглядит странно.
- Первое расписание тура раздела появилось на странице слишком рано. Посетитель не имел возможности просмотреть аккредитации, услуги, общественную деятельность, типы предлагаемого ухода или поэтажные планы еще дальше по странице.
- Форма запрашивает слишком много информации только для того, чтобы загрузить брошюру.
6. Университет Капеллы
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок найдет отклик у посетителя, поскольку он решает проблему, с которой сталкивается большинство студентов колледжей.
- Фоновое изображение очень соответствует заголовку.
- В пункте перечислены причины, по которым посетитель должен поступить в университет Капеллы.
- Заголовок формы и копия кнопки CTA поддерживают соответствие сообщения.
- Раздел аккредитации гарантирует посетителю, что университет является признанным учреждением для получения высшего образования.
Что проводить A / B-тест:
- Навигационные ссылки в верхнем и нижнем колонтитулах страницы дают посетителям возможность покинуть страницу.
- Пустое пространство слева от формы делает страницу несбалансированной. Кроме того, позволяя элементам больше перемещаться между формой и копией, люди могут сканировать страницу и лучше понимать каждый раздел.
7. Указание
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок выделяет UVP услуги.
- Форма короткая и не запрашивает лишнюю информацию.
- Основная и дополнительная кнопки с призывом к действию имеют четкую копию.
- Обширное пустое пространство по всей странице делает страницу эстетически привлекательной и, скорее всего, не вызовет беспокойства у потенциальных клиентов.
- Преимущества маркированного списка позволяют посетителю усвоить всю информацию и понять программу Guideline 401K.
- Социальное доказательство от The New York Times, CNBC, Forbes и других добавляет достоверности странице.
Что проводить A / B-тест:
- Заголовок может быть более описательным. Несмотря на то, что он выделяет UVP, добавление дополнительных деталей сделает заголовок более убедительным.
- Добавление отзывов клиентов поможет посетителям принять решение, поскольку они позволят посетителю увидеть, как другие извлекли выгоду из Руководства.
8. Munchery
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок объясняет услугу: свежие продукты доставляются вам, не выходя из дома.
- Фоновое изображение аппетитно и соответствует вашему предложению.
- Около 900 отзывов клиентов Trustpilot помогают посетителю решить, следует ли делать заказ в Munchery.
- Раздел «Избранное» покупателей дает посетителям возможность увидеть, какие блюда они могут ожидать от Munchery.
- Значок «Скидка 20 долларов» побуждает посетителей действовать и заказывать еду.
- Многоступенчатая форма помогает посетителям завершить процесс регистрации.
Что проводить A / B-тест:
- Купон на скидку на 20 долларов может привлечь больше внимания в заголовке, так что посетитель, вероятно, заметит его, как только перейдет на страницу. Конечно, это также может побудить больше новых пользователей попробовать Munchery.
9. Cruise Zap
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Перечеркнутый ценник в заголовке усиливает идею о том, что предложение доступно со значительной скидкой.
- Желтая кнопка с призывом к действию выпрыгивает со страницы и побуждает посетителей приступить к закреплению своего места в круизе.
- Копия кнопки CTA обращается к посетителю тоном от второго лица и имеет отношение к предложению.
- В разделе «Как видно» представлены известные бренды, такие как NBC, CBS News и FOX, которые убеждают посетителя в том, что Cruise Zap является законным брендом.
- Видео-отзывы убедительны, потому что в них представлены реальные люди, воспользовавшиеся специальным предложением.Кроме того, они очень короткие, поэтому посетителям не нужно смотреть длинные видео, чтобы услышать истории клиентов.
- Раздел часто задаваемых вопросов помогает посетителю принять решение, стоит ли ему инвестировать в Cruise Zap.
Что проводить A / B-тест:
- Заголовок может включать привлекательность круиза, чтобы сделать его более убедительным.
- Изображения выглядят как плохие стоковые фотографии и довольно скучные для фотографий круиза.
- Больше белого пространства сверху вниз может помочь людям более эффективно перемещаться по странице.
10. dataxu
покажите мне, как работает Instapage ➔
Что у них хорошо получилось:
- Заголовок объясняет, что делает dataxu.
- Значки клиентов показывают перспективы некоторых известных брендов, которые уже извлекли выгоду из dataxu.
- 2-минутное видео является коротким и позволяет людям узнать, сколько времени занимает контент, прежде чем они начнут воспроизведение. После нажатия на видео посетителям показано, как клиенты могут использовать программное обеспечение.
- Защитные пломбы сообщают посетителям, что пользоваться программой безопасно.
Что проводить A / B-тест:
- Декларация об инвестициях без мошенничества на 97% может противоречить предложению, возможно, недостающие 3% важнее для посетителей, чем 97%.
- Предложение отчета на странице после клика дает посетителям возможность покинуть страницу.
- Кнопка «Узнать больше» с призывом к действию, копия под демонстрационным видео, может быть более точной и понятной о том, что будет дальше.
- Добавление большего количества пустого пространства улучшило бы все пространство и позволило бы потенциальным клиентам лучше использовать контент страницы при оценке dataxu.
11. Убер
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылка «Поездка с Uber» не нужна. Все, что это будет делать, — это отгонять потенциальных клиентов со страницы. Если бы они хотели ездить с Uber, они бы нажали на рекламу PPC, которая позволяла бы им пользоваться Uber.
12. млн унций
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок работают вместе, чтобы сформировать сильное ценностное предложение.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Копия оптимизирована для чтения небольшими порциями.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Социальное доказательство внизу страницы повышает доверие потенциальных клиентов.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам перейти на домашнюю страницу без конвертации.
13. HubSpot + Canva
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» сообщает о преимуществах.
- Копия , разделенная на части, делает страницу легко усваиваемой.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Эта длинная форма может удерживать потенциальных клиентов на странице от конверсии.
- Фоновое изображение сбивает с толку, учитывая, что электронная книга посвящена графике. Какое отношение горный хребет имеет к графике?
- Больше белого пространства может помочь элементам страницы «дышать» больше и быть даже более убедительными, чем их текущее размещение.
14. Институт контент-маркетинга
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Возможность выбора веб-трансляции позволяет посетителям выбирать контент, наиболее соответствующий их потребностям.
Что проводить A / B-тест:
- Эту кнопку с призывом к действию легко пропустить.
- Текстовые блоки справа делают эту страницу пугающей для чтения.
- Форма из 9 полей может отпугнуть посетителей от этой страницы.
- Кнопка «Поделиться» в Twitter позволяет потенциальным клиентам покинуть страницу. Что, если ваш посетитель поделился страницей, но не вернулся на страницу и не зарегистрировался?
15. LinkedIn
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Текст разделен на более мелкие, удобные для чтения фрагменты.
- Кнопка «Автозаполнение через LinkedIn» позволяет посетителям заполнять форму простым щелчком, вместо того, чтобы заполнять эту длинную форму.
Что проводить A / B-тест:
- «Отправить» столь же ленив и ничем не примечателен, как и призывы к действию.
- Многочисленные исходящие ссылки , включая логотип LinkedIn и кнопки социальных сетей, предоставляют посетителям слишком много возможностей покинуть страницу без предварительной конвертации.
- Заголовок не дает явного преимущества. Он также использует жаргон, кто именно такие «искушенные маркетологи»?
16. Forrester Research
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Цвет кнопки CTA контрастирует с белым фоном, делая кнопку более заметной для посетителей.
- Изображение отчета имеет отношение к предложению и дает посетителям возможность заглянуть в суть отчета.Однако изображение могло быть больше.
Что проводить A / B-тест:
- Гиперссылка на логотип дает посетителям возможность покинуть страницу, не скачивая отчет.
- Форма слишком длинная для целевой страницы бесплатного отчета после клика. Кроме того, все поля формы обязательны, что добавляет трение к странице.
- Копия написана с точки зрения компании с использованием местоимения «наш». Копию следует заменить ориентированной на клиента копией с описанием того, почему отчет полезен для посетителей.
17. Microsoft
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Копия ориентирована на получение выгоды и разделена на небольшие фрагменты для удобства чтения.
- Маркировка предлагает беглый просмотр содержания электронной книги.
- Текст над формой позволяет посетителю точно знать, что им нужно сделать, чтобы совершить конверсию.
Что проводить A / B-тест:
- Этот логотип , связанный с домашней страницей, может увести пользователей со страницы, прежде чем они успеют щелкнуть ее кнопку с призывом к действию.
- Заголовок «Интеллектуальная безопасность: использование машинного обучения для обнаружения сложных кибератак» не сообщает о явных преимуществах. Однако это может быть со словами «Как сделать» перед ним. «Интеллектуальная безопасность: как использовать…»
- Этот цвет кнопки CTA можно изменить, чтобы привлечь больше внимания.
- Исчезающие серые метки внутри полей формы могут раздражать и сбивать с толку потенциальных клиентов, как показывают исследования.
18.GEICO
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип без гиперссылок не позволит посетителям покинуть страницу.
- Очень короткая форма с одним полем запрашивает только почтовый индекс и собирает дополнительную информацию позже в процессе.
- Копия кнопки CTA адаптирована к предложению.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок «Посмотрите, насколько ярче может стать ваш день» не приносит ощутимой пользы. Тем не менее, все мы знаем GEICO достаточно хорошо, чтобы знать их слоган «15 минут могут сэкономить вам 15% или больше на страховании автомобиля» до такой степени, что брендинг заполняет пробелы для нас.
19. PayPal
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
- Синяя кнопка с призывом к действию появляется со страницы.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» не так адаптирован к предложению, как мог бы.
- На изображении текст не читается.
- Логотип связан с главной страницей, что позволяет потенциальным клиентам покинуть целевую страницу после клика без конвертации.
20. Джефф Буллас
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок передают явную выгоду.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Отзыв от Джеффа Булласа, а не от одного из его довольных клиентов. Отзывы хороши, но этот производит впечатление саморекламы. Если бы это была цитата от маркетолога, который использовал секреты ведения блога Джеффа для улучшения своих собственных кампаний, отзыв был бы еще более ценным.
21. Алекса
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия разделена на удобоваримые куски для удобства чтения.
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Три взаимодействующих CTA работают вместе, чтобы конвертировать потенциальных клиентов в разных местах на странице.
- Логотип Amazon связывает Alexa с мощным, хорошо известным брендом.
- Подчеркнуты особенности продукта , что обычно недопустимо, но равно как и их соответствующие преимущества.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Текст «Начни менее чем за 10 минут» подчеркивает мгновенное решение, к которому мы, как нетерпеливый коллектив, стремимся.
Что проводить A / B-тест:
- Больше белого пространства позволит каждому элементу целевой страницы после клика «дышать» больше и привлечь еще больше внимания к призыву к действию.
22.HubSpot
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Короткие абзацы и маркированная копия упрощают просмотр этой страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Несколько CTA работают вместе, чтобы убедить потенциальных клиентов совершить конверсию.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA «Продолжить» мог бы быть более убедительным.
- Кнопки социальных сетей дают людям точку выхода на целевой странице после клика.
23. Microsoft
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «сейчас» в CTA использует наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Уровень детализации этой страницы можно было бы уменьшить.
- Копия кнопки CTA может быть персонализирована в соответствии с предложением.
24. WordStream
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок носит творческий характер, потенциально предлагая малоизвестное секретное решение, отличное от обычного.
- Упавшая шахматная фигура служит наглядным пособием, указывая на кнопку CTA.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия дразнит содержание руководства.
- Слово «бесплатно» основано на нашем желании получить что-то даром.
Что проводить A / B-тест:
- Ссылки социальных сетей в нижнем колонтитуле могут оттолкнуть потенциальных клиентов со страницы, прежде чем они смогут совершить конверсию.
- Цвет формы совпадает с цветом заголовка и части копии.Он не так сильно выделяется, как мог бы, на остальной части страницы.
25. Судан Патель
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- CTA написано от первого лица.
- Отзыв от счастливого клиента укрепляет доверие к этому предложению.
- Поле «Назовите справедливую цену» позволяет людям выбрать, сколько они хотят заплатить. Нам было бы любопытно найти данные о том, какие суммы в долларах посетители согласились платить Судану Пателю…
Что проводить A / B-тест:
- Изображение ничего не добавляет к предложению.
- Поле выбора языка великолепно, но оно переводит только электронную почту и ссылки навигации, название поля цены и копию CTA. Если вы не умеете читать по-английски, как еще вас убедить в этом и в конечном итоге купить электронную книгу?
26. Нанят
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Охватите 4000 компаний за один раз» дает явную выгоду.
- Зеленая кнопка CTA появляется на белой форме.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Краткая форма упрощает регистрацию.
- «Бесплатная» услуга подчеркнута в подзаголовке.
- Диапазон заработной платы , указанный в подзаголовке, выше среднего, даже на нижнем уровне.
Что проводить A / B-тест:
- Меню навигации и логотип с гиперссылкой позволяют потенциальным клиентам слишком легко покинуть страницу.
27. Birst
покажите мне, как работает Instapage ➔Чем хороша эта страница:
- Первая строка текста относится к посетителям страницы, задавая им вопрос, на который они, вероятно, ответят «да».
- Маркированная копия дает посетителям представление о том, что они узнают, прочитав отчет.
- Кнопка призыва к действию выделяется на белом фоне.
- Слово «сейчас» в CTA выражает желание посетителей мгновенно получить удовольствие.Если вы нажмете кнопку, вы сразу же прочтете отчет.
Что проводить A / B-тест:
- Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
- Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Выделите его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
- Светло-серые ярлыки в каждом поле формы могут расстроить посетителей, когда они исчезнут.
28. Домо
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Отзывы довольных клиентов служат социальным доказательством.
- Кнопка CTA, цвет , появляется со страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок вообще не передает явной выгоды.
- CTA-кнопка может быть намного больше, чтобы привлечь больше внимания как самый важный элемент на странице.
29. Salesforce
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Минимальный текст упрощает просмотр этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Значки безопасности сообщают потенциальным клиентам, что их информация в безопасности.
- Слово «сейчас» в CTA подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот CTA действительно легко пропустить, поскольку он лишь немного отличается по оттенку от формы.
- Загруженный нижний колонтитул с картой сайта и кнопками социальных сетей позволяет потенциальным клиентам покинуть страницу без конвертации.
- Копию кнопки CTA нужно изменить на что-то более персонализированное.
30. Действительно толпа
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок дает посетителю явную выгоду: получать деньги за направление кандидата, которого наняли.
- Минимальный беглый текст упрощает просмотр этой страницы.
- Призывы к действию работают вместе, чтобы обратить посетителя.
- Копия подчеркивает гибкость и простоту использования.Регистранты могут заработать дополнительные деньги, когда захотят.
- Скриншот , показывающий четырехзначное вознаграждение за привлечение потенциальных клиентов, побуждает их совершить конверсию.
- Форма с одним полем упрощает преобразование для потенциального клиента.
Что проводить A / B-тест:
- Синяя кнопка с призывом к действию вверху страницы не привлекает столько внимания, сколько могло бы.
- Копия выровнена по центру (с нарушением левого поля) вместо традиционного выравнивания по левому краю, что затрудняет чтение, чем должно быть.
31. Upwork
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок с практическими рекомендациями подчеркивает, что, зарегистрировавшись, посетитель получит возможность узнать, как предприятия используют онлайн-таланты.
- Большой логотип Upwork позволяет потенциальным клиентам узнать, что они получают советы от крупного бренда.
- Маркированная копия быстро сообщает о преимуществах преобразования на странице.
Что проводить A / B-тест:
- Изображение в правом верхнем углу никак не связано с содержанием целевой страницы после клика.
- Форма с 8 полями может заставить людей покинуть страницу.
- Кнопка с призывом к действию не выделяется на фоне страницы, на которой уже много фиолетового цвета.
- CTA «Регистр» ничем не примечателен, и его можно было бы увеличить.
32. IBM Marketing Cloud
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Эта кнопка CTA, цвет , хорошо контрастирует с ее формой.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Призыв к действию «Отправить» не может быть более ничем не примечательным.
33. HubSpot
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Логотип HubSpot связан с их домашней страницей, что обеспечивает легкий доступ со страницы и может уменьшить количество конверсий для бесплатной оценки.
- Длинная форма может отпугнуть потенциальных клиентов от этой страницы, прежде чем они конвертируются.
34. Dreamforce
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Занятый нижний колонтитул отвлекает потенциальных клиентов от конверсии, позволяя им покидать страницу, когда им заблагорассудится.
- Кнопка «Поделиться» в конце формы позволяет посетителям покинуть страницу.
- Копию кнопки можно сделать релевантной оферте.
35. Capital One
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок ясно передает ценность предложения.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Совместные призывы к действию помогают конвертировать потенциального клиента в двух разных местах на странице.
Что проводить A / B-тест:
- Оживленный нижний колонтитул , заполненный ссылками и значками социальных сетей, отвлекает потенциальных клиентов от запроса предложения.
- CTA «Зарегистрируйтесь сейчас» может быть более адаптирован к предложению. Даже «Дай мне неограниченное количество проверок без ежемесячной платы», вероятно, будет лучше.
36. WordStream
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок вопроса привлекает читателя, обращаясь к нему напрямую.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу.
- Политика конфиденциальности отсутствует, , что может заставить посетителей задуматься: «Что WordStream будет делать с моей информацией, если я ее отправлю?»
37. Marketo
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- CTA «Загрузить» настолько же неинтересно, насколько это возможно.
- Заголовок можно было бы сформулировать так, чтобы передать более сильную выгоду.
38. Автопилот
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок этого тематического исследования предлагает ценный ресурс: подробный анализ того, как Instapage принес доход в размере 30 тысяч долларов за два месяца.
- Этот CTA написан от первого лица.
- Изображения очеловечивают докладчиков.
- Маркированная копия сообщает о преимуществах посещения вебинара.
- Названия докладчиков демонстрируют их опыт.
- Таймер обратного отсчета усиливает дефицит.
Что проводить A / B-тест:
- Speaker bios можно было бы добавить немного больше, чтобы убедить посетителей прийти.
39. Он 24
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает посетителям узнать о малоизвестных «секретах», которые помогут им увеличить количество регистраций на вебинары.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Цвет кнопки CTA уже используется на странице, поэтому ее легко пропустить.
- Нижний колонтитул навигации не имеет никакого смысла на целевой странице после клика.
40. Домо
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Копирование, разделенное на небольшие части. делает чтение этой страницы менее утомительным.
- Кнопка CTA, цвет появляется на фоне этой формы.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Эта кнопка с призывом к действию может быть больше, чтобы привлечь больше внимания.
- Многословие этой страницы можно сократить с помощью нескольких простых пунктов.
- Заголовок можно переместить на несколько позиций вверх. Он не выглядит по центру страницы.
41. Пользовательское тестирование
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «бесплатно» подчеркивает бесплатное предложение.
- Яркая кнопка цвета привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок мог бы передать более сильную выгоду.
- Политика конфиденциальности или значки доверия могут сделать посетителей более удобными при конвертации.
42. АКТ
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип не связан с главной страницей, что означает, что посетители не могут уйти, пока не совершат конверсию.
- Текст дает предварительный просмотр содержания электронной книги.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Два боевых призыва к действию снижают конверсию друг друга.
- Тонны текста делают эту страницу пугающей для чтения.
43. Университет Вилланова
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип Виллановы не содержит гиперссылок, что удерживает посетителей на странице и фокусирует внимание на цели целевой страницы после клика.
- Индикатор выполнения показывает, на каком шаге в данный момент находится посетитель и сколько всего шагов включено в процесс преобразования.
- Значки органов власти демонстрируют высокую оценку программы.
- Маркированная копия быстро расскажет о преимуществах регистрации.
Что проводить A / B-тест:
- Изображение на самом деле не передает преимущества онлайн-программы MBA Виллановы.
- CTA-кнопка не похожа на кнопку, а выглядит как простой индикатор выполнения.Где потенциальные клиенты должны щелкнуть, чтобы продолжить процесс регистрации?
44. WordStream
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слово «бесплатно» появляется на двух разных целевых страницах после клика, что подчеркивает бесплатный характер предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше желание найти немедленные решения наших проблем.
- Маркированная копия быстро сообщает о преимуществах преобразования.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу без конвертации.
- Два разных связанных логотипа в заголовке служат для исходящих выходов со страницы.
45. Microsoft Power BI
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок приносит пользу посетителю.
- Копия усиливает ценность, представленную в заголовке, утверждением «Анализ данных — это профессиональный атрибут высокого спроса. Фактически, это один из 10 лучших навыков, которые сегодня ищут многие компании ».
- Маркированная копия объясняет преимущества загрузки электронного журнала.
- Полужирные буквы создают визуальную иерархию, привлекающую внимание к важным фразам.
- Ссылки на политику конфиденциальности и товарные знаки включены в качестве ресурса для любопытных потенциальных клиентов, но они также имеют тусклый цвет, чтобы не отвлекать внимание от более важных элементов страницы.
Что проводить A / B-тест:
- Два логотипа с гиперссылками в заголовке и один в нижнем колонтитуле привлекают пользователей на домашнюю страницу, прежде чем у них появится возможность совершить конверсию.
- Светло-серые метки в полях формы могут запутать и расстроить потенциальных клиентов, как показывают исследования.
46. Marketo
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип, не связанный с главной страницей , не позволяет потенциальным клиентам уйти без конвертации.
- Заголовок «Как сделать» дает читателю очевидную пользу.
- Содержание относится к читателю.
- Беглый текст с маркированными точками упрощает просмотр этой страницы.
- Текст «Загрузите электронную книгу, чтобы узнать больше» с соответствующими стрелками направляет взгляд посетителей к форме.
- Инструкции на форме позволяют людям точно знать, как получить электронную книгу.
Что проводить A / B-тест:
- Призыв к действию «Загрузить» мог бы быть гораздо более убедительным.
- CTA-кнопка привлекла бы больше внимания, если бы была больше.
47. Google Cloud Platform
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный бесплатный ресурс.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Маркированная копия передает преимущества преобразования.
- Раздел часто задаваемых вопросов помогает ответить на любые вопросы посетителей о платформе.Однако включение внешних ссылок позволяет легко покинуть страницу, не позволяя посетителю сначала совершить конверсию по предложению.
Что проводить A / B-тест:
- Логотип в верхнем левом углу является гиперссылкой на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
- Занятый нижний колонтитул позволяет посетителям покинуть страницу без преобразования.
48. Shopify
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы убедить потенциального клиента совершить конверсию.
- Слово «Сегодня» в CTA подчеркивает мгновенную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , служит выходом для потенциальных клиентов.
49. Перколат
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Цвет кнопки CTA хорошо контрастирует с белой страницей.
- Несколько кнопок с призывом к действию работают вместе, чтобы конвертировать потенциального клиента.
- Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
- Содержание кегля упрощает чтение этой страницы, чем если бы она была покрыта текстом блока.
- Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.
Что проводить A / B-тест:
- Многочисленные ссылки в верхнем и нижнем колонтитулах служат для выхода со страницы, позволяя потенциальным клиентам уйти до того, как они конвертируются.
- Подзаголовок утверждает, что Percolate является платформой для контент-маркетинга №1 в мире, но где доказательства? Подобные фразы на самом деле делают противоположное тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
- Эти отзывы предоставлены безымянными покупателями. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.
50. SAP
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Нет навигации означает, что нет видимого выхода за пределы страницы.
- Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.
Что проводить A / B-тест:
- Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
- Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?
51. Whitman Syracuse University
Что у них хорошо получилось:
- Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
- Маркированная копия сообщает о преимуществах участия в программе.
Что проводить A / B-тест:
- Кнопка CTA, цвет , позволяет легко пропустить эту кнопку.
- В заголовке отсутствует четкое уникальное торговое предложение.
52. Академия онлайн-торговли
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок обращается к читателю, играя с его желаниями: они хотят зарабатывать деньги, которые мог бы получить трейдер с Уолл-стрит, не будучи им или не становясь им благодаря длительному, продолжительному формальному образованию.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента.
- Эта кнопка CTA цвета привлекает внимание потенциальных клиентов.
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
- Телефонный номер позволяет звонить в один клик, что упрощает потенциальным клиентам возможность связаться с Академией онлайн-торговли, если у них возникнут вопросы.
Что проводить A / B-тест:
- Ссылки на социальные сети внизу страницы отвлекают пользователей от достижения цели страницы.
53. Колониальная жизнь
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Изображение показывает посетителям, что они получат, когда совершат конверсию.
- Статистика в экземпляре доказывает, что работодателям трудно удерживать талантливых специалистов, и объясняет, почему им следует читать электронную книгу.
- Маркировка предварительный просмотр содержания 24-страничной электронной книги.
- Подзаголовок подчеркивает, что электронная книга бесплатна.
- Поле согласия не отмечено, что позволяет посетителям выбирать для себя, хотят ли они получать дополнительный контент от Colonial Life, а не просто выбирать их по умолчанию.
Что проводить A / B-тест:
- Ссылки в заголовке уводят посетителей со страницы на домашнюю страницу и профили в социальных сетях.
- Копия кнопки «отправить» не привлекает пользователей к заполнению формы.
- CTA-кнопка крошечная и едва заметная.
54. Ориби
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок вместе передают преимущество преобразования.
- Изображение дает представление о том, как на самом деле выглядит приборная панель.
Что проводить A / B-тест:
- Кнопка CTA синего цвета с логотипом Facebook, поэтому для остальной части страницы может быть полезно обновление цвета, отличное от кнопки. В результате будет лучше контраст между кнопкой и страницей.
- Слово «бесплатно» здесь действительно недооценено. Если вы предлагаете что-то бесплатно, дайте потенциальным клиентам об этом знать жирным шрифтом — в заголовке, тексте и призыве к действию.
- Блог и ссылок о нас дают посетителям возможность покинуть страницу.
55. FireEye
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» может быть лучше адаптирован к предложению.
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
56. Nutanix
Что у них хорошо получилось:
- Маркированная копия дает посетителям представление о том, что они получат в отчете.
- Минимальный текст делает страницу удобной для чтения.
Что проводить A / B-тест:
- Этот заголовок слишком эгоцентричен. Это не приносит никакой пользы посетителю.
- Текст, прописанный заглавными буквами в форме, завершенный восклицательным знаком, заставляет читателя чувствовать, что на них орут. Вы не можете заставить их прочитать форму, но можете убедить их сделать это.
- Форма из 7 полей может запугать потенциальных клиентов и заставить их покинуть страницу.
- Кнопка с призывом к действию не выделяется на странице, на которой уже есть изрядное количество синего цвета.
57. MapR
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро передает преимущества преобразования.
Что проводить A / B-тест:
- CTA «Submit» настолько же лишен воображения, насколько и они.
- Этот заголовок мог бы передать большую выгоду.
- Представление ораторов кажется неполным без хедшотов.
58. TapClicks
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слово «бесплатно» в этом заголовке дает понять, что предложение предоставляется бесплатно.То же самое и с текстом «Кредитная карта не требуется» в подзаголовке.
- Копия «Начни через 30 секунд» сообщает посетителю, что начать пробную версию легко и быстро.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет посетителям легко покинуть эту страницу.
- Отсутствие содержания делает маловероятным, что посетители заполнят эту форму.
- Форма из 9 полей может запугать посетителей и заставить их быстро покинуть эту страницу.
- Светло-серые ярлыки формы могут расстроить посетителей, когда они исчезают, когда посетители нажимают внутри каждого отдельного поля.
- Цвет кнопки CTA сливается со страницей, делая саму кнопку почти невидимой.
- Призыв к действию «Отправить» не вызовет у посетителей энтузиазма по поводу конверсии.
59. Apttus
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро передает преимущества преобразования.
- Отзывы добавляют доверия к этому предложению.
Что проводить A / B-тест:
- Нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам переходить на другие страницы перед конвертацией.
- Копия кнопки могла быть улучшена.
60. ThriveHive
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Цвет кнопки с призывом к действию больше нигде на странице не используется.
- Значки наград, полученных компанией.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- CTA «Загрузить» почти так же скучно, как «Отправить.Почему бы не «Пришлите мне мой план»?
- CTA «Здесь бесплатные планы» в верхней части формы немного сбивает с толку. Почему две кнопки CTA, которые выполняют одну и ту же работу, расположены так близко друг к другу на странице?
61. InsideSales.com
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Загруженный нижний колонтитул со ссылками на другие веб-страницы позволяет потенциальным клиентам покинуть страницу.
- CTA-копия может повысить коэффициент конверсии за счет использования персонализированной копии. «Загрузите My Ebook» или «Получите My Ebook» потенциально может конвертировать с более высокой скоростью.
62.Вантив
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро передает преимущества предложения.
- CTA-кнопка выделяется на белом фоне.
Что проводить A / B-тест:
- Копия кнопки «отправить» не вызывает у читателя энтузиазма при конвертации.
- Заголовок не захватывает читателя. Это не приносит никакой пользы.
- Все поля формы являются обязательными, что может привести к тому, что посетители приостановят загрузку электронной книги. Мы понимаем, требуются ли имя и адрес электронной почты, но необходимы ли организация и номер телефона для отправки посетителям электронной книги Vantiv?
63. Городской дирижабль
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро сообщает о преимуществах предложения.
Что проводить A / B-тест:
- Призыв к действию «Зарегистрируйтесь» можно было бы изменить на что-то более убедительное.
- Этот цвет кнопки CTA гармонирует с большей частью страницы.
- Снимки головы говорящих придали бы странице больше правдоподобия и увеличили бы человеческую привлекательность.
64. WalkMe
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок передают явное преимущество.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Призыв к действию подчеркивает бесплатное предложение.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Добавление белого пространства и предоставление каждому элементу возможности «дышать» действительно поможет максимизировать их внимание и убедить потенциальных клиентов начать работу с WalkMe.
- Увеличение размера кнопки CTA может вызвать больше кликов (хотя добавление большего количества белого пространства вокруг текущего CTA также поможет в этом).
65. AdEspresso University
Что у них хорошо получилось:
- Заголовок обращается напрямую к читателям и предлагает облегчить им жизнь.
- Логотипы крупных компаний добавляют авторитетности предложению, объединяя бренд с некоторыми известными компаниями.
- Крошечные разделы копии быстро описывают содержание курса.
Что проводить A / B-тест:
- Основная кнопка с призывом к действию «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение, только если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.
66.Kentico
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет посетителям уйти, не совершая конверсий на странице.
- Заголовок не очень ориентирован на пользователя.в нем не говорится о том, почему посетитель хотел бы пройти опрос или почему опрос важен.
67. Поразительно
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Регистрация в один клик упрощает преобразование.
- Логотипы известных компаний связывают этот бренд с надежными предприятиями.
- Копия «за секунды» основана на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- В разделе часто задаваемых вопросов есть ссылки для выхода в центр поддержки и страницу с ценами, которые уводят посетителя с целевой страницы после клика.
68. LabTech
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Маркированный текст позволяет посетителям быстро узнать, что они получат, посетив презентацию ConnectWise Roadshow.
Что проводить A / B-тест:
- Заголовок не указывает на явную выгоду.
- «Зарегистрируйтесь сейчас» — это скучный призыв к действию.
- Ссылки на карты мест проведения роуд-шоу позволяют потенциальным клиентам слишком легко уйти со страницы.
- Длинная форма делает преобразование здесь устрашающим.
69. DigitalMarketer
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Супер-короткая , однопольная форма делает преобразование простым.
- Некоторая копия под формой обеспечивает конфиденциальность.
Что проводить A / B-тест:
- Эту призрачную кнопку с призывом к действию легко пропустить.
- Форма прямо под заголовком кажется преждевременной. Подзаголовок, подробно описывающий продукт, был бы полезен.
70. Инклинг
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше врожденное стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют потенциальным клиентам покинуть страницу без конвертации.
- Поля раскрывающейся формы не помечены, что может сбивать с толку.
71. УДАР
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о выгоде.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает мгновенную выгоду от нажатия.
- Изображение служит визуальным представлением предложения.
- Стрелка действует как наглядное пособие, направляя взгляд потенциальных клиентов к кнопке CTA.
Что проводить A / B-тест:
- Кнопки обмена в соцсетях показали, что они лучше работают на страницах с благодарностью, где потенциальные клиенты могут поделиться со своими сетями после того, как определят ценность вашего предложения.
72. Наниган
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Выгода от конвертации (доход $ 7k) выделена на странице.
- Копия разбита на легко читаемые части, которые шаг за шагом объясняют, как заработать 7000 долларов, указанных на целевой странице после щелчка.
- Два взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента в разные места на странице.
- Логотипы компаний демонстрируют известные бренды, которые уже воспользовались услугой.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок не читается на белом фоне.
- Нижний колонтитул связан с домашней страницей, обеспечивая посетителям простой способ покинуть страницу без преобразования.
- Не обрезать лица людей на изображении.
73. Измеряется просто
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс: прогнозы экспертов, которые позволят вам начать планирование на 2027 год.
- Маркированная копия быстро сообщает о преимуществах загрузки руководства.
- Кнопка с призывом к действию больше нигде на этой странице не используется и привлекает внимание на белом фоне.
Что проводить A / B-тест:
- Логотип, связанный с главной страницей , дает посетителям простой способ покинуть эту страницу.
- CTA-копия «Отправить» не убедит пользователей загрузить этот отчет.
- Ссылки на учетные записи социальных сетей в нижнем колонтитуле дают потенциальным клиентам больше возможностей покинуть страницу.
74. Маховик
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс: полное руководство по управлению 50+ сайтами WordPress.
- Изображение дает представление о том, на что на самом деле похоже чтение ресурса.
- Цвет кнопки CTA появляется на синем фоне.
- Два взаимодействующих CTA работают вместе, чтобы преобразовать потенциального клиента.
Что может быть протестировано AB:
- CTA «Загрузить» не вызовет у потенциальных клиентов восторга от заявки на предложение.
75. Фитнес, одиночный разряд
Что у них хорошо получилось:
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Маркированная копия быстро сообщает о преимуществах регистрации.
Что проводить A / B-тест:
- CTA «Продолжить» не вызовет у потенциальных клиентов энтузиазма по поводу регистрации.
- Кнопка CTA, цвет , позволяет легко пропустить эту кнопку.
76. Мастер-класс
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок использует авторитет известного сценариста Аарона Соркина для увеличения числа подписчиков.
- CTA-кнопка появляется с черной страницы.
- Липкая полоса позволяет красному призыву к действию «Take the Class» всегда быть доступным и готовым к нажатию.
- Видео быстро объясняет, почему этот курс того стоит.
Что проводить A / B-тест:
- Ссылки на другие страницы позволяют посетителям уйти без конвертации.
77. Tokyo Cheapo
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображения дают представление о том, на что на самом деле похоже использование продукта.
- Отзывы усилить предложение социальным доказательством.
- Логотипы известных брендов объединяют компанию с проверенными брендами.
Что проводить A / B-тест:
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
78. Salesforce
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Слово «сейчас» в призыве к действию подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Этот цвет кнопки CTA уже использовался на странице несколько раз. Следовательно, это не так привлекает внимание, как могло бы быть.
79. Zurple
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- В заголовке используются такие слова, как «эксклюзивный» и «бесплатный», чтобы соблазнить читателей.
- Минимальная копия делает эту страницу удобной для чтения.
- Фотография показывает, как выглядит электронная книга.
- Маркированная копия позволяет предварительно просмотреть содержание книги.
- Логотипы компаний демонстрируют известные компании, которые используют Zurple по всей стране.
Что можно улучшить:
- Логотип, связанный с домашней страницей , позволяет пользователям выйти перед преобразованием.
- Копию кнопки «Отправить» можно было бы заменить на что-нибудь более убедительное.
80. Adaptiva
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Скорость отклика этой страницы означает, что когда окно настраивается или страница просматривается на устройстве с меньшим экраном, она все равно будет отображаться безупречно.
- Ярлыки над каждым полем формы не запутают потенциальных клиентов, как исчезающие в каждом поле формы.
Что проводить A / B-тест:
- Ссылка «домой» и логотип уводят пользователей со страницы, прежде чем они успеют нажать кнопку CTA.
- Отсутствие содержания на этой странице означает, что посетители не знают о преимуществах загрузки отчета.
- «Отправить» как CTA не заставит многих потенциальных клиентов скачать.
81. Серена
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слова, выделенные жирным шрифтом , создают визуальную иерархию, привлекая внимание к важным фразам.
- Ориентированная на выгоду копия описывает преимущества выбора Серены.
Что проводить A / B-тест:
- Заголовок слишком сфокусирован на «мне» и не очень хорошо подчеркивает пользу для читателя. Почему потенциальные клиенты должны использовать Серену? Чего добились с этим другие предприятия?
- Термин ITSM используется на странице много раз, но потенциальному клиенту не совсем понятно, что он означает.
- Гиперссылка на логотип служит для посетителей выходом, прежде чем они обратятся.
- Многочисленные исходящие ссылки в нижнем колонтитуле побуждают пользователей покинуть страницу.
- Значок PDF со стрелкой, направленной вниз, выглядит так, будто это может быть кнопка, и это может даже сбить с толку потенциальных клиентов, заставив их подумать, что им нужно щелкнуть для загрузки. Кроме того, даже если это не так, стрелка указывает на ссылки выхода в нижнем колонтитуле. Ваши визуальные подсказки должны направлять потенциальных клиентов к кнопке с призывом к действию, а не от нее.
- Призыв к действию не дает понять, что пользователю нужно щелкнуть, чтобы запросить отчет.Там написано «Щелкните здесь», но для чего?
- CTA-кнопка может больше походить на кнопку. Некоторое затенение по краям, чтобы придать ему трехмерный вид, или более закругленные углы могут сделать его более интерактивным.
82. Propel Marketing
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Слово «сейчас» основано на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» слишком общий.
- Слишком много ссылок на социальные сети , которые могут увести посетителей со страницы.
83. Outskirts Press
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок дает сильное преимущество.
- Логотипы крупных компаний добавляют авторитетности предложению, объединяя бренд с некоторыми известными компаниями.
- Этот CTA основан на нашем желании получить что-то даром, используя слово «бесплатно».
Что проводить A / B-тест:
- Множественные конкурирующие CTA работают друг против друга, рекламируя несколько предложений.
84. GKIC
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок цитирует известного копирайтера, который заработал миллионы долларов на написании кампаний по продаже товаров по почте для больших и малых компаний, и предлагает этот ресурс всего за 11 долларов.
- Эта кнопка с призывом к действию, цвет , появляется на фоне этой страницы.
- Этот CTA написан от первого лица.
- Слово «сейчас» в CTA использует наше стремление к мгновенным решениям наших проблем.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Вторичная ссылка с призывом к действию чуть ниже первой может сбить с толку посетителей. На что они нажимают, чтобы получить предложение? Почему два рядом друг с другом?
- Меню навигации дает потенциальным клиентам возможность покинуть страницу перед преобразованием.
85. GrowthLab
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе, используя статистические данные, чтобы сделать его еще более убедительным: «Это принесло 400,10 долларов.”
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- CTA написано от первого лица.
- Изображение служит визуальным представлением предложения.
- Краткая форма упрощает преобразование на этой странице.
- Логотипы крупных брендов повышают авторитет, объединяя эту компанию с надежными предприятиями.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам покинуть эту страницу перед конвертацией.
86. ProBlogger
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок вместе обещают преимущество тем, кто совершает конверсию: эксклюзивный доступ к 180 идеям сообщений в блогах, отправленных прямо на их почтовый ящик.
- CTA-кнопка «Да, пожалуйста» использует яркий цвет, чтобы привлечь внимание.
- Форма с двумя полями упрощает преобразование для потенциальных клиентов.
Что проводить A / B-тест:
- Желтый текст плохо читается на фоне страницы.
- Ярлыки в полях формы могут запутать и расстроить посетителей, как показывают исследования.
87. KlientBoost
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Все CTA написаны от первого лица.
- Эти призывы к действию основаны на нашем желании получить что-то даром, используя слово «бесплатно» прямо в нем.
- Изображение служит визуальным представлением предложения.
- Дополнительные изображения позволяют заглянуть в руководство.
- Отзывы служат социальным доказательством, повышая доверие к предложению.
Что проводить A / B-тест:
- Копия «+1 бонусный трюк, который нельзя пропустить» окружена прямоугольником, что делает его похожим на кнопку, хотя на самом деле это не так. Подобный дизайн может запутать потенциальных клиентов и заставить их думать, что страница загружена не полностью или кнопка не работает.
- Исходящие ссылки в биографии Джонатана Дейна могут отводить трафик со страницы.
88. Ангельская терапия и университет Hay House
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- CTA основывается на нашем желании получить что-то даром, добавляя слово «бесплатно».
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Этот цвет кнопки CTA мог бы привлечь больше внимания.
- Занятый нижний колонтитул , содержащий ссылки на другие веб-страницы, позволяет потенциальным клиентам покинуть страницу до конверсии.
- Копию можно было бы сократить, сейчас страница выглядит слишком перегруженной копией.
89. Skilljar
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» дает явное преимущество.
- Нумерованная копия быстро передает преимущества скачивания.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Кнопки социальных сетей показали, что они лучше работают на страницах с благодарностями после того, как преобразованные потенциальные клиенты прочитали ваш ресурс и решили, стоит ли им делиться.
90. Джейсон Свенк
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» передает явное преимущество, связанное с мощной статистикой.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- CTA написано от первого лица.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
- Текст «Куда мне отправить ваше видео» кажется ненужным, копии кнопки CTA кажется достаточным.
91. 180fusion
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Значки от Google, Inc 500 и Yahoo объединяют 180fusion с некоторыми влиятельными брендами.
- Отзывы рассказывают о преимуществах работы с этим агентством.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
слово
- «Занятость» этой страницы привлекает взгляды потенциальных клиентов со всех сторон. Куда же им смотреть со всеми красочными и привлекающими внимание элементами?
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
92. Linkfluencer
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок вопроса непосредственно привлекает читателя.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы конвертировать посетителей.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей. — потенциальная утечка на этой целевой странице после клика.
- Видео с автоматическим воспроизведением заставляет посетителей смотреть, даже если они не хотят.
- Навигационные ссылки в нижнем колонтитуле могут увести трафик с этой целевой страницы после клика.
93. Кашурба Веб-дизайн
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает пошаговое решение для получения «клиентов с высокими требованиями к веб-дизайну».
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Кнопка CTA, цвет , выделяется на белом фоне страницы.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Большой кусок мелкого шрифта в нижнем колонтитуле может заставить потенциальных клиентов усомниться в обоснованности предложения.
94. Метод Флетчера
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Призыв к действию здесь невозможно пропустить.
- Заголовок подчеркивает, что решение быстрое и простое.
- Изображение показывает потенциальным клиентам, что они получат, когда они конвертируются.
- Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.
Что проводить A / B-тест:
- Заглавные буквы заставляет читателя почувствовать, что на него кричат. Он также кричит «продажный». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
- Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
- Символы на кнопке CTA должны означать, что именно? Это стрелки?
95. Измеряется просто
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» — это классический способ дать понять, что читатель что-то узнает из предложения.
- Кнопка CTA, цвет , появляется со страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- Длинная форма со множеством обязательных полей делает эту страницу сложной для конверсии.
- Призыв к действию «скачать» может быть обновлен до чего-то гораздо более привлекательного.
96. Связанные продажи
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Два сотрудничающих CTA работают вместе, чтобы убедить потенциальных клиентов перейти.
- Оба CTA написаны от первого лица.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Таймер предупреждения и обратного отсчета использует дефицит для повышения конверсии.
Что проводить A / B-тест:
- Добавление биографии докладчиков могло убедить посетителей записаться на семинар.
- Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.
97. Драма
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
- Краткая форма не удерживает посетителей от предоставления своей личной информации.
- Пуленепробиваемая копия быстро передает преимущества конвертации.
- Яркая жирная кнопка CTA привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок ориентирован на «меня», но он должен быть больше сосредоточен на посетителе и на том, как продукт решает их проблему.
- Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны рассматривать нас».«Эта страница не о вас, а о вашем посетителе.
98. Sam Ovens
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок тематического исследования предлагает явное преимущество — подробный анализ того, как один человек получает 30-50 клиентов-консультантов каждый месяц.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Кнопка большая , что привлекает к себе внимание потенциального клиента.
- CTA написано от первого лица: «Зарезервировать MY Seat» вместо «Зарезервировать YOUR Seat».”
- Слово «сейчас» в CTA передает немедленную выгоду, которая наступает при нажатии кнопки.
Что проводить A / B-тест:
- Видео с автовоспроизведением было показано, что количество конверсий снижается. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.
99. Лурн
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явных преимуществах, предлагая «удобное для новичков» предложение.
- Эта кнопка с призывом к действию, цвет , появляется со страницы, привлекая внимание потенциальных клиентов.
- Этот CTA написан от первого лица.
- Стрелка служит наглядным пособием, направляя взгляд потенциального клиента к кнопке с призывом к действию.
- Отзывы от известных людей усиливают убедительность этой целевой страницы после клика.
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
Что проводить A / B-тест:
- Этот загруженный нижний колонтитул дает потенциальным клиентам слишком много способов покинуть страницу.
100. Класс интернет-маркетинга
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро передает преимущества преобразования.
- Изображение показывает потенциальному клиенту, что он получит, нажав кнопку «Загрузить сейчас».
- Заголовок предлагает пошаговый метод генерации трафика.
Что проводить A / B-тест:
- Ссылку на страницу контактов в нижнем колонтитуле можно заменить номером телефона или адресом электронной почты, чтобы потенциальные клиенты оставались на этой странице.
- Несколько форматов шрифтов затрудняет чтение этой страницы. Заголовок выделен красным жирным шрифтом, фраза выделена синим цветом, текст в маркированном тексте выделен жирным шрифтом и т. Д. Упрощение формата может устранить трение и удерживать посетителей на странице дольше, поощряя их к конверсии.
101. Больше клиентов Больше результатов
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает явное преимущество: пошаговое руководство по привлечению клиентов.
- Копия рядом с зелеными галочками передают преимущества просмотра видео.
- CTA написано от первого лица.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Скриншоты показывают довольных покупателей.
Что проводить A / B-тест:
- Нижний колонтитул со ссылкой на домашнюю страницу позволяет потенциальным клиентам покинуть эту целевую страницу после клика.
102.Pepperdata
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA-кнопка может быть больше и включать персонализированную копию.
- Форма действительно длинная, учитывая, что предлагается всего одна бесплатная глава из книги. Обязательны ли для этой страницы поля «Заголовок», «Роль» и «Телефон»?
- Занятый нижний колонтитул со ссылками позволяет потенциальным клиентам покинуть эту страницу без конвертации.
103. Закон притяжения мира
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- CTA использует слово «бесплатно» и позволяет посетителям точно знать, где им нужно щелкнуть, чтобы получить предложение.
Что проводить A / B-тест:
- Заголовок сенсационен и совершенно неправдоподобен. «Как получить все, что угодно»? Да правильно.
- Фоновое изображение создает впечатление, что изображение парит в пространстве.Что общего у солнечной системы с электронной книгой?
- Кнопка «Мне нравится» в Facebook дает посетителям возможность покинуть страницу до конвертации и никогда не вернуться.
104. Тренерская тактика футбола
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок представляет собой ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок в цитатах — почему?
- В этом CTA используются убедительные слова, такие как «Бесплатный» и «Мгновенный доступ», но без глагола действия не совсем понятно, является ли большой желтый блок кнопкой, которую можно нажимать.Добавление такого слова, как «Получить» в начале этого слова, или фразы, например, «Настаивать», сделает ситуацию более очевидной для потенциального клиента.
105. Midas Media
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Неортодоксальный заголовок привлекает внимание читателя.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Поля формы можно переупорядочить, чтобы добавить к визуальной иерархии страницы и центрировать кнопку CTA.
106. Infusionsoft
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс и использует слово «бесплатно».
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот CTA написан от первого лица.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют посетителю покинуть страницу, что никогда не способствует конверсиям.
107. Членство Мастера сайта
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Не кликабельный логотип позволяет посетителям сосредоточиться на конверсии.
- Телефонный номер в правом верхнем углу страницы дает людям возможность связаться с компанией, не покидая страницы.
- Предложение — это «окончательный список» со 114 нишевыми идеями. Список из 20 — это хорошо. Список из 50 лучше. 114 звучит даже более ценно для читателя.
- На вопрос «Ищете идею ниши для членского сайта?» напрямую обращается к читателю.
- Маркированная копия подчеркивает преимущества преобразования.
- Несколько кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Текст в форме позволяет людям узнать, куда ведет ссылка и сколько времени потребуется, чтобы она туда попала.
- CTA-кнопка под формой написана от первого лица.
- Форма с двумя полями делает преобразование легким для посетителей.
Что проводить A / B-тест:
- Ссылка в нижнем колонтитуле направляет потенциальных клиентов на главную страницу сайта.
- Телефонный номер не является интерактивным, что затрудняет обращение в компанию, чем это необходимо.
- Всплывающее окно выхода — это то же предложение, что и предложение целевой страницы после щелчка. Если кто-то покидал вашу страницу, потому что решил, что не хочет претендовать на ваше предложение, зачем вам предлагать им тот же контент, что и последняя попытка получить их адрес электронной почты?
108. Формула социального масштабирования
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок вопроса привлекает читателя.
- Экземпляр обещает раскрыть тайну.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Призыв к действию написан от первого лица.
Что проводить A / B-тест:
- Размытое изображение выглядит ненужным. Вместо того, чтобы оставлять место для изображения, которое на самом деле ничего не показывает посетителям, было бы намного лучше, если бы они добавили больше текста и больше писали о своей структуре таргетинга.
109. StubGroup
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок передает сильное преимущество и использует слово «бесплатно».
- Маркированная копия подчеркивает быстрые и легкие преимущества подачи заявки.
- Кнопка CTA цвета появляется на фоне формы.
- Это поясняющее видео быстро описывает услугу простым языком.
- CTA извлекает выгоду из нашего врожденного желания получить что-то даром, используя слово «бесплатно.”
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
Что проводить A / B-тест:
- В первой строке копии говорится о «недавнем новостном сообщении», но не упоминается дата, поэтому посетители не знают, насколько недавно это было. Конечно, внизу формы есть ссылка, но было бы лучше, если бы они прояснили ситуацию и добавили дату.
110. Сброс воина
- CTA-кнопку легко обнаружить.
- Форма с тремя полями упрощает преобразование.
- Заголовок подчеркивает бесплатное предложение.
Что проводить A / B-тест:
- Заголовок, состоящий только из заглавных букв, и призыв к действию читаются так, как будто они кричат на потенциального клиента.
- Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
- Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
- Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов до того, как они успевают совершить конверсию.
Как оцениваются ваши целевые страницы после клика?
Совершали ли вы какие-либо ошибки, допущенные указанными выше брендами? Как в сравнении выглядят ваши целевые страницы после клика?
Сообщите нам об этом в комментариях, а затем используйте полученные знания для создания оптимизированной целевой страницы с высокой конверсией после клика с помощью Instapage, удобной для дизайнеров платформы.
25 лучших примеров посадочных страниц от ведущих компаний для вдохновения
Когда дело доходит до цифрового маркетинга, мы должны смотреть на лучшие примеры целевых страниц ведущих лидеров отрасли, чтобы улучшать их и извлекать уроки.
В конце концов, эти ориентированные на действия автономные веб-страницы имеют решающее значение для продвижения людей на всех этапах пути к покупке. И если хорошо зарекомендовавшие себя компании используют целевые страницы, то они должны быть неотъемлемой частью любой маркетинговой стратегии, особенно на уровне предприятия.
Ниже вы найдете лучшие примеры целевых страниц 25 ведущих компаний. Прочтите их, чтобы начать учиться у лучших и создать собственную высокоэффективную целевую страницу после клика. Вы также можете щелкнуть название бренда, чтобы найти отдельную статью с еще большим количеством примеров этого бренда.
25 лучших компаний с лучшими примерами посадочных страниц
(Имейте в виду, что для более коротких страниц мы показываем всю страницу. Для более длинных страниц мы отображаем только над сгибом.Возможно, вам потребуется перейти к примеру целевой страницы, чтобы увидеть некоторые из обсуждаемых нами вопросов. Кроме того, некоторые сайты могут проводить A / B-тестирование своих страниц, что означает, что вам может быть предоставлена альтернативная версия.)
1. Пример целевой страницы Marketo
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок сообщает посетителям, о чем именно идет речь.
- Изображение показывает посетителям, что они могут ожидать, если они решат загрузить отчет.
- Маркировка позволяет потенциальным клиентам быстро просмотреть страницу, чтобы узнать, что включает в себя отчет.
- Социальное доказательство — отзыв клиента и значки компании — повышает доверие к предложению и компании в целом.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Marketo и ссылка Legal в нижнем колонтитуле — предоставляют посетителям возможность покинуть страницу, не загружая отчет.
- Форма из 5 полей может напугать кого-то на этом этапе рассмотрения покупателя.Удаление «Должности» и «Компания» может побудить большее количество посетителей заполнить форму.
- Кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что она используется в другом месте на странице.
- Копия кнопки CTA расплывчата. Измените его на что-то вроде «Я хочу отчет!» может побудить больше потенциальных клиентов щелкнуть.
- Большой блок выделенной курсивом копии не кажется необходимым, и его удаление может улучшить результаты преобразования.
- Добавление полного имени и портрета к отзыву клиента может повысить доверие к нему.
- Добавление белого пространства поможет странице выглядеть менее загруженной и более эстетичной.
2. Пример целевой страницы Slack
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Уникальный стиль прокрутки позволяет отображать всю необходимую информацию, позволяя посетителям получать информацию без необходимости перемещаться вверх и вниз по странице.
- Форма захвата лида постоянно отображается, когда пользователи просматривают контент.
- Копия кнопки с призывом к действию убедительна, потому что она короткая, прямая и в ней используется слово «бесплатно».
- Только одно поле формы дает высокую вероятность того, что посетители заполнят форму.
- Изображения яркие, привлекательные, используют фирменные цвета и относятся к каждому соответствующему разделу.
- Использование социального доказательства может заставить посетителей почувствовать себя обязанными использовать Slack.
Что проводить A / B-тест:
- Есть несколько ссылок для выхода , включая логотип Slack, «Войти», «Просмотреть все приложения», «Посмотреть истории клиентов», «продукт», «цены» и «Enterprise Grid» — что делает его более вероятным. чтобы посетители уходили со страницы без конвертации.
- Отсутствие политики конфиденциальности может помешать потенциальным клиентам передать свой адрес электронной почты.
3. Пример целевой страницы Oracle
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Отчет по формированию спроса Статистика в копии не является «недавней», как говорится в ней, — она датируется периодом до 2016 года, а дата авторских прав на этой странице — 2017 год.
- Изображение информационного документа дает посетителям возможность предварительного просмотра того, что они могут ожидать, загрузив информационный документ.
- Контрастный цвет формы выделяется и привлекает внимание, побуждая посетителей завершить ее.
- Непроверенный поле согласия гарантирует, что потенциальные клиенты, которые согласны, хотят получать электронные письма от Oracle.
Что проводить A / B-тест:
- Логотип компании и элементы навигации в верхней части страницы потенциально могут удалить посетителей со страницы без загрузки официального документа.
- Маленькая копия в полях формы и под ними плохо читается.
- Белая кнопка с призывом к действию не так сильно выделяется, как могла бы, потому что она белая вверху и внизу страницы.
- Ссылки выхода в нижнем колонтитуле предоставляют посетителям еще больше возможностей покинуть страницу.
4. Пример целевой страницы Google Hire
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Логотип Hire в верхнем левом углу сразу же сообщает посетителям, где они находятся, когда они попадают на страницу.Тот факт, что на нее нет гиперссылок, также не позволит людям щелкнуть мышью, что делает ее отличной целевой страницей после щелчка.
- Четкий заголовок говорит о перспективах демонстрации, которая будет включать информацию об инструментах найма.
- Минимальная точная копия позволяет посетителям быстро прочитать и определить, хотят ли они конвертировать предложение.
- Инкапсуляция формы помогает ей выделяться на странице, что, вероятно, увеличивает коэффициент конверсии.
- Ссылка на политику конфиденциальности в нижнем колонтитуле повышает доверие, заставляя потенциальных клиентов чувствовать себя более комфортно при отправке своей личной информации.
Что проводить A / B-тест:
- Соответствие сообщения можно улучшить. Я попал на эту целевую страницу после нажатия на кнопку веб-семинара по найму с кнопкой CTA, побуждающей посетителей «зарегистрироваться» на «предстоящем вебинаре». Целевая страница после клика вообще не упоминает веб-семинар, а вместо этого продвигает демонстрацию по запросу. Если Google Hire считает их вебинар и демонстрацию одним и тем же, увеличение совпадения сообщений между двумя страницами, вероятно, уменьшит путаницу у посетителей.
- 14 полей формы — это много даже для этапа рассмотрения маркетинговой воронки. Разделение этого на многоступенчатую форму может уменьшить трение формы и привести к большему количеству преобразований.
- Бирюзовая кнопка CTA похожа на другой оттенок синего на странице. Сделав его более контрастным, например, оранжевым, мы сделаем его более «всплывающим».
- Страница неуравновешенная . Включение дополнительного элемента целевой страницы после щелчка слева от нижней части формы, такого как отзыв клиента или привлекательное изображение, может сделать страницу более эстетичной.
5. Пример целевой страницы Uber
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Логотип Uber вверху страницы сразу сообщает посетителям, где они находятся. Тот факт, что он не связан с главной страницей, выступающей в качестве ссылки для выхода, также является плюсом.
- 5 полей формы подходят для страницы регистрации, тем более что они не запрашивают очень личную информацию.
- Необязательное поле промокода удобно, потому что оно не появляется до тех пор, пока потенциальный клиент не нажмет на него, а форма ограничена 5 полями.
- Зеленая кнопка с призывом к действию выделяется, потому что на странице нет другого зеленого цвета.
- Стрелка на кнопке с призывом к действию действует как указатель направления, указывая на то, что посетители должны щелкнуть, чтобы увидеть, что находится на другой стороне этой целевой страницы после нажатия.
Что проводить A / B-тест:
- Вряд ли какая-либо копия на странице может вызвать у посетителей чувство неосведомленности и неуверенности.
- Добавление социального доказательства , например, цитируемого отзыва от нынешнего водителя Uber, может вызвать большее доверие у посетителей.
- Копия «Зарегистрироваться» на кнопке CTA не является оригинальной или персонализированной. «Прокатись прямо сейчас!» более информативный и увлекательный.
6. Пример целевой страницы IBM
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок отчетливый и интригующий, побуждая посетителей продолжить вниз по странице, чтобы узнать больше о предложении.
- Минимальная копия дает краткий обзор официального документа, не перегружая потенциальных клиентов ненужной информацией.
- Предоставление возможности переключения языков — отличная идея в теории. К сожалению, когда посетители выбирают другой язык, они попадают на главную страницу вместо того, чтобы напрямую переводить эту целевую страницу после клика.
Что проводить A / B-тест:
- Навигация по верхнему и нижнему колонтитулам может легко отвлечь посетителей от настоящего предложения и увести их со страницы без преобразования.
- Уравновешивание страницы путем добавления изображения или отзыва клиента с левой стороны сделало бы ее визуально более привлекательной.
- Кнопка с призывом к действию может быть улучшена в соответствии с нашими рекомендациями по использованию целевой страницы после клика. Цвет мог бы быть более контрастным и привлекательным, а текст мог бы быть более ориентированным на потребителя и выгодным.
7. Пример целевой страницы LendingClub
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок выделен жирным шрифтом, чтобы выделить ценностное предложение.
- Инкапсуляция формы с помощью цветового контраста делает ее привлекательной.
- Красные кнопки с призывом к действию контрастируют и выделяются на странице, вероятно, увеличивая конверсию.
- Раздел «Инвестирование через LendingClub» предоставляет основные преимущества партнерства с компанией, не заполняя страницу огромным количеством копий. К тому же конкретный процент инвестиций служит социальным доказательством.
- Логотипы компании также служат социальным доказательством и дают посетителям понять, что многие известные бренды признают LendingClub и доверяют ему.
- Несколько кнопок CTA дают потенциальным клиентам несколько шансов конвертировать предложение.
Что проводить A / B-тест:
- Множественные ссылки для выхода — логотип LendingClub, «Условия использования», «Подробнее», несколько слов мелким шрифтом и навигация в нижнем колонтитуле — могут удалить посетителей со страницы без преобразования.
- Изменение направления взгляда человека на фотографии, чтобы посмотреть на форму захвата лида, может подсознательно побудить большее количество посетителей ее заполнить.
- Изменение копии кнопки CTA на что-то более привлекательное и убедительное, например: «Начни инвестировать сейчас и получи прибыль!» может привести к большему количеству конверсий.
- Чрезмерное количество мелкого шрифта внизу страницы пугает и может заставить потенциальных клиентов задуматься, есть ли у компании скрытые планы.
8. Пример целевой страницы домофона
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Юмор , особенно в разделе «Боты сегодня действительно раздражают», помогает установить тесную, чуткую, человеческую связь с посетителями.
- Заголовки разделов с минимальной копией сообщают потенциальным клиентам, что включает в себя Оператор (и как это может им помочь), не заполняя страницу ненужным текстом.
- Достаточное свободное пространство делает страницу более удобной и удобоваримой для навигации.
Что проводить A / B-тест:
- Заголовок частично скрыт. Текстовые поля, закрывающие его, можно немного сдвинуть, чтобы был виден весь заголовок.
- Множественные ссылки для выхода — логотип Intercom вверху и внизу страницы, ссылка для входа под первой формой и ссылка «Узнать больше» под второй формой — могут отвлекать посетителей и удалять их со страницы перед преобразованием. .
- Форма и кнопка с призывом к действию сливаются с остальной частью страницы, потому что многие элементы на странице отформатированы одинаково и кажутся интерактивными.
9. Пример целевой страницы Microsoft
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок , ориентированный на выгоду, сообщает посетителям, что они могут улучшить мобильную производительность своей команды с помощью Office 365, и побуждает их узнать больше с помощью электронной книги.
- Изображение продукта показывает потенциальным клиентам, что они получат, если решат загрузить электронную книгу. Увеличив его и сделав более реалистичным, можно еще больше улучшить результаты конверсии.
- Маркированные с минимальной копией позволяют потенциальным клиентам сканировать страницу для получения соответствующей информации.
- Инкапсулированная форма выделяется, обращая внимание посетителя на ее завершение.
- Зеленая кнопка с призывом к действию привлекает внимание, поскольку хорошо контрастирует с остальной частью страницы.
Что проводить A / B-тест:
- Гиперссылка на логотип Office может увести посетителей со страницы, не увидев предложения и не конвертируясь.
- Изображение мужчины кажется неуместным для предложения. Заменить его на человека, использующего Office 365 или читающего электронную книгу, могло бы быть более эффективным.
- Восемь обязательных полей формы могут напугать кого-то, кто только находится на этапе рассмотрения вопроса о покупке.
- CTA-копия неточна и неточна. Измените его на что-то более индивидуальное и захватывающее, например: «Пришлите мне электронную книгу!» скорее всего, побудит больше потенциальных клиентов щелкнуть.
- «Посмотреть планы и расценки» внизу страницы может отвлекать посетителей от основного предложения и мешать им совершить конверсию.
- Добавление социального доказательства , такого как отзыв клиента или печати доверия, повысило бы доверие.
10.Пример целевой страницы Lyft
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Подзаголовок служит социальным доказательством, позволяя посетителям узнать, что другие люди сделали отличные советы, работая с Lyft.
- Только одно поле формы с запросом номера телефона можно быстро и легко заполнить, так что это не отпугнет многих потенциальных клиентов.
- Если флажок не установлен, дает кандидатам почувствовать, что выбор полностью за ними.
- «Получите бонус в 250 долларов» , вероятно, является убедительным стимулом для многих потенциальных клиентов.
- CTA-кнопка «Подать заявку» — это тег привязки, который выводит потенциальных клиентов вверх страницы для быстрого заполнения формы.
- Функция калькулятора позволяет посетителям определить, сколько денег они могли бы заработать, если бы выбрали Lyft.
- Раздел «Почему Lyft» использует иконографию и минимальную простую копию, чтобы передать основные преимущества работы в Lyft.
- Слайдер «Как работает Lyft Driving» объясняет, как Lyft работает с помощью мобильного приложения.
- «Страховая защита Lyft» и «Рейтинги пассажиров» дает водителям уверенность, когда речь идет о вождении в Lyft.
Что проводить A / B-тест:
- Многие ссылки для выхода — включая логотип Lyft и несколько гиперссылок по всему тексту — могут отвлекать посетителей и уводить их со страницы без преобразования.
- Заголовок: Lyft vs.Uber , но на странице нет ничего, что сравнивало бы эти две услуги.
- Белый текст не отображается на белом логотипе на рубашке мужчины.
- Перенаправление взгляда человека на форму захвата лида может привести к тому, что больше посетителей ее заполнили.
- Кнопка CTA, копия , «Далее», настолько скучна, насколько это возможно. Измените его на что-то более увлекательное, например «Начни зарабатывать деньги прямо сейчас!» вероятно, улучшит результаты конверсии.
- Розовая кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что розовый используется так же везде на странице.
11. Пример целевой страницы постоянного контакта
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок и подзаголовок ориентированы на выгоду и хорошо поддерживают друг друга.
- Минимальная копия позволяет посетителям понять предложение, не перегружая себя лишним текстом.
- Оранжевая кнопка CTA выделяется тем, что хорошо контрастирует с остальными цветами на странице.
- Дизайн с переходом по ссылкам с формой захвата потенциальных клиентов на следующей странице позволяет посетителям получить всю информацию о предложении, не отвлекаясь и не запугиваясь формой.
Что проводить A / B-тест:
- Гиперссылка на логотип Constant Contact может сразу увести посетителей со страницы, не увидев всего предложения.
- На кнопке с призывом к действию слишком много текста, что делает ее маленькой и трудной для чтения. «Без риска. Кредитная карта не требуется ». можно переместить под кнопкой.
- Отсутствие политики конфиденциальности. может заставить потенциальных клиентов не решиться совершить конверсию.
- Добавление социального доказательства , например отзыва клиента, скорее всего, заставит кандидатов чувствовать себя более уверенно в своем решении подписаться на постоянный контакт, что повысит коэффициент конверсии.
12.Пример целевой страницы Salesforce
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Первичные и вторичные заголовки убедительны, потому что они признают проблему и предоставляют решение.
- На изображении посетители могут увидеть мобильное приложение Wave Analytics.
- Минимальная точная копия описывает предложение, не заполняя страницу огромным текстом.
- Контрастная инкапсулированная форма помогает ей выделиться и, вероятно, побуждает больше людей завершить ее.
- Стрелки — одна указывает на первое поле формы, а вторая — на кнопку CTA — служат в качестве ориентиров.
- Значки доверия и политика конфиденциальности помогают потенциальным клиентам быть уверенными в том, что их личная информация останется в безопасности и конфиденциальности.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Salesforce, значки доверия, ссылки в социальных сетях и ссылки нижнего колонтитула — позволяют посетителям легко покинуть эту страницу.
- 8 полей формы может удерживать посетителей от заполнения формы.Удаление ненужных запросов или преобразование их в многоступенчатую форму уменьшит трение и приведет к увеличению количества загрузок.
- Синяя кнопка CTA гармонирует с синей формой. Если вы попробуете использовать более контрастный цвет (например, оранжевый), это привлечет больше внимания посетителей.
- Копию кнопки CTA можно улучшить до чего-то более заманчивого, например «Покажи мне демонстрацию Wave Analytics!»
- Добавление социального доказательства , такого как отзыв клиента Salesforce, повысило бы ценность доверия у посетителей и поощрило бы больше демонстрационных просмотров.
13. Пример целевой страницы Zoho
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок сразу предлагает два преимущества подписки на бесплатный план Zoho CRM — улучшение отношений с клиентами и предоставление десяти бесплатных пользователей.
- «Бесплатно» используется в нескольких местах на странице — в заголовке, на кнопках CTA и несколько раз во всей описательной копии.
- Несколько красных кнопок CTA хорошо контрастируют с остальной частью страницы, выделяют их и привлекают внимание.Первая кнопка — это тег привязки, который удобно переносит потенциальных клиентов в форму внизу страницы.
- Значок мыши указывает посетителям, что они должны прокрутить страницу вниз, чтобы увидеть дополнительную информацию. Это также тег привязки, поэтому, если они нажимают на него, они немедленно переносятся в следующий раздел без необходимости прокрутки.
- Длинный список функций передает все, что предлагает Zoho CRM.
- Двухэтапный дизайн означает меньшее трение на этой странице, потому что форма не видна, пока потенциальный клиент не нажмет нижнюю кнопку CTA.
- Обводка формы желтым цветом помогает привлечь к ней внимание и, вероятно, увеличит коэффициент конверсии.
- Форма с 3 полями, требующая только имя, адрес электронной почты и пароль, снижает трение.
- Снятый флажок Zoho newsletter означает только искренний интерес; потенциальные клиенты получат контент.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Zoho, «Условия обслуживания» и ссылки на социальные сети — могут отвлекать посетителей и уводить их со страницы, прежде чем они успеют совершить конверсию.
- Изображение рукопожатия имеет отношение к предложению, но использование фотографии двух людей, улыбающихся и обменивающихся рукопожатием, может быть еще более эффективным.
- Копия кнопки CTA в форме «Зарегистрироваться» может быть улучшена. Его даже можно изменить, чтобы скопировать копию на кнопке CTA, находящейся вверху страницы: «Начни бесплатно».
14. AWeber, пример целевой страницы
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок сразу сообщает потенциальным клиентам, что веб-семинар длится всего 30 минут.
- Кнопка CTA находится спереди и по центру , поэтому посетители обязательно увидят ее сразу после перехода на страницу. Кроме того, текст является описательным и захватывающим, что, вероятно, побуждает потенциальных клиентов нажать на него.
- Двухэтапный дизайн удаляет форму захвата лида с этой страницы, и потенциальные клиенты видят ее только тогда, когда они нажимают кнопку CTA. Это означает меньшее трение и потенциально больше конверсий.
- Всего 3 поля формы — просто запрашивают дату / время события, имя и адрес электронной почты — можно быстро и легко заполнить.
- Копия , выделенная курсивом, сообщает потенциальным клиентам, что даже если они не могут посетить какое-либо из запланированных мероприятий, они все равно могут подписаться на получение записи.
- Снимок в голову и описание Тома Тейта — хорошее включение, потому что потенциальные клиенты могут видеть и узнавать, кто будет представлять. Хотя увеличение изображения, вероятно, повысит его эффективность.
- Ссылка на политику конфиденциальности внизу страницы, вероятно, заставит потенциальных клиентов чувствовать себя более комфортно при передаче своей личной информации.
Что проводить A / B-тест:
- Синяя кнопка с призывом к действию должна быть протестирована в цвете, который больше нигде на странице не используется, чтобы сделать ее более привлекательной.
- Другое форматирование , примененное к разделу «Вот что мы расскажем» (отступ в списке, добавление значков или стрелок, использование полужирного шрифта и т. Д.), Сделало бы его более заметным и побудило бы больше людей его прочитать.
- Две ссылки на домашнюю страницу внизу страницы потенциально могут перенаправить посетителей с этой страницы без преобразования.
- Включение социального доказательства , например отзыва клиентов или статистики AWeber, вероятно, повысит доверие к потенциальным клиентам и повысит коэффициент конверсии.
15. Squarespace
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок «Заявите права на свой домен» эффективен, потому что он передает ощущение срочности. Потенциальные клиенты должны потребовать желаемый домен раньше, чем кто-либо другой.
- Ссылка «Узнать больше» в подзаголовке — это тег привязки, который отправляет людей дальше вниз по странице, чтобы получить дополнительную информацию о предложении.
- Простой, единообразный шрифт по всей странице придает ей профессиональный вид.
- Небольшие фрагменты копии облегчают чтение и усвоение содержимого.
- Сравнение Squarespace с конкурентами позволяет потенциальным клиентам узнать, что они могут извлечь выгоду разными способами, выбрав Squarespace над кем-либо еще.
- Взгляд женщины внизу страницы направлен прямо на заголовок раздела, что, вероятно, заставит посетителей тоже туда заглянуть.
Что проводить A / B-тест:
- Ссылки в верхнем колонтитуле и навигация в нижнем колонтитуле позволяют посетителям легко покинуть страницу, не предпринимая никаких действий.
- Поле домена сливается с остальной частью страницы. Несмотря на то, что он большой, он выглядит как еще один элемент дизайна на странице, и посетители могут его легко пропустить.
- Кнопки с призывом к действию больше «всплывали» на странице, если бы они были более контрастного цвета, например красного или желтого.
16. Пример целевой страницы Mixpanel
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок персонализирован и ориентирован на выгоду. Он спрашивает посетителей, готовы ли они развивать свой бизнес.
- Изображение показывает потенциальным клиентам, что они могут просматривать электронную книгу на нескольких устройствах.
- Краткое описание электронной книги дает посетителям краткий первоначальный обзор предлагаемой электронной книги.
- Форму с 4 полями заполнять быстро и легко, что увеличивает шансы посетителей сделать это.
- Копия кнопки CTA использует вид от первого лица, что помогает потенциальным клиентам почувствовать связь с предложением.
- Раздел «Что внутри вашей электронной книги» подробно описывает краткое описание, упомянутое выше, выделяя важные моменты, сделанные в электронной книге, а также то, что руководители продуктов обсуждают их. Включение хедшотов — тоже приятный штрих.
- Отсутствуют ссылки для выхода делают почти невозможным покинуть страницу без преобразования.Единственный способ покинуть страницу — это щелкнуть «X» на вкладке браузера или заполнить форму.
Что проводить A / B-тест:
- Заголовок формы вводит в заблуждение. Это означает, что единственная необходимая информация — это адрес электронной почты, тогда как на самом деле для активации электронной книги необходимы еще три поля формы.
- Синяя кнопка с призывом к действию не выделяется, потому что она гармонирует с остальной цветовой схемой страницы. Тестирование цвета, который больше нигде на странице не используется, может улучшить результаты конверсии.
- Добавление сигналов доверия для уверенности людей в том, что их личная информация будет в безопасности — например, политика конфиденциальности или значки безопасности — может увеличить количество потенциальных клиентов.
17. Пример целевой страницы Infusionsoft
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Социальное доказательство — значки компании вверху страницы и отзывы клиентов внизу страницы — вселяют в потенциальных клиентов чувство уверенности и доверия.
- Заголовок отлично справляется с распознаванием проблемы посетителя, сочувствием к нему и последующим предложением решения.
- Подзаголовок хорошо поддерживает заголовок, обеспечивая некоторые из основных преимуществ работы с Infusionsoft.
- Короткая форма из 4 полей запрашивает только основную информацию, что повышает вероятность того, что потенциальные клиенты потратят время на ее заполнение.
- Копия кнопки CTA сообщает потенциальным клиентам, что именно они получат, заполнив форму и нажав кнопку.
- Список того, что предлагает Infusionsoft. позволяет потенциальным клиентам узнать о преимуществах, которые они получат, если решат работать с Infusionsoft. Иконки и жирный шрифт помогают привлечь внимание к этому разделу.
Что проводить A / B-тест:
- Добавление функции «Звонок по нажатию» к номеру телефона позволит посетителям быстро и легко связаться с компанией, что улучшит их общий пользовательский опыт.
- Увеличение кнопки с призывом к действию может привлечь больше просмотров и, вероятно, побудить большее количество посетителей нажать на нее.
- Цвет кнопки CTA можно изменить, чтобы привлечь больше внимания, поскольку зеленый уже используется в логотипе компании и для маленьких значков, перечисленных в разделе под кнопкой.
- Изображение было бы более эффективным для ознакомления посетителей с программой, если бы оно было больше и легче читалось.
- Ссылка карты сайта в нижнем колонтитуле действует как ссылка для выхода. Если посетители прокручивают страницу до конца перед заполнением формы, они могут отвлечься на это и покинуть страницу до преобразования.
18. Пример целевой страницы GetResponse
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок точно сообщает посетителям, что это за предложение.
- Подзаголовок хорошо поддерживает заголовок, позволяя потенциальным клиентам узнать, как они могут извлечь выгоду из предложения.
- Стрелка действует как указатель направления, указывает прямо на кнопку CTA, заставляя посетителей также направлять туда свое внимание.
- Условия обслуживания, политика защиты от спама и политика конфиденциальности четко сформулированы таким образом, чтобы установить доверительные отношения с передачей личной информации.
- Форма из трех полей обеспечивает низкий барьер для входа и даже не требует заполнения фамилии.
- Цвет кнопки CTA — хороший контрастный цвет, который больше нигде на странице не используется.
Что проводить A / B-тест:
- Логотип связан с домашней страницей и может легко увести посетителей со страницы, не узнав о предложении и не конвертируясь.
- Описательной копии немного. Более подробное описание того, что такое GetResponse и каковы его основные преимущества, может привести к большему количеству конверсий.
19. Оптимизировать пример целевой страницы
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Маркированная копия позволяет посетителям сканировать страницу, чтобы быстро узнать о демонстрации.
- Инкапсуляция формы помогает ей выделиться и, вероятно, способствует большему количеству конверсий.
- Компьютерное изображение в форме дает потенциальным клиентам возможность предварительного просмотра того, как будет выглядеть демонстрация.
- Форма из 5 полей подходит для предложения на этапе принятия решения.
- Копия кнопки CTA использует нехватку и срочность, чтобы убедить потенциальных клиентов подписаться на демонстрацию. «Сохранить мое место» означает, что количество мест ограничено и их необходимо зарезервировать.
- Логотипы компаний служат социальным доказательством того, что посетители знают, что Optimizely пользуется доверием некоторых ведущих мировых брендов.Кроме того, стрелки в этом разделе действуют как ориентиры, подразумевая, что есть еще больше логотипов, которые можно увидеть.
Что проводить A / B-тест:
- Навигация по верхнему и нижнему колонтитулам должна быть удалена, поскольку они могут удалить потенциальных клиентов со страницы и снизить коэффициент конверсии.
- Синяя кнопка с призывом к действию не выделяется так сильно, как если бы она была желтой или оранжевой.
- Кнопки социальных сетей внизу страницы также служат в качестве ссылок для выхода, отвлекая посетителей и уводя их с этой страницы.
20. Пример целевой страницы HubSpot
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Телефонный номер для интерактивного звонка улучшает взаимодействие с пользователем.
- Заголовок страницы сразу же объясняет предложение и дает посетителям понять, какую пользу оно принесет им.
- Короткие абзацы , маркеры и полужирный шрифт делают сканирование этой страницы быстрым, легким и удобным.
- Инкапсуляция формы помогает ей больше выделяться на странице и, вероятно, побуждает большее количество посетителей заполнять ее.
- Заголовок формы сообщает потенциальным клиентам, что набор инструментов можно загрузить бесплатно. Добавление этого к заголовку страницы также повысит его эффективность.
- Ссылка на политику конфиденциальности рядом с полем электронной почты предоставляет потенциальным клиентам ссылку для быстрого доступа вместо прокрутки вниз страницы.
- Синяя кнопка с призывом к действию привлекает внимание, потому что на странице почти нет другого цвета.
Что проводить A / B-тест:
- Логотип HubSpot в верхнем левом углу связан с домашней страницей, что может немедленно увести посетителей со страницы.
- Повторение заголовка непосредственно под основным заголовком не требуется и добавляет беспорядок на страницу.
- Кнопки социальных сетей также могут удалять посетителей со страницы, снижая коэффициент конверсии.
- Форма из 12 полей слишком длинная и может запугать посетителей. Удаление некоторых полей или создание многоступенчатой формы может побудить больше потенциальных клиентов заполнить ее.
- Копия кнопки CTA расплывчата.Измените его на что-то вроде: «Мне нужен инструментарий!» может заинтересовать и привлечь больше потенциальных клиентов.
- Страница забалансовая . Добавление образца изображения набора инструментов или отзыва от кого-то, кто скачал набор инструментов, уравновесит страницу и, вероятно, увеличит конверсию.
21. Пример целевой страницы MailChimp
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Слово «бесплатно» в заголовке может сразу вызвать интерес у посетителей.
- Вспомогательный подзаголовок сообщает потенциальным клиентам, какую выгоду они могут получить от начала работы с бесплатной учетной записью.
- Форма из 3 полей короткая и не запрашивает очень личную информацию.
- Поле пароля улучшает взаимодействие с пользователем, позволяя посетителям видеть свою запись, нажав кнопку «показать». Кроме того, требования к паролю четко указаны внизу страницы.
- Отсутствие навигации по заголовку и минималистичный нижний колонтитул. позволяет потенциальным клиентам сосредоточиться на цели страницы — подписке на бесплатную учетную запись.
Что проводить A / B-тест:
- Добавление социального доказательства , например отзыва клиента или статистики об использовании MailChimp, скорее всего, приведет к увеличению числа регистраций.
- Прозрачная кнопка CTA не выделяется так сильно, как могла бы. Если сделать его темнее и контрастнее, больше людей будут щелкать по нему.
- Копия кнопки CTA также может быть улучшена, чтобы включить более персонализированный и привлекательный язык, например «Создайте мою бесплатную учетную запись!»
22.Shopify пример целевой страницы
Что у страницы хорошо получается:
- Заголовок и подзаголовок хорошо контрастируют с темным фоном, что делает их привлекательными сразу после перехода на страницу.
- Только одно поле формы над сгибом облегчает посетителям выполнение действий.
- Логотипы компаний и отзыв клиентов служат социальным доказательством, указывающим на то, что есть другие известные компании и довольные клиенты, которые доверяют Shopify.
- Минимальная копия делает навигацию по странице более простой и приятной для посетителей, а маркеры помогают привлечь внимание к основным преимуществам Shopify.
- Изображение дает потенциальным клиентам реалистичный предварительный просмотр приборной панели.
Что проводить A / B-тест:
- Цвет кнопки с призывом к действию следует изменить на тот, который еще не так часто используется на странице.
- Перенаправление взгляда людей на изображении на форму и кнопку с призывом к действию побудит больше посетителей посмотреть туда и совершить конверсию.
- Ссылка «Корпоративная электронная торговля» в нижнем колонтитуле действует как ссылка для выхода. Это единственный на странице, поэтому его удаление, скорее всего, увеличит коэффициент конверсии.
23. Пример целевой страницы Eloqua
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок описывает предложение, а подзаголовок поддерживает его, предоставляя дополнительную информацию о том, чего потенциальные клиенты могут ожидать от руководства.
- Маркированная копия позволяет посетителям сканировать страницу и извлекать важную информацию о руководстве. Серая рамка также помогает привлечь внимание к этому разделу.
- Рамка и цветовой контраст вокруг формы выделяют ее на странице.
- Оранжевая кнопка с призывом к действию хорошо контрастирует с остальной частью страницы, что делает ее «популярной» и привлекает посетителей. Кроме того, стрелка на нем служит ориентиром.
Что проводить A / B-тест:
- Текст «Контент недоступен» вверху страницы делает его непрофессиональным.
- Добавление белого пространства вокруг наиболее важных элементов, таких как заголовок, изображение и форма, поможет им больше выделяться и сделает страницу менее загруженной.
- Изображение слишком маленькое, чтобы служить его цели. Увеличение и увеличение разрешения сделают его более эффективным.
- Множественные ссылки для выхода в нижнем колонтитуле дают посетителям возможность покинуть страницу без конвертации.
24. Пример целевой страницы Basecamp
покажите мне, как работает Instapage ➔Что у страницы хорошо получается:
- Заголовок служит незамедлительным социальным доказательством, точно сообщая посетителям, сколько человек подписалось на Basecamp только на прошлой неделе.
- Зеленая стрелка , указывающая на поле формы, действует как визуальная подсказка.
- Только одно поле формы наверняка не помешает людям заполнить его.
- Возможность использовать учетную запись Google делает регистрацию еще более удобной и привлекательной.
- Копия кнопки CTA эффективна, потому что в ней используется от первого лица и слово «бесплатно».
- Отзывы клиентов в верхней части, вероятно, заставят потенциальных клиентов чувствовать себя более комфортно с Basecamp.
- График внизу страницы — хорошее дополнение, потому что он показывает посетителям, насколько Basecamp вырос за эти годы.
Что проводить A / B-тест:
- Навигация по заголовку предоставляет посетителям несколько способов покинуть страницу, не просматривая все предложение.
- Кнопки с призывом к действию не так сильно выделяются, как могли бы, потому что остальная часть страницы синего цвета. Их тестирование в оранжевом или красном цвете может привлечь больше внимания.
- Дополнительные ссылки для выхода по всему тексту позволяют потенциальным клиентам покинуть страницу без регистрации.
- Копия малоинформативна. О самом Basecamp в нем ничего не говорится, а просто ответы на три вопроса о пробном периоде. Добавление подробной информации о том, как приложение может принести пользу пользователям, может убедить больше людей зарегистрироваться.
- Изображение устройств необходимо увеличить, а гиперссылку удалить.Включение его полезно, потому что оно демонстрирует все возможные способы использования Basecamp, но в настоящее время его трудно увидеть и оно служит еще одной ссылкой для выхода.
25. Пример целевой страницы Airbnb
Что у страницы хорошо получается:
- Заманчивый заголовок привлекает внимание посетителей и с самого начала предлагает денежное вознаграждение.
- CTA-кнопка хорошо контрастирует с фоном и находится прямо в центре страницы.
- Снимок головы добавляет личное соединение с другом, который пригласил вас присоединиться к услуге.
- Связанные условия обеспечивают ценность доверия для всех, кто не решается зарегистрироваться.
Что проводить A / B-тест:
- Навигация по верхнему и нижнему колонтитулам отвлекает посетителей и позволяет легко покинуть страницу без конвертации.
- Добавление отзывов клиентов на эту целевую страницу после клика, вероятно, убедит больше потенциальных клиентов совершить конверсию.
Сможете ли вы превзойти лучшие примеры целевой страницы после клика?
Вот и все — некоторые из ведущих мировых компаний с одними из лучших примеров целевых страниц после клика.
Не игнорируйте этап после клика, дайте каждому потенциальному клиенту индивидуальный опыт от начала до конца. Подпишитесь на демонстрацию Instapage Enterprise прямо сейчас.
Более 20 примеров посадочных страниц для вдохновения вашего дизайна [+ шаблоны]
Давайте будем честными, переделать целевые страницы сложно.Но создать целевые страницы с нуля еще сложнее.
Какие целевые страницы лучше всего подходят для вашей отрасли? Какую целевую страницу следует создать для конкретного варианта использования? Как достичь тонкого баланса между отличным дизайном целевой страницы и текстом?
Поверьте, я был там и задавал те же вопросы. Что мне больше всего помогло в подобных ситуациях, так это поиск вдохновения вовне.
В этом руководстве мы собираемся поделиться некоторыми из лучших примеров целевых страниц, которые мы нашли в Интернете, в разных отраслях и сценариях использования.
Вот что будет рассказано в этом руководстве (нажмите, чтобы пропустить):
- Примеры целевой страницы программного обеспечения
- Примеры посадочных страниц продукта
- Примеры целевых страниц электронной торговли
- Примеры целевых страниц приложения
- Скоро будет Примеры посадочных страниц
- Примеры посадочных страниц для агентств и консалтинга
- Примеры целевых страниц для электронных книг
Мы также добавили некоторые из наших шаблонов целевых страниц, чтобы вы могли сразу же начать создавать свои собственные целевые страницы!
Ищете вдохновение, чтобы оживить редизайн целевой страницы? Вы пришли в нужное место.
Как вы используете наши шаблоны целевых страниц?Есть много способов использования наших шаблонов целевых страниц. Вот их три:
- Мокап для вашей собственной целевой страницы: Сообщать дизайнерам или инженерам, как должны выглядеть ваши целевые страницы, может быть непросто, если вы не создадите макет целевой страницы для визуализации и передачи своих идей.
- Привлечь финансирование для своего стартапа: Возможно, у вашего стартапа еще нет домашней страницы, но это не значит, что вы не можете собрать деньги.Самодельный макет целевой страницы, включенный в вашу колоду для инвесторов, может воплотить вашу идею в жизнь и убедить инвесторов поддержать вас.
- Привлекайте новых клиентов для своего агентства: Хотите заключать больше сделок и увеличивать продажи? Сосредоточьтесь на шоу, не говорите. Настройте шаблон целевой страницы, чтобы показать клиентам, как могла бы выглядеть их новая целевая страница, если бы они работали с вами. Приложите его к своему предложению или бизнес-презентации.
Например, эта целевая страница электронной коммерции оптимизирована для увеличения продаж и может использоваться в качестве макета для вашей последней целевой страницы:
СОЗДАТЬ ШАБЛОН
Однако это всего лишь один вариант использования.Вы также можете создать целевые страницы на:
- Превратите посетителей веб-сайта в пробные подписки для вашего программного обеспечения.
- Убедите посетителей загрузить ваше мобильное приложение.
- Продавайте свои цифровые и физические товары в Интернете.
- Подтвердите новую бизнес-идею, прежде чем решите пойти ва-банк.
- Привлекайте новых потенциальных клиентов для своего агентства или консалтингового бизнеса.
Давайте нырнем.
1. Примеры целевой страницы программного обеспечения Целевая страница ПО StripeКогда дело доходит до программных целевых страниц, я был ошеломлен недавним изменением дизайна целевой страницы Stripe.
Stripe — один из крупнейших стартапов в сфере финансовых услуг на этой планете, который очень хорошо знает три вещи: финансы, технологии и дизайн.
И их склонность к хорошему дизайну и пользовательскому опыту отражена на этой целевой странице программного обеспечения:
Источник
Чтобы быть полностью объективным, их дизайн целевой страницы имеет множество причудливых наворотов.
Я говорю о градиентной анимации, которая может повлиять на скорость страницы и заряд батареи, плохую читаемость текста, нечеткие и мелкие призывы к действию (CTA) и т. Д.
Целевые страницы вашего программного обеспечения должны держаться подальше от любых наворотов. Мой совет? Будь проще.
Понедельник подпишитесь на посадочную страницуЧто касается простоты, минималистичный дизайн целевой страницы до сих пор был одной из самых популярных тенденций графического дизайна в 2020 году.
Кого лучше показать в качестве примера, чем понедельник? Их целевая страница регистрации чистая, минималистичная и приятная для глаз:
Источник
бонусных балла за красные призывы к действию, которые трудно пропустить, и варианты использования с автоматической прокруткой в разделе героев, которые демонстрируют все способы, которыми команды и отделы могут использовать понедельник.
Шаблон целевой страницы программного обеспечения VenngageЕсли вы похожи на меня и вам понравилось, как Monday подошел к дизайну их целевой страницы, у меня есть для вас похожий программный шаблон целевой страницы.
Целевая страница программного обеспечения ниже организована, минималистична и удобна для чтения. Идеально, если вы стартап, предлагающий простое и удобное в использовании программное обеспечение.
Отредактируйте этот шаблон целевой страницы программного обеспечения прямо сейчас:
СОЗДАТЬ ШАБЛОН
2.Примеры целевых страниц продукта Интерактивная целевая страница TransferWiseДругая финансовая компания в этом списке? Что я могу сказать, подход Transferwise к традиционной целевой странице продукта был слишком хорош, чтобы его игнорировать.
Transferwise быстро стал одним из самых простых способов отправлять и получать деньги за границу, а пример их интерактивной целевой страницы продукта — это то, что тоже сделало меня покупателем:
Источник
Вы действительно не ошибетесь с калькулятором действующей валюты, который работает в обоих направлениях и четко демонстрирует как разбивку по конвертации, так и комиссии.
Кикер? Их целевая страница продукта имеет несколько призывов к действию, направленных на то, чтобы либо обучить вас, завоевать доверие и авторитет, и, что наиболее важно, побудить вас зарегистрироваться.
Если вы уже уверены, все, что вам нужно сделать, это нажать «начать». Хотите узнать больше? Нажмите кнопку «Узнайте, что мы делаем», и появится поясняющее видео.
В конечном итоге их цель — преобразовать неизвестных посетителей в реестры. Таким образом, большой, жирный и зеленый призыв к действию всегда находится в центре внимания.
Как я уже сказал ранее, я рекомендую, чтобы целевые страницы вашего продукта были простыми.
Ваши ресурсы можно было бы лучше потратить на что-то другое (например, на разработку стратегии интернет-маркетинга). Особенно, если вы малый и средний бизнес или только начинаете.
Целевая страница продукта AstraЗа время работы маркетологом я наткнулся на множество примеров целевой страницы продукта, но недавно случайно наткнулся на целевую страницу Astra. Я сразу понял, что это лучшая целевая страница продукта, которую я когда-либо видел.
Но почему? Во-первых, их заголовок интригует, но нацелен на болевую точку, с которой сталкиваются все владельцы веб-сайтов. В следующем подзаголовке описывается сценарий «а что, если», который еще больше усугубляет эту боль.
Astra завершается призывом к действию, который позиционирует их как решение, призванное помочь любому владельцу веб-сайта защитить свой веб-сайт за три минуты, которые являются гипер-специфичными и ограниченными по времени.
Мало того, они также проделали отличную работу по списку крупнейших компаний, использующих Astra, чтобы убедить потенциальных клиентов в том, что они работают в хорошей компании:
Источник
Шаблон целевой страницы продукта VenngageВот актуальный шаблон целевой страницы продукта, который придумали наши дизайнеры, с которым вы можете поработать и настроить по своему вкусу.
Этот шаблон целевой страницы содержит все стандартные элементы, такие как раздел героев, принципы его работы, несколько призывов к действию и социальные доказательства в виде отзывов клиентов.
Если вы продаете какое-либо программное обеспечение или физический продукт, этот универсальный шаблон целевой страницы продукта — ваш лучший выбор:
СОЗДАТЬ ШАБЛОН
3. Примеры целевых страниц электронной торговли Целевая страница Casper для электронной коммерцииСовет для профессионалов: Беспокоитесь, что дизайн вашей целевой страницы не будет отражать бренд? С помощью нашей функции «Мой брендовый комплект» вы можете мгновенно применить брендинг своей компании ко всем своим дизайнам (включая наши целевые страницы).Импортируйте свои фирменные цвета , логотипы и шрифты и примените их к любому дизайну одним щелчком мыши. Это так просто. Узнайте больше о фирменном наборе здесь.
Еще один пример правильного дизайна целевой страницы — от мастера по матрасам Каспера.
Заголовок содержит смелое заявление, которое сразу зацепляет посетителя, уникальное торговое предложение заманчиво, а использование популярных медиа-домов в качестве социального доказательства повышает доверие к их предложению.
В целом простая структура, элегантный дизайн и убедительные сообщения делают дизайн целевой страницы Casper одним из лучших в сфере электронной коммерции:
Источник
Dollar Shave Club вирусная целевая страницаСовет для профессионалов: Если вы хотите увеличить конверсию целевой страницы, используйте социальное доказательство в ваших интересах. Вы попали в журнал TIME? Получили восторженные отзывы от влиятельных лиц? Получили оценку 5/5 от клиентов? Покажите их на своей целевой странице.
Компания, известная своим гениальным маркетингом, опирающимся на серьезный подход, трудно оспаривать монументальный успех запуска продукта Dollar Shave Club.
Несмотря на то, что по сравнению с большинством примеров целевой страницы электронной коммерции она довольно проста с точки зрения дизайна, эта целевая страница в сочетании с их вирусным видео помогла Dollar Shave Club привлечь около 12000 новых клиентов всего за 48 часов.
Поговорим о том, чтобы стать вирусным.
В то время как юмор и аутентичность вирусного видео сделали тяжелую работу, эта целевая страница электронной коммерции делает все правильно — от точного коммерческого предложения до блестящего использования социального доказательства:
Источник
Спустя почти десять лет, после приобретения, материнская компания Unilever решила пойти по традиционному маршруту целевой страницы электронной коммерции с Dollar Shave Club:
Источник
Шаблон целевой страницы электронной коммерции VenngageВдохновленные приведенными выше примерами целевой страницы электронной коммерции, мы также создали шаблон целевой страницы, с которым вы можете поиграть прямо сейчас.
В этом шаблоне целевой страницы электронной коммерции, которым я поделился ранее, есть стильный главный раздел с контрастирующим призывом к действию, простое торговое предложение в трех пунктах и социальное доказательство в виде упоминаний в СМИ и отзывов клиентов:
СОЗДАТЬ ШАБЛОН
4. Примеры целевой страницы приложения Целевая страница приложения HopperHopper — популярное приложение для путешествий с лучшим пользовательским интерфейсом, который у меня когда-либо был.
Но давайте остановимся на теме лендингов. Целевая страница приложения Hopper проста, удобна для чтения и наполнена игривыми значками, фантастическими иллюстрациями и минимальным использованием текста.
Что самое уникальное в этой целевой странице мобильного приложения, так это то, что неважно, используете ли вы браузер на компьютере или смартфоне, они всегда будут перенаправлять вас со ссылкой для загрузки своего мобильного приложения.
И когда я впервые испытал их мобильное приложение, я понял их рассуждения:
Источник
Целевая страница мобильного приложения AnyListЕсли вы обратили внимание, то заметите, что многие целевые страницы мобильных приложений, как правило, минималистичны как с точки зрения содержания, так и с точки зрения текста.
Основная причина этого проста: посетители, вероятно, ищут ваше мобильное приложение на своих мобильных устройствах. Из-за ограниченного пространства на экране вы должны учитывать каждое слово.
Приложение со списком покупок AnyList не слишком усложняет задачу и вместо этого очень хорошо следует традиционному дизайну целевой страницы приложения.
Минимальная копия (часто максимум несколько строк), изображение в высоком разрешении приложения в действии, за которым следуют ссылки для загрузки на их приложения — это действительно не может быть более простым, чем это.
AnyList — доказательство того, что когда дело доходит до целевых страниц приложения, иногда скучно может быть лучше:
Источник
Шаблон целевой страницы приложения VenngageЧтобы помочь вам воплотить идею вашего приложения в жизнь, мы создали собственные шаблоны целевых страниц для мобильных приложений на основе дизайнов целевых страниц приложений, которые мы видели в разных веб-сайтах.
Во-первых, этот шаблон целевой страницы мобильного приложения снабжен красивыми, но визуально привлекательными иллюстрациями, а также несколькими, но стратегически разбросанными призывами к действию:
СОЗДАТЬ ШАБЛОН
Предпочитаете что-то более простое? Наши дизайнеры даже создали версию целевой страницы приложения в верхней части страницы, которая включает заголовок, описание, изображение приложения, а также ссылки для скачивания:
СОЗДАТЬ ШАБЛОН
5.Скоро примеры посадочных страниц Playdate скоро будет целевая страницаСкоро на целевых страницах можно анонсировать новый продукт или услугу, над которыми вы работаете. Они также пригодятся для проверки новых бизнес-идей.
Panic Inc. использовала ближайшую целевую страницу для своего нового продукта. Их цель? Сделайте ажиотаж вокруг выпуска их новой портативной игровой консоли: Playdate.
Это уже не традиционная структура целевой страницы, которую вы уже видели в этом посте.В центре внимания этой целевой страницы, которая скоро появится, будет контент .
Это напоминает мне длинное коммерческое письмо. Ключевое отличие в случае с Playdate заключается в том, что он больше похож на разговор, чем на коммерческое письмо.
А с элегантным дизайном целевой страницы, красивыми изображениями продуктов и простым призывом к действию, чтобы получать уведомления при их запуске, трудно спорить, о чем идет речь:
Источник
Целевая страница предварительного запуска приложения BrainfoodВот еще несколько идей, которые скоро станут для вас вдохновением для дизайна целевой страницы.Он исходит от ярких умов Brainfood.
В первую очередь Brainfood фокусируется только на трех элементах:
- Заголовок: Четкое и понятное торговое предложение. Минус словечки.
- Изображение главного героя: Демонстрация приложения в действии с поясняющим видео.
- CTA: Спрятан в правом верхнем углу Приглашение пользователей зарегистрироваться.
Если вы, как и я, любите простые вещи, я уверен, что вы оцените этот дизайн целевой страницы, который скоро появится:
Источник
Venngage скоро появится шаблон целевой страницыКак я уже сказал выше, если ваша цель — подтвердить новую бизнес-идею или создать ажиотаж для вашего нового продукта или услуги, то в ближайшее время вам лучше всего подойдут целевые страницы.
Лучшая часть? Поскольку они обычно располагаются чуть выше сгиба, создать их довольно просто.
Если вы пытаетесь запустить свой стартап, было бы разумно сначала проверить свою стартап-идею. В противном случае вы можете создать что-то, что никому не нужно.
Вот шаблон целевой страницы для стартапа, который скоро появится, и вы можете использовать его, чтобы проверить, подходит ли ваша идея запуска доставки:
СОЗДАТЬ ШАБЛОН
Объявляете о новом продукте или услуге? Используйте целевую страницу, которая появится в ближайшее время, чтобы накрутить шумиху перед запуском.Даже если это блог о путешествиях, вы были рады запустить:
СОЗДАТЬ ШАБЛОН
6. Примеры целевых страниц для агентств и консультантов Целевая страница блога Роба СоберсаСреди огромного количества целевых страниц личных блогов одна, которую я, скорее всего, украду для себя, принадлежит консультанту по маркетингу Робу Соберсу. Извини, Роб.
При посещении его веб-сайта вы видите простую домашнюю страницу.Отсутствуют какие-либо кричащие навороты, и этот подход «меньше значит больше» проявляется как в содержании, так и в дизайне его веб-сайта.
Копия, которая отличается, но поразительна, простой CTA для присоединения к его электронной рассылке и сдержанная панель навигации — вот что мне больше всего нравится в этом примере целевой страницы:
Источник
Целевая страница агентства короткого спискаСовет для профессионалов: Если вы консультант вроде Роба, ведите блог и пишите , информационные бюллетени по электронной почте определенно помогут.Я также рекомендую поэкспериментировать с несколькими отзывами клиентов и примерами , которые демонстрируют прошлые победы клиентов. Вы также можете предлагать посетителям веб-сайта бесплатную загрузку тематических исследований в обмен на их электронную почту. Подробнее о лидогенерации позже.
Хотя у меня есть естественное предубеждение к целевым страницам, ориентированным на маркетинг, я думаю, вы согласитесь со мной, когда я скажу, что редизайн целевой страницы Shortlist выглядит лучше, чем большинство существующих примеров целевой страницы продаж.
С точки зрения дизайна, приглушенные цветовые палитры, творческое использование цветовых градиентов и яркие иллюстрации — вот что мне нравится на целевой странице этого агентства:
Источник
С точки зрения маркетинга, я также поклонник их креативных рекламных текстов, смелых красных призывов к действию и социальных доказательств в виде брендов, с которыми они работали.
В нижней строке? Оптимизируйте каждый отдельный элемент дизайна целевой страницы, и вы получите целевую страницу для продаж, которая убедит большинство посетителей нажать на красное «давай поговорим!» кнопка.
Шаблон целевой страницы агентства VenngageЕсли вы хотите привлечь потенциальных клиентов для своего агентства или консалтинговой компании, вам нужна целевая страница агентства, которая не только конвертирует, но и обеспечивает баланс между дизайном и копией.
Вам повезло, потому что вот шаблон целевой страницы с дополнительными сведениями, в котором отмечены все флажки:
СОЗДАТЬ ШАБЛОН
Этот шаблон целевой страницы продаж отличается тем, что заранее запрашивает у потенциальных клиентов их контактные данные, предоставляет веские причины для этого, а также включает номер телефона, чтобы потенциальные клиенты могли напрямую связаться с вами, если у них возникнут вопросы.
7. Примеры целевой страницы электронных книг Unbounce Целевая страница электронной книгиЕсли и есть на этой планете компания, которая разбирается в хорошем дизайне целевой страницы, то это наши друзья по телефону Unbounce .
Среди множества целевых страниц, которые я видел на Unbounce, этот дизайн целевой страницы электронной книги четкий, чистый и передает все, что вам нужно знать об их электронной книге и почему вы должны ее скачать:
Источник
С помощью этой целевой страницы для захвата электронной почты Unbounce преследует простую цель: привлечь высококвалифицированных потенциальных клиентов, предлагая впервые посетителям бесплатную электронную книгу, а не пытаться превратить их в покупателя в первый раз (что редко срабатывает).
Маркетинг для разработчиков, целевая страница электронной книгиВ этом примере целевой страницы мне нравится, как Джастин предоставляет две версии своего цифрового продукта: электронную книгу и онлайн-курс, чтобы привлечь как читателей, так и зрителей из его целевой аудитории.
Простой дизайн, длинная коммерческая копия и реальные отзывы покупателей делают эту целевую страницу легко читаемой, убедительной и аутентичной.
Мало того, в своем пояснительном видео Джастин кратко объясняет все о программе, кратко: сначала , демонстрирует болевую точку, а затем , затем позиционирует свою программу как решение.
И хотя это не совсем пример целевой страницы электронной книги, он соответствует стандартному дизайну целевой страницы электронной книги, с которым я слишком хорошо знаком:
Источник
Настоящее чудо: Джастин настолько уверен в своей программе, что предлагает бесплатную главу из своей электронной книги, чтобы посетители, впервые посещающие его, могли ознакомиться с частью его программы, прежде чем принять решение о покупке.
Это также помогает Джастину превратить скептически настроенных покупателей в потенциальных клиентов, которые он может предложить подлинную ценность первым , прежде чем он попросит о продаже.Поговорим о беспроигрышном варианте.
Шаблон целевой страницы захвата электронной почты VenngageКак указывалось ранее, вы можете генерировать потенциальных клиентов несколькими способами. И этот процесс довольно похож, независимо от того, являетесь ли вы агентством, консультантом или компанией, занимающейся разработкой программного обеспечения.
Если вы чувствуете себя подавленным или сбитым с толку, я бы порекомендовал начать с малого. Создайте электронную книгу и предложите ее в качестве лид-магнита на целевой странице захвата электронной почты, чтобы начать привлекать потенциальных клиентов.
Вот простой шаблон целевой страницы электронной книги, с которого можно начать:
СОЗДАТЬ ШАБЛОН
Как только вы почувствуете, как электронные книги помогают в привлечении потенциальных клиентов, начните возиться с другими формами лид-магнитов, такими как официальные документы, инфографика и контрольные списки.
Определите тип предложения, которое больше всего резонирует с вашей целевой аудиторией, прежде чем вы начнете оптимизировать свою целевую страницу. Например, руководителя из списка Fortune 500 может больше заинтересовать технический документ, а не контрольный список.
Ваша очередь создавать свои лучшие целевые страницыPro Совет: электронных книг, официальных документов и контрольных списков являются отличными лид-магнитами, потому что их легко создавать. Если вы можете потратить немного времени и ресурсов, я также рекомендую поэкспериментировать с созданием информационного бюллетеня по электронной почте или подробного отраслевого отчета, чтобы привлечь более качественных потенциальных клиентов.Желаете приключений? Попробуйте провести вебинар.
Поздравляем, вы дошли до конца этого руководства. Теперь у вас есть четкое представление о лучших примерах целевых страниц, которые, как правило, подходят для различных отраслей и конкретных вариантов использования.
Как я уже сказал, ключом к созданию конверсионных целевых страниц является правильное содержание и дизайн. Только тогда последуют преобразования.
Прежде чем создавать свою целевую страницу, запомните следующие советы:Как сделать ваш сайт REALER
• Обычный> Вычурный
• Лица> Иллюстрации
• Социальное доказательство при каждой возможности pic.twitter.com/gO4tY3LQWz— Примеры маркетинга (@GoodMarketingHQ) 16 июля 2020 г.
- Будь простым, глупым (KISS): Лучшие конверсионные целевые страницы приятны для глаз и легко читаются.
- Используйте социальное доказательство: Новые посетители должны доверять вам, прежде чем совершить покупку. Избавьтесь от их скептицизма, демонстрируя упоминания в СМИ, цитаты влиятельных лиц и отзывы таких же клиентов, как они.
- Говорите по-человечески: Меньше «Платформа конверсии посетителей AI» и больше «Как небольшие бренды продают больше в Интернете» Ваша копия должна говорить, как человек.
- Не повторяйся (СУХОЙ): Целевые страницы имеют ограниченное пространство, используйте его с умом.Отточите свое сообщение и не повторяйтесь, чтобы убедиться, что вы эффективно передаете ценность своего предложения.
- A / B тестируйте все: A / B проверяйте ваши целевые страницы часто, чтобы определить, что работает лучше всего. Тестируйте отдельные элементы, такие как дизайн, текст, торговое предложение, призывы к действию, социальное доказательство, и получайте оттуда детализацию.
Наконец, не забудьте использовать инструменты кроссбраузерного тестирования, чтобы убедиться, что ваши целевые страницы совместимы с некоторыми из самых популярных веб-браузеров и операционных систем.
Теперь, когда вы знаете, как создать собственную целевую страницу или визуально обновить существующие целевые страницы, пора действовать.
СОЗДАЙТЕ ЦЕЛЕВУЮ СТРАНИЦУ!
Хотите узнать больше? Вот еще несколько материалов по маркетингу и дизайну, специально подобранных для вас:
7 советов по использованию визуальных элементов для создания целевых страниц, конвертирующих
20+ удивительных шаблонов электронных книг + советы по дизайну для начинающих
Маркетинг веб-сайтов для малого бизнеса: полное руководство
34 лучших примера посадочных страниц 2020 года для вашего Swipe-файла
Вот наш исходный принцип:
Отточенная профессиональная целевая страница может повысить коэффициент конверсии.(А грязный может им навредить.)
Довольно просто, правда? Вы наверняка слышали нечто подобное раньше. Но что, черт возьми, значит быть «отполированным» и «профессиональным» на целевой странице? А когда дело доходит до конверсий, какой магический x-фактор отличает исключительных маркетологов?
Помня об этих вопросах, мы хотим показать несколько свежих примеров целевых страниц, чтобы вдохновить вас на следующее творение. Продолжайте и сохраните их самые умные, гладкие и мгновенные элементы для своего файла смахивания.
На всем протяжении мы будем предлагать сертифицированный Unbounce взгляд на то, что делает каждую страницу такой чертовски хорошей, а иногда и на то, как каждую из них можно улучшить. (Между прочим, большинство из них на самом деле тоже было построено с помощью Unbounce Builder.) Поехали.
Что делает целевую страницу эффективной?
Прежде чем переходить к примерам, стоит выделить некоторые качества, которые присущи большинству хороших целевых страниц. (У вас нет на это времени? Забегайте вперед и рассмотрим лучшие примеры целевых страниц.)
Вот несколько основных приемов создания целевых страниц с высокой конверсией:
- Используйте четкое и краткое изложение ценности (вверху страницы) посетители сразу понимают цель вашей страницы.
- Сопоставьте свой основной заголовок с объявлением, которое посетитель нажал, чтобы попасть на страницу в первую очередь (или, например, кнопку электронного письма с призывом к действию).
- Включите социальные доказательства и отзывы в подтверждение своих требований.
- Сосредоточьте всю страницу на одном предложении, используя только один основной призыв к действию (CTA).
- Используйте макет, ориентированный на конверсию, чтобы выделить ваш CTA (подумайте о пробелах, цвете, контрасте и указателях направления).
- Проверяйте новые идеи с помощью A / B-тестирования.Иногда то, что работает, вас удивит.
Не уверены, что ваши целевые страницы попадают в цель? Попробуйте Unbounce’s Landing Page Analyzer, чтобы получить индивидуальный контрольный список тактик, которые могут повысить конверсию.
Лучшие примеры посадочных страниц [Обновлено на 2020 год]
- Netflix (SaaS: развлечения)
- LinkedIn (SaaS: профессиональные услуги)
- Goby (электронная торговля: здоровье и благополучие)
- DoorDash (SaaS: доставка еды)
- SEM Rush (SaaS: маркетинг)
- Coco Village (электронная торговля: мебель)
- Grass Roots (электронная торговля: продукты питания и питание)
- Amazon (SaaS и электронная торговля)
- Филиал (электронная торговля: мебель)
- Western Rise ( Электронная торговля: одежда и одежда)
- Университет Атабаски (образование)
- Бариатрическое питание (продукты питания и питание)
- blow LTD.(Красота)
- Blue Forest Farms (электронная торговля: каннабис)
- Border Buddy (путешествия и доставка)
- Bouquet Bar (электронная торговля: велнес и подарки)
- Монитор кампании (SaaS: маркетинг)
- Создатель класса (SaaS: образование )
- Fast Mask (электронная торговля: одежда и одежда)
- Good Eggs (электронная торговля: продукты питания и питание)
- HomeLoanGurus (SaaS: финансы и страхование)
- Jet Pet (услуги для домашних животных)
- Mooala (электронная торговля: продукты питания и питание) )
- NANOR (электронная торговля: здоровье и подарки)
- Panda7 (SaaS: финансы и страхование)
- Pared (SaaS: рестораны и персонал)
- Perfect Keto (электронная торговля: продукты питания и питание)
- Twinwoods Adventure (путешествия и отдых) )
- Roomeze (SaaS: недвижимость)
- Smalls (электронная торговля: продукты питания и питание)
- Sundae (SaaS: недвижимость)
- Wavehuggers (путешествия и отдых)
- Woolx (электронная торговля: одежда и одежда)
- Zumba (Здоровье и фитнес)
1.Netflix
Изображение с Netflix. (Щелкните, чтобы увидеть все.)
Помните, когда вы впервые услышали о Netflix? Служба потоковой передачи казалась слишком хорошей, чтобы быть правдой с неограниченным количеством фильмов и телешоу менее чем за 10 долларов в месяц. Что за убийственное ценностное предложение… неудивительно, что они вытеснили конкуренцию из бизнеса. (RIP, Blockbuster.) Эта целевая страница усиливает эти наиболее важные преимущества, не делая ее слишком сложной или трудной для регистрации. И, очевидно, эта стратегия работает — недавние отчеты показывают, что у Netflix в настоящее время насчитывается более 192 миллионов подписчиков по всему миру.
Отрасль: SaaS / Развлечения
Почему это вдохновляет…
- Единая форма — большая устрашающая форма на этой странице может легко отпугнуть тех, кто не разбирается в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым — просто введите свой адрес электронной почты, чтобы начать.
- Раскрывающийся список часто задаваемых вопросов — За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они по-прежнему сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
- Краткое содержание — Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о конверсии за 2020 год, целевые страницы медиа и развлечений, содержащие менее 350 слов, как правило, лучше конвертируются.
2. LinkedIn
Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)
В наши дни профиль LinkedIn есть почти у всех, но только люди, серьезно настроенные на продвижение своей карьеры, подписались на LinkedIn Premium. Эта целевая страница подчеркивает преимущества обновления вашей учетной записи специально для соискателей, которые хотят выделиться на рынке труда.(Потому что, по-видимому, совета моего отца о крепком рукопожатии и постоянном зрительном контакте уже недостаточно? Кто знал.)
Сфера деятельности: SaaS / профессиональные услуги
Почему это вдохновляет…
- Люди по продукту — В SaaS всегда сложно найти баланс между тем, нужно ли сначала показывать снимок экрана своего продукта или фотографию покупателя, который на самом деле его использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявление о приеме на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
- Ссылки для перехода — Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
- Мощная статистика — На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный массив данных. «InMail в 2,6 раза эффективнее, чем одна только электронная почта». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Premium в первую очередь.Я бы порекомендовал провести A / B-тест, чтобы увидеть, приведет ли добавление этой статистики в заголовок страницы к дальнейшему увеличению конверсии.
3. Бычок
Изображение любезно предоставлено Гоби. Щелкните, чтобы увидеть все.«Чистка безупречна». Это то, что обещает эта целевая страница от Goby вверху, давая посетителям уверенность и любопытство при переходе по ссылкам. Их удостоенная наград электрическая зубная щетка не только заслужила впечатляющие отзывы, но также доступна по цене и имеет гарантию возврата денег.Теперь это стоит улыбки!
Отрасль : Стоматология
Почему это вдохновляет…
- Анатомия зубной щетки: Ознакомьтесь с разделом на странице, в котором описан каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «мягкую щетину премиум-класса» и «качающуюся головку щетки».
- Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Goby жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
- Фото из Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий из Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое фото каким-то образом заставляет зубную щетку выглядеть прямо-таки модной , но и ручки в Instagram тоже здесь, если вы хотите лично увидеть, что сказал каждый влиятельный человек.Отлично!
4. DoorDash
Изображение от DoorDash. (Щелкните, чтобы увидеть все.)
Доставка еды — это большой бизнес, и такие компании, как DoorDash, используют целевые страницы, чтобы привлечь больше водителей, подписавшихся на их услуги. Эта страница поможет вам представить себе, как это будет доставить еду, чтобы заработать на жизнь, и подчеркнет, сколько денег вы можете заработать на своем новом постоянном концерте или подработке.
Отрасль: SaaS / Доставка еды
Почему это вдохновляет…
- Сосредоточенный на вас заголовок — В чем самое большое преимущество доставки еды? Дело не в том, что вы узнаете все короткие пути в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (спустя 10 лет, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество — это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть самим себе боссом. И эта целевая страница передает это чувство прямо в заголовок.
- Это тоже все о деньгах — Если свобода — это главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
- Квалификационные требования — DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.
5. SEM Rush
Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)
Если вы специалист по цифровому маркетингу, вы, вероятно, уже знакомы с SEM Rush. Их платформа предлагает универсальный набор инструментов для SEO, контент-маркетинга, PPC, социальных сетей и исследования рынка.Но вместо того, чтобы пытаться продать вам все эти вещи одновременно, эта целевая страница фокусируется только на одном: как вы можете использовать их платформу, чтобы узнать больше о своих конкурентах.
Отрасль: SaaS / Маркетинг
Почему это вдохновляет…
- Ультра-убедительный CTA — CTA на этой странице отражает врожденное желание каждого маркетолога следить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя, прежде чем вам будет предложено нажать большую кнопку и «Get Insights.«И вспомогательный текст в разделе героев действительно помогает вам понять идею:« Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи ».
- Сильное социальное доказательство — Эта целевая страница поражает почти все типы социальных доказательств. Панель с логотипами узнаваемых брендов? Проверять. Отраслевые награды и достижения? Проверять. Отзывы реальных маркетологов? Проверять. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
- Информация для аудитории, копия — Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, которые им важны больше всего. Текст здесь фокусируется на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умная.
6. Coco Village (агентство: J7 Media)
Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда увидел некоторые кровати и комплекты постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от ревности.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по переходу по клику.
Промышленность : Постельное белье
Почему это вдохновляет…
- Сосредоточьтесь на продаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «50% скидку на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают исходные цены, чтобы показать, сколько денег вы сэкономите. Отлично!
- Показывает товары: С целевыми страницами электронной торговли не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, в то же время сосредоточив их на одной цели CTA.
- Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но прямо сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)
7. Grass Roots (Агентство: MuteSix)
Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.Спрос на мясо травяного откорма постоянно растет, и здесь сочетается эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix. Прокручивая страницу, вы совершаете полный путь к покупателю — от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать корни травы в качестве поставщика протеина), покупка («Получите скидку 30 долларов США»).
Industry : Food and Nutrition
Почему это вдохновляет…
- Видеообзор: Вверху страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. Он объясняет, насколько сложно найти высококачественное мясо травяного откорма и почему Дейв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает приятный тон остальной части страницы и настроит вас на совершение покупки.
- Подход к повествованию: Вся страница использует повествование аналогичным образом, действительно заставляя вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
- Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«Я буду иметь то, что у них есть».)
8. Amazon
Изображение с Amazon. (Щелкните, чтобы увидеть все.)
Вот целевая страница, на которой на бумаге , похоже, вообще не работает. Цвета здесь невероятно разрозненные. Есть несколько разных художественных стилей. Кажется, что контент повсюду. Черт возьми, на странице даже есть несколько ссылок на другие страницы и точки выхода. (Ужас!) Но Amazon каким-то образом удается избежать наказания за нарушение всех этих правил, потому что они знают, что их предложение слишком хорошее, чтобы от него отказаться.
Industry : Ecommerce / SaaS
Почему это вдохновляет…
- Иерархия интеллектуальных преимуществ — Спросите людей, почему они подписываются на Amazon Prime, и они ответят вам в том же порядке, в котором эти разделы появляются в целевая страница. Бесплатная доставка — главное преимущество, за которым следует Prime Video. Остальное — это бонусы, поэтому они отображаются как надстройки по мере продвижения вниз по странице. (А поскольку средняя глубина прокрутки составляет всего около 50%, разумно размещать самые важные вещи в верхней половине страницы.)
- CTA с переходом по клику — Считаете ли вы, что это страница SaaS или страница электронной коммерции, маркетологи в Amazon сделали правильный выбор, чтобы использовать CTA с переходом по клику вместо встраивания формы на страницу. Согласно отчету о конверсии за 2020 год, призывы к действию по клику лучше работают в обеих этих отраслях.
9. Мебель для филиалов
Как человек, которому недавно пришлось обставлять домашний офис, я точно знаю, насколько сложно найти в Интернете столы, стулья и столы, которые вам нравятся.(И это было только для одного человека!) Branch Furniture понимает, что это может быть проблемой для офис-менеджеров, поэтому их целевая страница сразу убеждает вас, что вы попали в нужное место. Их услуги позволяют быстро и легко разработать, доставить и установить вашу офисную мебель.
Industry : Офисная мебель
Почему это вдохновляет…
- Яркий заголовок: «Офисная мебель — это просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 100 столов для своего нового офиса в стиле Ikea, используя только торцевой ключ и мечту. Кажется, гораздо лучше позволить Branch Furniture позаботиться обо всех этих деталях за вас.
- Умная копия CTA: Хотя на странице есть несколько кнопок CTA, все они в конечном итоге ведут вас в одно и то же место. Переключение копии — это умный способ помочь посетителям визуализировать следующие этапы процесса, независимо от того, хотите ли вы «спроектировать мой офис» или изучить конкретный продукт.
- Консультация специалиста: Необязательно обставлять офис в одиночку. На целевой странице подчеркивается, что это совместный шоппинг с бесплатной консультацией по дизайну и включенной платой за установку.
10. Western Rise
Изображение предоставлено Western Rise. (Щелкните, чтобы увидеть все.)Иногда, готовя такую деталь, как эта, вы в конечном итоге покупаете продукт. Я очень, очень близок к тому, чтобы нажать на курок пары штанов Western Rise AT Slim Rivet Pants.И почему бы нет? Эта четкая целевая страница быстро демонстрирует привлекательность продукта с помощью визуальных элементов и текста, подчеркивающего преимущества этих «приподнятых» брюк. Возможно, пора вообще отказаться от моих потрепанных джинсов.
Отрасль: Clothier
Почему это работает…
- Смелые визуальные эффекты: Эти брюки могут быть сделаны вручную в Лос-Анджелесе, но многие из фотографий здесь (включая снимок героя) кричат о Бруклине. Легко представить, что вы носите брюки AT Slim Rivet, когда торгуете своим фиксом в пробках, балансируя латте на руле по дороге на шикарную коктейльную вечеринку на крыше.
- Подчеркивая преимущества: Я никогда не думал, что буду писать об общих болевых точках, связанных с ношением брюк, но вот мы и пришли. На этой целевой странице Western Rise обращается ко всем. Джинсы рвутся и склонны к перегреву. Чиносы пачкаются и мнутся. Брюки классические для квадратов, мужик. Обещая универсальность («брюки на весь день, каждый день») и сохраняя преимущества заранее, Western Rise предлагает решение проблемы, о которой вы даже не подозревали.
- «Технические характеристики»: Несмотря на то, что здесь демонстрируется умная копия, Western Rise чрезвычайно прямолинейно описывает характеристики брюк AT Slim Rivet в разделе «Технические характеристики» на странице.Они четко и лаконично предоставляют точную информацию о материалах («Прочный нейлоновый холст» и «Складывающаяся промежность») и дизайне («Карман для носителя» и «Расширяемый низ»).
11. Университет Атабаски
Изображение любезно предоставлено Университетом Атабаски. (Щелкните, чтобы увидеть все.)Университет Атабаски стал пионером дистанционного обучения в Канаде в 1970-х годах. Сегодня он использует целевые страницы для продвижения своих инициатив по онлайн-регистрации, включая этот пример, представляющий его 14 программ сертификации.Это разумный выбор, поскольку целевые страницы позволяют AU сосредоточить внимание посетителя на определенной части своих многочисленных предложений онлайн-программ.
Отрасль: Образование
Почему это вдохновляет…
- Умная копия: Возможно, стоит протестировать более прямой заголовок, но копия здесь соответствует другим инициативам по брендингу школы в других местах. К тому же он очень острый. Цель ясна: люди, которые могут продолжить свое образование, но не чувствуют, что у них есть время для этого.Эта целевая страница говорит об обратном (словами и изображением героя).
- Копия, ориентированная на вас: Эта страница посвящена мне (или, ну, «вам»), а не «Великому и могущественному» университету Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость апеллировать к собственным интересам лучше, чем многие их коллеги из других отраслей, которые могут хвастаться. Я не уверен, какая часть иерархии потребностей Маслоу требует от технических специалистов, но AU справляется лучше, апеллируя к желанию самореализации.
- Отзывы: Немного вдохновения никогда не помешает. Здесь социальное доказательство показывает пути к личному успеху до того, как люди сделают значительные вложения. Я хотел бы проверить, не дает ли здесь удвоение еще лучших результатов. Повышение наглядности каждого отзыва и предложение чуть большего количества биографий — наряду с портретами для придания им очеловеченности — может дать небольшой толчок. (Конечно, может и нет. Но именно поэтому мы тестируем!)
- Z-шаблон: Эта страница является классическим примером работы Z-шаблона.То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляду предлагается перейти от логотипа Университета Атабаски к их слогану («Открытый. Гибкий. Везде»), затем по диагонали по заголовку к подтверждающей копии и, наконец, прямо к призыву к действию. (Пау!) Другие визуальные очереди также побуждают глаз опускаться (включая, хитроумно, заостренный кончик гребня Атабаски).
12. Bariatric Eating (Агентство: Lifestyle Collective)
Вот страница Bariatric Eating, которая показывает, почему индивидуальность и стиль так важны для вашей целевой страницы.Вы можете легко представить себе версию этой кампании, которая выглядит более клинической и научной, но маркетологи из Lifestyle Collective наделили ее ярким и дружелюбным дизайном, чтобы сделать ее предмет более доступным. Подход, похоже, тоже работает… У этой страницы впечатляющий коэффициент конверсии — более 39% .
Industry : Food and Nutrition
Почему это вдохновляет…
- Красочный дизайн : Игривый дизайн распространяется на каждый элемент страницы.Выбор шрифта, иллюстрации, цвета — все сочетается таким образом, что идеально соответствует индивидуальности их бренда.
- Генерация лидов по SMS: Чаще всего целевые страницы лидов используются для сбора адресов электронной почты посетителей. Вместо этого на этой странице запрашивается номер вашего мобильного телефона, чтобы они могли отправить вам текст с планом в формате PDF. Это кажется умным (и уникальным) способом наладить прямую связь с вашими потенциальными клиентами.
- Сворачиваемый FAQ : Как сделать так, чтобы на целевой странице было достаточно информации, чтобы не перегружать посетителей? Скрытие некоторых из ваших самых многословных разделов с помощью скользящей кнопки может помочь сохранить порядок и порядок.(Прочтите этот пост в сообществе Unbounce, чтобы узнать, как сделать складные разделы на своих целевых страницах.)
13. blow LTD.
Изображение любезно предоставлено blow LTD. (Щелкните, чтобы увидеть все.)Если вы посмотрите мимо шумной вещи «Uber for beauty», британский бренд blow LTD. решает настоящую проблему способом genius . Они предлагают доступные профессиональные косметические услуги, которые приходят к вам, и, что более важно, вы можете записаться на прием к одному из их профессионалов прямо из их приложения.Целевые страницы — важная часть стратегии их кампании. Например, этот пример умно продвигает наращивание ресниц в домашних условиях.
Отрасль: Красота
Почему это вдохновляет…
- Четкое изложение ценности: Эта целевая страница не лишена симпатичного текста (например, «Глаза, которые поражают»). Вместо этого он четко формулирует предложение и полагается на ценность (и, возможно, немного новизны), чтобы привлечь потенциальных клиентов.Обещание не может быть более однозначным, чем «Наращивание ресниц в домашних условиях», и именно поэтому этот заголовок так эффективен.
- Промокод: Предоставление посетителям промокода делает выигрыш еще более приятным, но это также делает кое-что еще. Призыв к действию («Закажите наращивание ресниц») перенаправляет на их основной веб-сайт, где они могут отвлечься или расстроиться. Акция дает дополнительную мотивацию, чтобы посетители могли совершить бронирование. Хотите эту экономию? Тогда тебе лучше использовать этот код, пока ты не забыл.
- Социальное доказательство: Понятно, что люди разборчивы в том, кто делает им прически и макияж, поэтому предоставление социальных доказательств является обязательным. Отзывы здесь были отобраны, чтобы подчеркнуть индивидуальный характер опыта. С ударом ООО. работает только в том случае, если потенциальные клиенты чувствуют, что могут доверять своим профессионалам, поскольку социальное доказательство помогает гуманизировать услуги и начать строить отношения.
- Простые шаги: Глядя дальше вниз по странице, мы можем остановиться на разделе «Как это работает».В этом пост-убер-мире услуга, предлагаемая blow LTD. довольно легко понять, так зачем включать его трехэтапную разбивку? Но в том-то и дело. Эта целевая страница включает эти шаги, чтобы подчеркнуть эту простоту. Я имею в виду, давай, шаг третий — «Сядь поудобнее и расслабься». В этом я могу отстать.
- Тонкое продвижение приложения: Вместо того, чтобы агрессивно направлять посетителей в приложение, целевая страница заканчивается мягким напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android.(Я бы протестировал мобильный вариант CTA, который идет прямо в приложение.) Некоторые люди наверняка будут в восторге от бронирования с помощью blow LTD. в пути, но посетители не чувствуют особого давления, чтобы вытащить свой смартфон. Как только посетитель конвертируется, у него будет множество других возможностей подключить его к приложению.
14. Blue Forest Farms (Агентство: Champ / Cannabis Creative)
Изображение любезно предоставлено Blue Forest Farms. (Щелкните, чтобы увидеть все.)Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ и Cannabis Creative.Фермеры, выращивающие коноплю, иногда не могут оторваться от культуры каннабиса. (Краски для галстука, вода из бонга и этот неприятный запах, исходящий из фургона вашего старшего брата.) Но эта звездная целевая страница B2B требует модернизированного и, смеем сказать, взрослого подхода к оптовой продаже экстрактов конопляного масла. От чистого дизайна до убедительной копии, он убедительно свидетельствует о том, что к этой отрасли нужно относиться серьезно.
Отрасль: Конопля
Почему это вдохновляет…
- Экспертная копия: В отличие от целевых страниц B2C, эта страница обращается к профессиональной аудитории.Под этим я подразумеваю людей, которые знают, что значит, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы могли бы предложить использовать более эффектный заголовок, но оптовики, вероятно, хорошо осведомлены о преимуществах. Переход к делу не может быть плохим.
- «Усовершенствованный» подход: Blue Forest Farms продает конопляное масло в нескольких штатах, от сырой нефти до готовых к продаже продуктов white label. Помимо простого перечисления этих вариантов, эта целевая страница описывает процесс, посредством которого их конопля очищается, подчеркивая заботу и мастерство, которые в этом заключаются.
- Низкоинтенсивная генерация лидов: Я видел более короткие формы, но генерация лидов здесь относительно проста для B2B. (Они могут протестировать включение имени и фамилии в одно и то же поле и изменить часть языка.) Разумно оставить дополнительное поле для дополнительных примечаний, поскольку оптовые сделки намного сложнее, чем большинство других.
- Простой дизайн: Разговор, который должен происходить оптом, выходит за рамки одной целевой страницы. Вместо того, чтобы втиснуть слишком много информации на страницу, Blue Forest Farms стараются сделать ее краткой и приятной, чтобы как можно скорее стимулировать контакт.
15. Border Buddy
Изображение любезно предоставлено Border Buddy. (Щелкните, чтобы увидеть все.)Вы когда-нибудь пытались пересечь границу с 10-фунтовым колесом Висконсинского чеддера, привязанным к пассажирскому сиденью (и замаскированным под вашу жену)? И я нет. Но если бы я это сделал, я бы хотел, чтобы Border Buddy остался позади. Эта целевая страница работает, вызывая общие тревоги, а затем предлагая их без суеты.
Отрасль: Таможня
Почему это работает…
- Представление проблемы: Заголовок начинается с боли и незащищенности («Импорт и экспорт — это сложно»), с которой любой посетитель, попавший на эту целевую страницу, кампания PPC, вероятно, будет ощущаться.Однако важно то, что обещание решения проявляется с такой же ясностью над заглавной: «Мы делаем за вас самую сложную часть работы», — говорит Бордер Бадди. Идеально.
- Простота: Перемещение покупок через границу может стать очень запутанным, поэтому очень важно содержать эту целевую страницу в чистоте. Здесь нет больше информации, чем то, что вам нужно знать. Никакого юридического языка. У вас будет таможенный брокер, который будет заботиться обо всех этих мелких деталях за вас.
- Скорость: В Unbounce мы можем многое сказать о влиянии скорости страницы на коэффициент конверсии.Но Border Buddy уже впереди всех в этом вопросе. На мобильных устройствах этой целевой странице требуется менее трех секунд, чтобы отобразить первую значимую отрисовку. Border Buddy не перегружает страницу ненужными медиафайлами или скриптами, обеспечивая немедленное взаимодействие с посетителями. (Подготовка SVG-версии своего логотипа может сократить несколько килобайт и без того очень скудной страницы.)
- Неожиданная яркость: Иногда маркетологи связывают стремление к более высокой скорости с необходимостью жертвовать визуальной привлекательностью целевой страницы .Этот пример от Border Buddy показывает, что этого не должно быть. Они тщательно подобрали шрифт, макет и визуальные эффекты, чтобы добиться максимального эффекта и усилить брендинг (не отвлекая посетителей).
- F-шаблон: Как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза перемещаются по экрану, когда мы смотрим на контент. Это снижает когнитивную нагрузку и гарантирует, что ключевые части сообщения (включая призыв к действию) расположены в наиболее заметных местах.
16. Bouquet Bar (Агентство: Power Digital Marketing)
Изображение предоставлено Bouquet Bar. (Щелкните, чтобы увидеть все.) КомпанияPower Digital Marketing создала эту великолепную целевую страницу для Bouquet Bar. Хотя другие целевые страницы ориентированы на определенные праздники, здесь говорится, что вам не нужен повод, чтобы побаловать того, кого вы любите (или, знаете, нужно произвести впечатление) букетом. Вы можете сделать это «Просто потому, что». Райан Пикардал, дизайнер, который работал над этим, описывает их цели:
Для относительно нового бренда наша команда осознала, что нам нужно извлекать выгоду не только из увеличения продаж с этих целевых страниц, но и за счет расширения их аудитории.Чтобы добиться этого, нам нужно было сосредоточиться на том, чтобы во главу угла ставить соблазнительные сообщения и изображения, а также сделать так, чтобы все ключевые преимущества Bouquet Bar были четко видны и привлекали внимание.
Сфера деятельности: Флорист / Подарки
Почему это работает…
- Выберите свое собственное приключение: Хотя важно сохранять концентрацию, иногда один призыв к действию не совсем отражает типы посетителей вашего целевая страница получает.В этих случаях может оказаться весьма эффективным предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает вам создать свой собственный букет. Но для тех, у кого мало времени или воображения, «тщательно подобранные подборки» — это кратчайший путь к празднованию важного человека или события.
- Просто потому: 75% роз, проданных в США, покупают мужчины на День святого Валентина. И 25% всех взрослых сообщают, что покупают цветы в качестве подарков на День матери. Скорее всего, в эти два дня Bouquet Bar ведет значительный объем бизнеса, но сообщения «просто потому, что» здесь приглашают к работе в течение остальных 363 дней в году.
- Правильная цветовая палитра: Этот момент затрагивает общий бренд Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому, что». Оранжевый, особенно глубокий оттенок, который они выбрали, гармонирует с теплым и утонченным характером бренда. Многие из того, что называют психологией цвета, довольно сомнительны — использование розового не сделает ваше похоронное бюро более веселым, — но акценты здесь определенно подтверждают идентичность, которую хочет утвердить Bouquet Bar.
- Яркая фотография: Галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Изображения людей могут более эффективно вызывать эмоции, чем слова, поэтому такая компания, как Bouquet Bar, будет разумно использовать их здесь. Фотографии также, гораздо более практично, демонстрируют масштаб. Это может стать серьезной проблемой при покупке незаметных продуктов. Это отличный урок для тех, кто занимается электронной коммерцией.
17.Campaign Monitor (Агентство: ConversionLab)
Вот целевая страница SaaS, которая все понимает. Эта страница для платформы электронного маркетинга Campaign Monitor, созданная опытными маркетологами из ConversionLab, объединяет многие передовые методы работы с целевыми страницами, которые помогают повысить коэффициент конверсии. Он включает четкую, убедительную копию. (Проверить.) В нем есть подлинное социальное доказательство. (Проверьте.) И он сосредоточен на единственной действенной цели: «Создайте свое первое электронное письмо в формате HTML прямо сейчас». (О, детка, проверьте.)
Industry : SaaS
Почему это вдохновляет…
- Сильный, конкретный CTA: Я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Здесь нет «Узнать больше» или «Начать работу».Вместо этого это «Создайте свое первое электронное письмо в формате HTML прямо сейчас». Копия настолько конкретна и незамедлительна, что вы точно знаете, что произойдет, когда вы перейдете на следующую страницу. (А копия обработки возражений внизу делает его еще сильнее.)
- В первую очередь сосредоточьтесь на людях: В SaaS так легко просто выбрать снимок экрана программы и сделать его своим героем. Но всегда стоит попробовать вариант и с реальными фотографиями людей. Это может помочь вам проникнуться эмоциями ваших посетителей и иногда повысить вероятность их конверсии.
- Одно единственное сообщение — Обратите внимание, сколько раз на странице появляются слова «электронные письма в формате HTML»? Сосредоточившись на этой единственной цели (и используя их в качестве ключевых слов для своих рекламных кампаний PPC), вы можете увеличить свои шансы на создание страницы с высокой конверсией.
18. Class Creator
Изображение любезно предоставлено Class Creator. (Щелкните, чтобы увидеть все.)Class Creator из Австралии использует эту целевую страницу Unbounce, чтобы проникнуть на рынок США (и, надеюсь, помочь компании найти партнеров в США), когда школа находится между занятиями в их родной стране.На странице представлены многие функции продукта, а также основные преимущества. Он нацелен на руководителей высокого уровня, которым перед покупкой нужно как можно больше информации.
Отрасль: Образование / SaaS
Почему это работает ..
- Нарушение правил: Я знаю, что вы собираетесь сказать. «Это не целевая страница. Это домашняя страница. Это нарушает все правила. Вы только посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания выходит из-под контроля! » Ворчать, ворчать, ворчать.Но здесь есть урок для тех, кто ищет вдохновение для целевой страницы: оставайтесь гибкими . Тим Боуман, генеральный директор Class Creator, сказал мне, что эта домашняя страница добилась большего успеха, чем традиционная целевая страница, ориентированная на конверсию. Я хотел включить это здесь как пример того, что вы можете сделать.
- Плавающая панель навигации: Если вам необходимо добавить панель навигации, лучше держать ее на виду всегда. Это также позволяет Class Creator держать основной призыв к действию («Демонстрационная школа») вверху страницы, чтобы посетителям не требовалась прокрутка, чтобы найти его.
- Цифры не лгут: В верхней части списка Создатель класса приводит довольно серьезные цифры в качестве социального доказательства. Они привлекают более 10 000 преподавателей в 13 странах, которые уже используют их программное обеспечение как мощный инструмент убеждения.
- Легкий доступ к демонстрации продукта: В сфере SaaS очень часто можно увидеть, как компании ставят слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего первенца, чтобы получить доступ к нашей 5-минутной бесплатной пробной версии.Class Creator знает, что потенциальным клиентам очень важно запачкать руки с демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, генерируя квалифицированных потенциальных клиентов (с помощью простой формы электронной почты) и продвигая их дальше по воронке.
- Разумное использование лайтбоксов: Эта целевая страница (действующая как домашняя) уже может многое рассказать о Class Creator. Помещение любой дополнительной информации в лайтбоксы помогает не мешать ей.Несомненно, им стоит протестировать разные версии этой страницы, в которых функции заменены преимуществами или отзывы помещены в более популярном месте.
Примечание редактора. Если вы ищете свободу творчества, чтобы создавать все, что захотите, Unbounce Builder предлагает такую гибкость, независимо от того, хотите ли вы создать всплывающее окно или липкую панель, длинную целевую страницу или страницу, оптимизированную для SEO. Узнайте больше здесь.
19. Fast Mask (Агентство: J7 Media)
Изображение предоставлено Fast Mask и J7 Media.Щелкните, чтобы увидеть все.Вот еще один пример от J7 Media, который слишком своевременен. Fast Mask создает и продает банданы и маски для лица, которые предназначены для использования на мотоцикле, квадроцикле или во время езды на велосипеде. (Хотя я могу придумать еще одну причину, по которой вам может понадобиться такая маска.) Эта страница предназначена для любителей острых ощущений и демонстрирует некоторые из ярких дизайнов, которые вы можете выбрать для своей маски, а также различные способы их ношения.
Отрасль : Одежда и одежда
Почему это вдохновляет…
- Выделите самые продаваемые продукты : Fast Masks имеет более 100 различных дизайнов, перечисленных на их веб-сайте, но на этой целевой странице представлены только пять из них самые популярные варианты.Этого достаточно, чтобы дать вам представление о различных доступных стилях (от канадского флага до маски Человека-паука), не превращая страницу в один большой список товаров.
- Сосредоточьтесь на преимуществах: Многие посетители могут задумываться о покупке маски для лица впервые, поэтому на целевой странице требуется время, чтобы объяснить некоторые ключевые преимущества ее ношения.
- Помните о своей целевой аудитории: Это целевая страница, которая знает свою аудиторию. Вы можете сразу сказать, что попали в нужное место, если вы искатель острых ощущений, который увлекается мотоциклами, пейнтболом, сноубордом, охотой или другими экстремальными видами спорта.
20. Good Eggs
Изображение предоставлено Good Eggs. (Щелкните, чтобы увидеть все.)Хорошие люди в Good Eggs знают, как использовать изящный маркетинг (просто посмотрите на их домашнюю страницу!). На самом деле, я думаю, что многие их целевые страницы отлично подошли бы для этого поста о дизайне целевой страницы. Этот конкретный пример, который продвигает бесплатную кокосовую воду, не является исключением, но он также предлагает мастер-класс по сдержанности. Он показывает, как использовать промо, чтобы получать конверсии, не становясь при этом властным.
Отрасль: Доставка продуктов питания
Почему это вдохновляет…
- Халява: Бесплатная кажется универсальной. Но в данном случае обещание бесплатности делает больше, чем просто апелляцию к нашей инстинктивной любви к , а не к плате за вещи . Он создает доброжелательность, предоставляет образец продукта, который предлагает Good Egg, и быстро устанавливает соответствие стилю жизни между услугой и посетителем. Что я имею в виду под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет вам.
- Добавленная стоимость: Сначала я был ошеломлен этим заголовком, потому что я думал, что вы усерднее пострадаете от всего бесплатного (например, я не знаю, «Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что средний покупатель Good Eggs думает о большем, чем просто заключить сделку. Здесь продвижение помогает продемонстрировать ценности бренда, такие как благополучие, экологичность и этические нормы труда. Так что это не просто бесплатно, это еще и хорошая вещь .
- Отзывы: Упоминание конкурентов может быть немного рискованным, но Good Eggs решает эту проблему, позволяя клиенту делать это за них.Иногда отзывы могут быть немного похожими, если одно и то же повторяется разными голосами. (Это не всегда плохо.) Однако здесь они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.
21. HomeLoanGurus (Агентство: ConversionLab)
Изображение любезно предоставлено HomeLoanGurus и ConversionLab. Щелкните, чтобы увидеть все.Вот еще один пример целевой страницы от опытных маркетологов из ConversionLab. HomeLoanGurus — это служба, которая связывает покупателей жилья с кредиторами, даже если у вас плохой кредитный рейтинг.(У 670 плохой кредитный рейтинг? Я спрашиваю друга.) Эта целевая страница отлично объясняет, как работает их сервис, простым языком и побуждает посетителей подавать онлайн-заявку на получение первой ссуды.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Сосредоточение внимания на проблеме: Заголовок здесь не об услугах, а о посетителях. «Плохой кредитный рейтинг?» Вы сразу знаете, с какой ситуацией вы имеете дело, и страница сразу же выражает сочувствие, прежде чем предложить HomeLoanGurus в качестве решения.
- Ориентировано на процесс: Получение ипотечного кредита может быть чрезвычайно сложным. Есть много документов, терминологии и правил, с которыми вам придется разбираться. Эта целевая страница описывает процесс в виде простых шагов и помогает сделать его намного проще для посетителя, который может беспокоиться о том, чтобы сделать первый шаг.
- Будьте краткими: Финансовые целевые страницы различаются по длине, но данные из Отчета о конверсии за 2020 год показывают, что лучше всего конвертируются страницы, содержащие менее 200 слов.Этот пример показывает, как можно много говорить, не делая страницу слишком длинной.
22. Jet Pet
Изображение предоставлено Jet Pet. (Щелкните, чтобы увидеть все.)На каждого человека, живущего в Ванкувере, должно быть не менее шести собак. Jet Pet понимает любовь этого города к собакам, и они большие поклонники использования Unbounce Builder для рекламы своих премиальных услуг по размещению собак и трех мест для местных жителей. Мы включили его сюда, потому что эта целевая страница является источником вдохновения для всех, кто ориентируется на выбранный географический регион.
Отрасль: Уход за домашними животными
Почему это работает…
- Четкое указание значения: Простой заголовок («Dog Boarding Vancouver») позволяет пользователю узнать, что он сорвал джекпот. Для платных кампаний Jet Pet также может использовать функцию Dynamic Keyword Replacement (DTR) Unbounce, чтобы заменить ключевое слово в поиске («Dog Kennels Vancouver») для улучшения соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует их ожиданиям.
- Двухэтапная форма: Как правило, использование многоступенчатых форм может привести к более высоким показателям конверсии, чем одиночная длинная форма. Здесь двухэтапная форма снижает психологическое трение двумя способами. Во-первых, это сводит к минимуму предполагаемые усилия при подписке на услугу. (И даже если вторая форма окажется разочаровывающей, тот, кто уже заполнил первую форму, будет инвестирован и с большей вероятностью продолжит работу. Ошибка невозвратных затрат FTW.) Во-вторых, двухэтапная форма может задержать запрос более «деликатных» вопросов до тех пор, пока потом.
- Дружелюбие: Говоря о форме, мне нравится, что первое, о чем вас спрашивают (и единственное обязательное поле на первой странице), — это кличка вашей собаки . Я ожидал этого вопроса, если бы зашел в одно из их мест со своим щенком на поводке, но, увидев здесь тот же вопрос, я улыбнулся. Страница Jet Pet полна дружеских жестов, которые делают их запоминающимися.
- Доверие: Доверие своей собаке другому требует душевного спокойствия.Поэтому важно, чтобы Jet Pet использовал копию, которая укрепляет это доверие и дает клиентам чувство уверенности в том, что они оставили Фидо с «любящими экспертами», которые заботятся о его интересах. Ободряющий язык, который Jet Pet использует на странице, усиливает это сообщение, включая эмоционально нагруженные термины, такие как «забота», «безопасность» и «любовь».
- Видео-отзывы: Вам не всегда нужно видео, чтобы иметь эффективный отзыв, но в случае с Jet Pet я думаю, что это разумный ход.Существует множество сомнительных свидетельств, поэтому демонстрация реальных владельцев собак, говорящих в камеру, помогает укрепить доверие к ним. (Я тоже хотел бы увидеть собак на этих видео.)
23. Муала (Агентство: BuzzShift)
Изображение любезно предоставлено Mooala. (Щелкните, чтобы увидеть все.)Итак, оказывается, вы можете доить банан. Кто знал? (Mooala Organic, вот кто.) Целевая страница, созданная BuzzShift, отражает игривость и чувство веселья бренда, воплощенные в их талисмане.Кроме того, он прост и вселяет большое доверие к их продукту. Кэмерон Гоули, соучредитель и генеральный директор BuzzShift, рассматривает варианты выбора в контексте всей воронки:
Эта конкретная страница хорошо зарекомендовала себя на этапе рассмотрения нашей социальной рекламы. Наша цель состояла в том, чтобы повысить ценность с помощью купона, перехватив электронное письмо в качестве мягкой конверсии, а затем продвигая его в оставшейся части пути. У большинства брендов есть прекрасная возможность снизить цену за конверсию и увеличить конверсию, уделяя больше внимания осведомленности и внимательности.
Отрасль: Напитки / альтернативы молочным продуктам
Почему это вдохновляет…
- От целевой страницы до офлайн-покупки: Как отмечает Гоули, обещание купона выполняет двойную функцию по сравнению с мягкой конверсией. Он создает почтовую рассылку и поощряет покупки в магазине. Поскольку дегустация верна, это важный компонент стратегии цифрового маркетинга Mooala.
- Встреча возражений в лоб: Ненавистники бананов собираются ненавидеть бананы.Но следует похвалить Муала за то, что тот немедленно отказался от одного возможного возражения против бордюра: «Что такое бананамилк, спросите вы? Это не сладко-сладкий банановый смузи, как вы могли подумать. Смело решая эту проблему, текст помогает изменить ожидания и продвигать продукт как «легкую молочную альтернативу, которой можно наслаждаться без чувства вины».
- Грамотно размещенная анимация: Видео и анимация могут быть чрезвычайно полезными, но они также могут отвлекать внимание, если их неправильно расположить.Мне нравится включение анимации внизу страницы, где она привлекает внимание к призыву к действию, а не отвлекает от основных сообщений Муала.
- Очереди в соцсетях: Поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться в центре внимания.
24. NANOR (Агентство: Webistry)
Изображение любезно предоставлено NANOR и Webistry. Щелкните, чтобы увидеть все.Для многих продуктов электронной коммерции важно не только продавать опыт, но и продукт.Взгляните на эту страницу ароматических свечей NANOR (созданную агентством Webistry), и вы сразу же получите представление о той роскоши, которая вас ожидает. Это красивая страница, от которой просто хочется зажечь одного из этих плохих парней и принять ванну с пеной со стаканом шардоне.
Промышленность : Велнес / Подарки
Почему это вдохновляет…
- Темный фон : Эта целевая страница мгновенно выделяется из-за черного фона.Раскраска создает высококлассную атмосферу премиум-класса на странице, которая действительно помогает привлечь внимание к продукту как к предмету роскоши.
- Изображения, которые вы практически чувствуете: Некоторые предметы, как известно, сложно продать в Интернете. Свечи, например, кажутся той вещью, которую большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобретет заново запах-о-видение для современной эры рекламы — это будет сложно осуществить.) Эта страница отлично справляется с описанием аромата каждой свечи и демонстрацией красивых изображений грейпфрутов, цветов, трав и специи для обозначения каждого аромата.
- Кнопка «Добавить в корзину»: Чтобы посетители могли легко совершать покупки прямо на целевой странице, Webistry использовала пользовательские кнопки «Добавить в корзину». Ознакомьтесь с их публикацией в сообществе Unbounce, чтобы узнать, как добавить кассу Shopify на свою целевую страницу.
25. Panda7 (Агентство: Webistry)
Изображение любезно предоставлено Panda7 и Webistry. Щелкните, чтобы увидеть все.Кому-нибудь действительно нравится процесс страхования автомобиля? (Если вы не говорящий геккон, ответ, вероятно, будет отрицательным.) Вам нужно связаться с несколькими разными страховщиками, сравнить их ставки, а затем тщательно просмотреть контракты на предмет скрытых комиссий. Но эта целевая страница для Panda7 (еще одна, созданная Webistry) обещает значительно упростить жизнь водителям — их сервис позволяет вам сравнивать расценки всех основных страховщиков и покупать автострахование за считанные минуты. Да, пожалуйста.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Очевидные преимущества : На странице ясно показано, что использование услуги дает два основных преимущества.Во-первых, это экономит ваше время, позволяя сравнивать лучшие цены в Интернете. Во-вторых, это экономит ваши деньги (в некоторых случаях до 30%). Эти два момента повторяются снова и снова по-разному, поэтому вы можете уловить их, даже если просматриваете беглый просмотр.
- Фирменные визуальные эффекты : страница органично интегрирует королевский фиолетовый цвет бренда по всей странице, во всем, от иллюстраций до цветов фоновой части. Очень сплоченный и очень профессиональный вид.
- Плавающий заголовок CTA : Обратите внимание на этот плавающий заголовок.При прокрутке кнопка быстро меняется с номера телефона в верхней части страницы на основной CTA «Сравнить цитаты». Очень круто.
26. Pared
Изображение любезно предоставлено компанией Pared. (Нажмите, чтобы увидеть все.)Мы рады продемонстрировать эту красивую целевую страницу от Pared, приложения, которое подбирает (или, кстати, объединяет) рестораны с предварительно квалифицированным кухонным персоналом. Как и в примере из Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свою идею до людей. Конструктор перетаскивания Unbounce дает им возможность вносить изменения и отслеживать конверсии.По словам Дэйва Лу, президента и соучредителя Pared, это оказалось эффективным даже три года спустя:
С первого дня я смог быстро собрать воедино веб-сайт и целевую страницу для своего стартапа. Благодаря Unbounce я могу выполнять итерацию и A / B-тестировать изменения без необходимости привлечения дизайнера или разработчика. Это невероятно раскрепощающий и мощный инструмент для любого маркетолога.
Отрасль: Рестораны / Персонал
Почему это вдохновляет…
- Говорит о своей нише: Pared — это услуга не для всех, и они это знают.Вместо этого у них есть конкретная клиентура, потребности которой они полностью соответствуют. Эта целевая страница начинается с одной конкретной проблемы, с которой сталкиваются эти люди: «Больше никогда не будет нехватки персонала», и идет оттуда. (Они используют другие веб-ресурсы для набора Pared Pro.)
- Видео с объяснением: Целевая страница включает в себя краткое объяснение, которое на простом, доступном языке знакомит зрителей с проблемой и их решением. Целевые страницы приложений, в частности, выигрывают от этих типов видео.
- Крупные имена и логотипы: На странице представлены логотипы самых разных узнаваемых закусочных и ресторанов, которые пользуются данной услугой. Он также включает в себя убойные отзывы от владельцев шеф-поваров в таких заведениях Сан-Франциско, как Little Gem, Octavia и Jaridiniere (ныне, к сожалению, исчезнувшие).
27. Perfect Keto (Агентство: Webistry)
Изображение предоставлено Perfect Keto и Webistry. Щелкните, чтобы увидеть все.Вот еще один пример протеиновых батончиков Perfect Keto от Webistry.На странице эти батончики не только продаются как вкусные лакомства, но и подчеркиваются их полезность для здоровья и питания. (Всего три грамма чистых углеводов в каждом батончике? Это означает, что вы можете получать шесть батончиков в день, не выходя из состояния кетоза!)
Промышленность : Продукты питания
Почему это вдохновляет… : На странице представлены отзывы различных влиятельных лиц и авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет.) Но есть и другое социальное доказательство: они хвастаются, что у них более 2500 отзывов, а их бренд появляется в таких публикациях, как Women’s Health, Reader’s Digest и Popsugar. Вам нужно увидеть реальную страницу для полного эффекта. Эта целевая страница Twinwoods Adventure передает острые ощущения от прыжков с парашютом в помещении с помощью увлекательной (и юмористической) анимации героев и множества невероятных боевых кадров.Bluespark Digital создал страницу, которая полна энергии и волнения, но при этом сосредоточена на преобразовании. Отрасль: Приключения Почему это вдохновляет… У меня была своя доля плохих соседей по комнате, поэтому меня сразу же заинтересовала эта целевая страница Roomeze от Snap Listings. Их служба обещает подобрать вас с проверенными соседями по комнате в Нью-Йорке и поселиться в квартире менее чем за 1000 долларов в месяц. Интересно, есть ли способ убедиться, что ваши будущие соседи по комнате не играют на тромбоне? (Потому что поверьте мне.Вам не нужен сосед по комнате, который играет на тромбоне.) Отрасль : Недвижимость Почему это вдохновляет… Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже.Это было бы странно.) Я полагаю, что большая часть этого не имеет хорошего вкуса, и, вероятно, это не слишком хорошо для вас. Но именно поэтому мое внимание привлекла эта целевая страница Smalls Food for Cats. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке более свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не пахнет кошачьим кормом. Industry : Корм для домашних животных / коробки для подписки Почему это вдохновляет… Когда вы владеете недвижимостью, которая устарела или повреждена, иногда вы просто хотите продать ее как можно быстрее (конечно, за как можно больше денег). Вот где эта целевая страница от Sundae облегчает вам задачу — их услуги помогут вам быстро продать свой дом по самой выгодной цене. Промышленность : Недвижимость Почему это вдохновляет… Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чепмена, основателя и президента Everett Andrew, этот дизайн был полностью выделен: Наша цель при создании страницы заключалась в том, чтобы пробиться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как на Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном в верхней части страницы, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание. Отрасль: Уроки серфинга Почему это вдохновляет… На этой целевой странице Woolx используются фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе и индивидуально взглянуть на свой свитер Rory. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению), что делает его стильным, дышащим и ультра-удобным предметом одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик». Промышленность : Одежда / Одежда Почему это вдохновляет… Я не очень хорошо справляюсь с большинством упражнений. У меня действительно нет танцевальных навыков. И у меня, конечно, нет хорошего ритма. Но по какой-то причине … Думаю, я, может быть, хочу сейчас стать инструктором Zumba? Вот насколько хороша эта целевая страница для обучения зумбе (созданная агентством MuteSix).Они делают вид, что выучить шаги и начать преподавать совершенно доступно (и доставляет массу удовольствия). Индустрия : Фитнес Почему это вдохновляет… Вот и все.Это одни из лучших примеров целевых страниц, с которыми мы сталкивались здесь, в Unbounce, выбранные для представления широкого спектра отраслей с множеством различных целей конверсии. Они не следуют всем лучшим практикам, но мы надеемся, что вы нашли в каждом из них какие-то качества, которые вдохновят вас. Но у нас есть для вас последний совет: ни одна страница не бывает идеальной — или, что более важно, каждая страница может быть лучше . И то, что работает для одной страницы (с одним целевым рынком), не обязательно сработает для вас.Имея это в виду, вы должны всегда тестировать своих целевых страниц. Если у вас есть страница, над которой вы уже собираетесь поработать, попробуйте запустить ее с помощью нашего анализатора целевых страниц, чтобы узнать, какие действия вы можете предпринять. Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в этом смысл?» Хорошие примеры целевой страницы, подобные приведенным выше, должны вас вдохновить.Но иногда, , видя крутизну других людей, может иметь противоположный эффект . Но не сдавайтесь! Хорошая новость заключается в том, что , большинство из этих примеров были построены с помощью конструктора перетаскивания Unbounce. Хотя многие используют пользовательские сценарии, чтобы поднять его на ступеньку выше, почти все эти примеры начинались с того же места, что и вы — с бренда, пустой страницы и большой идеи. Черт возьми, некоторые из этих вдохновляющих целевых страниц даже начинались как шаблоны целевых страниц Unbounce, хотя вы никогда не узнаете об этом, взглянув на них.И мы не говорим. Итак, выделите несколько идей из этих примеров, загрузите свой любимый шаблон и, да… станьте Майклом Джорданом целевых страниц. Если у вас есть целевая страница, которой вы хотите похвастаться — свою или даже чью-то еще, — поделитесь ею ниже. Целевые страницы — одна из важнейших составляющих вашей маркетинговой стратегии в социальных сетях, но, к сожалению, их легко упустить из виду. Это потому, что маркетологи часто слишком сосредоточены на привлечении клиентов и подписчиков. Однако что происходит с этими клиентами, когда они нажимают на ваши рекламные акции? Они проходят через вашу воронку или вы позволяете этим драгоценным кликам тратить зря? Если вы не уверены на 100%, насколько хороши ваши целевые страницы, не переживайте. Мы составили исчерпывающий список примеров и передовых методов целевых страниц социальных сетей, которые вдохновят вас и помогут повысить конверсию. Прежде чем мы углубимся в подробности, давайте разберемся, что такое целевая страница. Целевая страница — это целевая страница, которая является частью определенной маркетинговой кампании или продвижения. Когда ваши последователи или подписчики переходят по рекламной ссылке (подумайте: социальная биография, ссылка по электронной почте), целевая страница в буквальном смысле выглядит хорошо, они, , получают . Вот простой пример из рекламного сообщения электронной почты TOMS.После нажатия на купон мы попадаем на страницу покупок, относящуюся к промоакции, указанной в электронном письме. Обратите внимание, что целевые страницы отличаются от обычных ссылок на домашнюю страницу. Как правило, целевые страницы включают в себя какой-то конкретный призыв к действию, такой как подписка на список или покупка определенного продукта. Эти страницы служат для того, чтобы побуждать посетителей к действию, а не просто «просматривать». Кроме того, отслеживание рекламных акций с помощью целевых страниц упрощает атрибуцию поведения и показателей.Это может включать клики, покупки, время, проведенное на странице, и показатель отказов. Давайте посмотрим на примеры целевой страницы в социальных сетях от Skullcandy. Их отслеживаемая ссылка Bitly в их биографии в Instagram указывает на целевую страницу определенного продукта. Вместо того, чтобы направлять посетителей на свою домашнюю страницу, они используют свой Instagram, чтобы выделить свое последнее предложение. После перехода по ссылке клиенты попадают на страницу с этим предложением. Видите, как это работает? Бренды обычно создают новые целевые страницы для презентаций продуктов и новых рекламных акций.Со временем компании смогут понять, какие типы контента и тактики работают хорошо, и смогут быстрее развертывать новые целевые страницы, добавляя новые копии и креативы. Привет, «хороший» вопрос! У компаний есть масса творческой свободы, когда дело доходит до создания целевых страниц. Тем не менее, между наиболее эффективными страницами есть несколько общих потоков, которые мы выделили ниже. Никаких секретов.В идеале ваша целевая страница должна заставлять посетителей читать (и прокручивать), поскольку они, естественно, хотят узнать больше и в конечном итоге нажимают ваш призыв к действию (CTA). Благодаря элементам дизайна, тексту и размещению призывов к действию брендам удается удерживать читателей приклеенными к странице, не теряя интереса. Вот хороший пример от Зенни. Целевая страница естественным образом разбита на разделы с привлекательными значками и фотографиями реальных людей, чтобы удерживать читателя, когда он знакомится с предложением компании. Вместо того, чтобы поражать читателей стеной текста, перед брендами стоит задача придумывать целевые страницы, которые находят баланс между образованием, развлечениями и удобством использования. Если вспомнить последний совет, целевые страницы — это последнее место, где вы хотите перегружать людей информационной перегрузкой. Целевые страницы обычно следуют правилу «лучше меньше, да лучше». Вы заметите, что многие из них минималистичны, когда дело касается копирования и цветовых схем, используя только пару цветов и краткую копию, чтобы их предложение было легко усвоить с первого взгляда. Например, эта целевая страница от Host Gator является отличным источником вдохновения для дизайна целевой страницы . Быстрые точки страницы сочетаются с синей и оранжевой цветовой схемой, поэтому их призыв к действию не пропадает, но при этом приятен для глаз. Принято считать, что большая часть веб-трафика и социальных сетей является мобильным. Между тем, последние статистические данные в социальных сетях указывают на необходимость обращения к клиентам в дороге. Вот почему ваши целевые страницы по умолчанию должны быть адаптированы для мобильных устройств. Адаптивный дизайн может взять на себя часть работы за вас, но любая целевая страница в социальных сетях, в частности, должна быть удобной для прокрутки. Предыдущие два совета могут помочь в этом. Однако это не означает, что вы должны делать свои целевые страницы простыми. Например, эта социальная целевая страница от Xero эффективна, но при этом включает в себя скриншоты продуктов, видео и анимацию. А теперь самое интересное! Ниже приведены некоторые из лучших примеров целевых страниц из социальных сетей с разбивкой по отраслям. И хотя многие из этих целевых страниц выглядят совершенно по-другому, им удается выполнять свою работу с точки зрения увеличения количества кликов. Независимо от того, что вы продаете, эти примеры могут вас вдохновить. Как подчеркивается в нашем руководстве по социальным сетям для розничной торговли, целевые страницы электронной коммерции должны делать покупки возможными как прямые, так и безболезненные. Ваша конечная цель — как можно скорее направить покупателей на соответствующие страницы продуктов. Прелесть ленты для покупок в том, что она упрощает процесс продажи в Instagram.Это подход Black Milk, на котором целевая страница в Instagram служит лентой рекламных акций и пользовательского контента. Также обратите внимание на подписку по электронной почте, чтобы собирать дополнительную информацию от потенциальных покупателей. Не обязательно уникален для других наших примеров целевой страницы, на этой странице также было всплывающее окно со скидкой для новых посетителей. Хотя использование всплывающих окон горячо обсуждается, бесплатная доставка по-прежнему популярна, в частности, в электронной коммерции. Эта целевая страница для настольной рекламы в Facebook от Liingo прекрасно спроектирована и разделена на три раздела по мере прокрутки.Обратите внимание на ярко-оранжевые кнопки с призывом к действию, а также на анимацию из раздела «Виртуальная примерка», которые служат для того, чтобы привлечь внимание любого, кто просматривает страницу. Все, что вы можете сделать, чтобы сделать ваши целевые страницы интерактивными, является плюсом. Именно это делает Beardbrand со своей целевой страницей на основе викторин. После сбора вашего адреса электронной почты викторина включает вопросы, которые помогут вам выбрать нужные продукты. Хотя викторина может потребовать от покупателей некоторой работы, потраченное на это время приводит к получению персонализированных рекомендаций по продуктам, которые требуют меньшего количества просмотров.Также обратите внимание, что, проходя викторину, ваши лиды дают представление аудитории, давая вам ответы о своих личных предпочтениях. Короче беспроигрышный вариант. Важнейшая часть любой маркетинговой стратегии SaaS, целевые страницы должны быть простыми в том смысле, что они побуждают посетителей загрузить или запросить демонстрацию. Однако целевые страницы для SaaS не всегда так просты. Sprout в Facebook — это далеко не все.Обладая дружелюбным лицом и языком, подчеркивающим наши ценности и потребность в общении, мы стремимся доказать потенциальным клиентам, что мы не просто программное обеспечение. Зеленые кнопки CTA здесь легко увидеть. Между тем, видео способствует повышению вовлеченности и конверсии, и поэтому вы будете видеть его в наших примерах целевых страниц. Еще одна целевая страница для рекламы в Facebook, Salesforce, хорошо разбирается в том, что делает их продукт, на простом английском языке. В сочетании с изображениями, реальными снимками экрана и видео с отзывами ниже сгиба, эта целевая страница делает все понемногу, одновременно предоставляя важную информацию заранее. Эта целевая страница с рекламой в Instagram представляет Hyke как полезный инструмент, выделяющий сэкономленные деньги без лишних слов. Остальная часть целевой страницы включает в себя социальные доказательства, отзывы и кристально четкие цены, в то время как фиолетовый призыв к действию не может быть пропущен. Проще говоря, социальные сети для путешествий — это все, что нужно для оценки бронирований.Эти целевые страницы демонстрируют, как некоторые из крупнейших игроков туристической индустрии делают это возможным. Исходя из видеорекламы в Twitter, эта целевая страница на юго-западе настолько проста, насколько это возможно. Но опять же, целевые страницы не обязательно должны быть сложными. Кричал: «Эй, у нас хорошие ставки!» с одним ярким призывом к действию, который помогает привлечь читателя к естественному выводу о переходе по ссылке. Если вы работаете в индустрии туризма, вы знаете, что очки стиля имеют значение.Эта целевая страница Instagram из Four Seasons является минималистичной, но смелой, предлагая четкие призывы к действию, которые контрастируют с остальным текстом целевой страницы. Хорошо организованная и стильная целевая страница Disney содержит видеоролики и информацию о размещении для посетителей, которые хотят узнать больше, чем о том, что есть на самом деле. От бесплатных до платных курсов, эти типы целевых страниц обычно подчеркивают преимущества и позиционируются как зависящие от времени. Foundr похожа на страницу продаж старой школы, но с некоторыми особенностями, которые делают ее более эффективной. Например, таймер обратного отсчета предложений — классический пример маркетинга срочности, который работает и сегодня. Обратите внимание также на использование видео. В сочетании с массой данных, социальных доказательств и отзывов ниже, эта загруженная целевая страница успешно продает себя скептикам. Кстати, Foundr продвигает курс с помощью закрепленного твита: разумный шаг для любого бизнеса, который хочет продвигать статичный или долгосрочный офис, при этом оставляя ссылку на свою домашнюю страницу через социальные сети. Эта целевая страница представляет собой стиль, который мы довольно часто видим для электронных книг, но этот проверенный временем формат работает. Находясь на вершине сопутствующей статистики и данных, для загрузки руководства Shopify здесь не нужно копаться. Вы точно знаете, что получаете и где это найти. Если вы продвигаете веб-семинар, возможно, наиболее важной частью вашей целевой страницы является указание даты и времени. Skillcrush удается сделать это, а также выделять своего хозяина человеческим прикосновением.Название и слоган вебинара — это все, что действительно необходимо для заключения сделки по регистрации. Хотя социальные сети для некоммерческих организаций как таковые предназначены не только для продажи, целевые страницы благотворительных организаций сосредоточены на привлечении пожертвований. Вот как они это делают. Счетчик, который здесь в центре внимания, помогает выявить, кто внес свой вклад, и служит своего рода эффектом подножки для новых жертвователей.Четкий статичный ящик для пожертвований тоже приятно. Простая цветовая схема и длинное видео делают эту целевую страницу чистой и профессиональной, которая выполняет свою работу. Эта целевая страница, как и фид в Instagram, где можно делать покупки, позволяет посетителям просматривать и дарить товары, которые соответствуют разным фотографиям. Это творческий способ поощрения пожертвований и одновременного увеличения количества благотворительных материалов. Потрясающие изображения и яркая статичная форма подписки делают эту целевую страницу визуально привлекательной.Плохие «подписи до сих пор» — это еще и тонкий штрих, побуждающий посетителей к участию. Как видите, здесь есть много возможностей для творчества, когда речь идет о примерах целевых страниц. Это хорошая новость, так как вы можете отформатировать и создать свою страницу на основе вашего бренда, при этом отмечая, что делает страницу «хорошей» Чувствуете вдохновение и готовы обновить свои целевые страницы? Отлично! Ваша голова в нужном месте. Но прежде чем вы решите отказаться от текущих страниц или создать новые объявления или копию, важно понять, как на самом деле выглядит оптимизация целевой страницы. Подводя итоги, давайте поговорим о том, как определить базовый уровень производительности целевой страницы и что вы можете сделать, чтобы повысить свои показатели. Для начала посмотрите, какие из ваших целевых страниц работают хорошо, с помощью Google Analytics. Какие страницы постоянно привлекают новых посетителей? Есть ли конкретный призыв к действию или страница, которая привлекает наибольшее количество кликов? Вы можете не только ставить такие цели в GA, но и отслеживать их во времени, чтобы убедиться, что они растут. Тем не менее, наличие этих данных позволяет вам устанавливать ожидания и цели, так как вы стремитесь улучшить коэффициент конверсии. Кроме того, такие инструменты, как Sprout Social, могут помочь в отслеживании кликов и конверсий через целевые страницы в социальных сетях.С помощью нашего URL-трекера вы можете определять и собирать аналитические данные для социальных ссылок. Это включает в себя не только биологические ссылки, но также конкретные сообщения и рекламные акции. Допустим, вы готовы развернуть новую целевую страницу или хотите внести некоторые изменения в существующую. Может быть, вы хотите попробовать новый призыв к действию или размещение кнопки. Возможно, вы хотите изменить цветовую схему. С такими инструментами, как Unbounce, вы можете начать с проверенных шаблонов целевых страниц и оптимизировать их по своему вкусу.Вы также можете запустить несколько версий одной и той же страницы рядом, что позволит вам провести A / B-тестирование, чтобы увидеть, какая из них является «победителем». Регулярное тестирование выполняет двойную задачу: со временем совершенствует ваши страницы, а также обеспечивает соответствие вашим собственным стандартам производительности. Небольшой совет, но о нем определенно стоит упомянуть! Еще раз проверьте, что ваши и маркетинговые сообщения согласованы не только на целевых страницах, но и на всех маркетинговых каналах. Например, креативы (подумайте: изображения, призывы к действию, рекламные акции) в идеале должны быть последовательными на вашей домашней странице, в электронной почте и в социальных сетях. Это гарантирует, что ваш трафик направляется туда, где он должен быть, а также не вызывает путаницы. Тот, кто нажимает на осеннее предложение, не должен попадать на вашу летнюю целевую страницу, верно? И на этом мы завершаем наш гайд! Послушайте: есть один «правильный» способ создать успешную целевую страницу. Однако важно понять, как на самом деле выглядят эффективные в дикой природе. Надеюсь, этот список примеров целевых страниц и передовых методов поможет вам начать мозговой штурм своей следующей целевой страницы. Есть ли какие-нибудь советы или рекомендации по использованию целевой страницы, которыми вы хотели бы поделиться с нашими читателями? Как вы увеличили коэффициент конверсии? Дайте нам знать в комментариях ниже! Если вы ищете простое решение для организации и составления отчетов об успехе в социальном маркетинге, ознакомьтесь с нашим набором социальных шаблонов, которые помогут вам в повседневной жизни. Целевые страницы могут быть решающим фактором в вашей стратегии привлечения потенциальных клиентов. Для всех создаваемых вами объявлений в социальных сетях или рекламных кампаний Google, если они ведут на целевую страницу, которая не конвертируется, вы просто выбрасываете деньги. Целевая страница — это, по сути, страница, на которую потенциальный клиент попадает после того, как щелкнет рекламное усилие. Разные бренды по-разному используют целевые страницы; некоторые будут перенаправлять на свою домашнюю страницу, страницу продукта или страницу «свяжитесь с нами», тогда как другие бренды будут ссылаться на уникальную целевую страницу для конкретной кампании. Целевая страница после клика — это отдельная страница, цель которой — преобразовать клиента, не покидая его; по сути, это весь веб-сайт, сжатый для преобразования в пределах прокрутки. Если бренд переходит на домашнюю страницу, то они рады, что их покупатели переходят по всему сайту и полагаются на другие разделы сайта для конверсии. В этом случае бренд, скорее всего, будет размещать рекламу в верхней части воронки / для повышения осведомленности о бренде. Выделяющиеся ниже целевые страницы представляют собой комбинацию домашних страниц, которые использовались для рекламных кампаний, и отдельных целевых страниц.Вы найдете здесь набор конструктивных элементов, диалоговых методов продаж, вдохновляющие материалы и многое другое. Здесь нет правильного или неправильного ответа, но эти примеры целевых страниц должны вдохновить вас на дизайн, содержание и тактику конверсии. Этот пример целевой страницы представляет собой домашнюю страницу и переход по клику из рекламной кампании Google. Так что же хорошего в этом конкретном примере? «Holded, бизнес-операционная система для современных компаний.” Обзоры необходимы для увеличения продаж в Интернете. К тому же отзывы руководителей в соответствующих областях более ценны. Holded использовал отзывы директоров по маркетингу и генеральных директоров, чтобы придать своему продукту больше веса. Анализируйте взаимодействия клиентов на целевой странице с помощью такого инструмента, как hotjar. В разделе «Для кого» этого LP Holded квалифицирует потенциальных клиентов на ранней стадии, обращаясь к: компаниям, консультантам / консультантам и фрилансерам.Используя инструмент тепловой карты, они смогут отслеживать каждый клик и взаимодействие пользователя в каждом из этих разделов и направлять свои маркетинговые усилия на удовлетворение своих потребностей в будущем. Вернемся к основам. Сходите в кафе-мороженое и попросите у сотрудника дегустатора. Даже если вам не нравится этот первый аромат, шансы, что вы выйдете из гостиной с пустыми руками, полностью изменились. Передайте продукт в руки потребителя, позвольте ему попробовать его, и они с гораздо большей вероятностью вложат в него средства. «Типовые, привлекательные и диалоговые формы и опросы, которые предоставляют данные». Typeform использовала страницу своего продукта для рекламы этого конкретного бренда. Почему именно этот пример целевой страницы? Целевая страница не только идеальна для настольных компьютеров, планшетов и мобильных устройств, но и знает, кому она адресована. Typeform знает, что они привлекательны для бизнеса, а компании знают, что им нужна мобильная связь.К 2021 году ожидается, что 51% онлайн-покупок будет совершаться через мобильные устройства. Демонстрация того, что ваш продукт готов к работе с мобильными устройствами, — это огромная победа, и ее следует учитывать в верхней части вашей целевой страницы. Typeform знает силу хорошего повествования и разумно использует его в этом конкретном примере целевой страницы. Они превратили свои потребительские обзоры в увлекательные рассказы. Вы, наверное, слышали это раньше, но давайте повторим еще раз.Подумайте о видео! Используйте видео в своих сообщениях и подумайте о других формах контента, которые помогут продвигать ваш продукт. «Slack, разумная альтернатива электронной почте». Slack создал отличный пример целевой страницы по нескольким причинам. Помимо некоторых советов по работе с целевой страницей, уже приведенных выше, давайте рассмотрим еще кое-что. CTA должны быть продуманными. Тот факт, что на вашей целевой странице их больше, не обязательно означает, что вероятность конверсии выше.Slack добавил на свою целевую страницу четыре основных призыва к действию; это четкие кнопки, и они привлекают взгляд их цветом и дизайном. Фактическая страница разбросана различными другими CTA. Если клиенту нужно немного больше убедительности, он продолжит читать и будет привлечен другими кнопками с призывом к действию. Slack включил свои уникальные торговые предложения (УТП) в основную часть целевой страницы. Они представили УТП не только как аргументы в пользу продажи, но и как полезные советы.В каждом УТП есть своего рода глагол: «заменить», «выйти из строя», «внести изменения». Они уже побуждают клиентов использовать продукт еще до того, как купят его. «Skype позволяет легко оставаться на связи». Это отличный пример целевой страницы из-за упрощенного взаимодействия с пользователем. Skype тщательно продумал, как они хотят, чтобы их Пользователь взаимодействовал со страницей, и постарался вызвать радость от простоты взаимодействия. Содержимое должно быть размером с укус.Не перегружайте читателя большими частями текста или информации. Разбейте целевую страницу четкими заголовками и, по возможности, маркерами, и блоки будут проще для глаз. Функции прокрутки — отличный способ изменить направление вашего контента и предложить новый способ взаимодействия с вашей страницей. Цвета важны не только для визуального дизайна, но и за эмоции, которые они вызывают, имеют огромное психологическое значение.В этом примере Skype использовал синий цвет, который, как доказано, обеспечивает чувство безопасности, стимулирует продуктивность и укрепляет доверие. «OneRecruit, набор по часам». OneRecruit, параллельный продукт на OneCoWork, демонстрирует дизайн целевой страницы, не похожий на тот, который мы видели до сих пор. При гораздо меньшей узнаваемости бренда им необходимо максимально четко представить свой бренд вместе со своим продуктом, поэтому давайте посмотрим, что они сделали. OneRecruit использовала на своей целевой странице два программного обеспечения для автоматизации маркетинга. С использованием диалогового маркетингового бота и с привлечением (ранее упомянутой страницы) Typeform. Они автоматизируют процесс привлечения потенциальных клиентов и обращаются к как можно большему количеству предпочтений клиентов. Если у вас фиксированная стоимость и вы не являетесь продуктом премиум-класса, то показ ваших тарифных планов заранее снизит процент отказов в дальнейшем. «Hive, мощное программное обеспечение для управления проектами и процессами». Наряду с элегантным дизайном и цветовой палитрой Hive в них есть кое-что, чего мы еще не видели. Одно дело — заставить пользователя зарегистрироваться и начать использовать ваш инструмент, но как вы можете упростить этот процесс? В то время как другие дизайны целевых страниц дают возможность зарегистрироваться, создав учетную запись, Hive представил регистрацию с существующей учетной записью, которая у большинства их пользователей уже будет.Зарегистрируйтесь в Google! Это меньше работы для вашего пользователя и значительно упрощает получение пробной версии Hive. «От поиска потенциальных клиентов до обслуживания клиентов — Hootsuite помогает вам делать больше с помощью социальных сетей». Hootsuite предоставляет отличный пример целевой страницы того, как вы можете использовать данные для управления своими маркетинговыми усилиями. Выше вы увидите две целевые страницы поиска по названиям брендов от Hootsuite.Заметили что-нибудь другое? Второй ценовой план выглядит намного привлекательнее. Мы рассмотрели важность призывов к действию и их размещения. Теперь посмотрим на их формулировки. Hootsuite знает, что пользователь уже «заинтересован» страницей, поэтому вместо того, чтобы подталкивать пользователя сравнивать планы во второй раз, они пытаются получить этот продукт и просят меня запустить бесплатную пробную версию. «Постройте успешный бренд вместе со своей командой.”Ваше ценностное предложение должно занимать видное место на любой хорошей целевой странице; как вы показываете это ценностное предложение, полностью зависит от вас. Если вы работаете на относительно переполненном рынке, таком как Loomly, не бойтесь идти вразрез со своими конкурентами. Не бойтесь сравнивать свой продукт с другими в дизайне целевой страницы. Контрольные списки — действительно ясный способ сделать это; они не только помогают убедить пользователя в том, что у вас есть то, что есть у конкурентов (мы надеемся, что лучше), но и в том, что у вас также есть УТП. «Sendinblue, сделай свой бизнес взлетом с помощью полного набора инструментов для продаж и маркетинга». Истории важны для нас, рассказывание историй — в нашей природе, и любая форма отличного маркетинга осуществляется с помощью отличного рассказывания историй. Рассказывайте истории по мере возможности; они не всегда должны быть такими очевидными. Sendinblue проделал большую работу с описанием заголовка своего объявления Google.Их текст гласит: «Лучшее соотношение цены и качества для малого бизнеса». Затем в этом рекламном объявлении происходит щелчок, чтобы сосредоточиться на ценности продукта, предлагая набор планов для предприятий разного размера. «Pipedrive, первая платформа CRM, созданная продавцами для продавцов». Мы сравнили вас с рынком и вашими конкурентами в целом. А теперь давайте посмотрим, как вы участвуете в соревнованиях, не беря пленных. Pipedrive создал целевую страницу для поискового запроса «HubSpot».Бренды все время делают ставки против своих конкурентов. Pipedrive перешел на следующий уровень. Pipedrive объявил о своем конкурсе. Они разместили все свои предложения вместе с HubSpot, а также «пристыдили» HubSpot за продажу скрытых ограничений. Итак, если вы так агрессивно гонитесь за конкурентами, обязательно сделайте домашнее задание и честно изложите свои выводы. «Freshdesk, многоканальное, управляемое ИИ или самообслуживание решение для обслуживания клиентов.«Freshdesk удалось поиграть с профессионалами. То, что ваша целевая страница забавная, не означает, что она непрофессиональна. Freshdesk сделал свою целевую страницу интерактивной. Пользователь может щелкнуть по области, которая его больше всего интересует, и изображение изменится на то, что пользователь хочет видеть. Это не только помогает Freshdesk понять, что нужно их пользователям, но и улучшает UX, так как прокрутка становится меньше.Кроме того, этот метод позволяет пользователю активно взаимодействовать с содержимым целевой страницы. «В Shopify есть все необходимое для создания интернет-магазина». Этот пример целевой страницы идеально подходит для ограничения возможностей пользователя и повышения шансов на регистрацию. Получение важного электронного письма с достаточным количеством информации. Shopify запросили адрес электронной почты вверху страницы, это одно из первых и единственных действий, которые может предпринять пользователь. «Gotomeeting, профессиональные онлайн-встречи». Этот дизайн целевой страницы — отличный пример того, как сохранять лаконичность, а также отмечать разнообразие. Будьте как можно более разнообразными по возрасту, полу, национальности, вы называете это — ваша целевая страница должна включать как можно больше разнообразия. Будьте лаконичны. То, что целевая страница длиннее, не означает, что она лучше. Gotomeeting был настолько лаконичным, что одним движением вы могли добраться до нижней части целевой страницы.Если вы можете сделать то же самое, не исключив ничего, что может повлиять на приобретение, сделайте это. «Внутренняя связь, квалифицируйте потенциальных клиентов, расширяйте свою воронку продаж и ускоряйте решения клиентов с помощью специальных ботов». Мы направляемся к лидеру отрасли, чтобы посмотреть, как правильно работают чат-боты для автоматизации маркетинга. Разговорные продажи — это огромная тенденция в маркетинговых инициативах, которая, безусловно, находит свое отражение в дизайне целевых страниц.В Intercom встроен специальный чат-бот, который поможет вам найти ответы самостоятельно или, если вы не можете найти ответ, даст вам возможность пообщаться в чате с представителем. Они пошли на дополнительный шаг по двум направлениям: лицо к имени и управление ожиданиями. «People HR автоматизирует HR-задачи, которые вы ненавидите». People HR удалось объединить множество лучших примеров целевых страниц, которые мы обсуждали, на одной странице. Однако мы сосредоточимся на одном, в частности, с ними. Попытайтесь продемонстрировать свой продукт, когда сможете. Эти демонстрации лучше всего проводить в отделе продаж или работе с клиентами, они могут быть записаны и должны действительно рассказывать об УТП вашего продукта. Одна вещь, которую People HR сделала иначе, — это управление ожиданиями, указав длину демонстрации в CTA. Время — деньги, поэтому используйте время клиентов с умом, и они будут уважать вас за это. Мы надеемся, что эти примеры целевых страниц помогут вам в ближайшем будущем создать собственный дизайн целевых страниц.Мы затронули множество вопросов, поэтому возьмите те моменты, которые лучше всего соответствуют вашему бренду или продукту, и приступайте к делу. Следует помнить о нескольких вещах: дизайн, эффективность, ценностные предложения, контент, обзоры, автоматизация маркетинга и призывы к действию — все это важные компоненты отличной целевой страницы. Изучите все отраслевые приемы освоения дизайна, когда вы переходите в режим создания своих целевых страниц. Посетите центр графического дизайна G2 для вдохновения и рекомендаций! Составить целевую страницу A + может быть непросто. Существует так много элементов, в которых нуждается первоклассная целевая страница, и то, как сделать эти элементы «лучшими», часто зависит от того, каковы цели вашей целевой страницы. Возьмем, к примеру, длину формы. Это всего лишь один из многих компонентов, которые необходимо оптимизировать, но лучшие практики покажут вам, что как короткие, так и длинные формы работают хорошо — все зависит от того, хотите ли вы создать много (потенциально) отправлений форм более низкого качества или меньшего размера. количество представлений более высокого качества. Итак, если вы хотите улучшить свою целевую страницу, полезно знать, что входит в отличную целевую страницу. и посмотрите несколько примеров этих тонких элементов в действии. Удивительно, но когда я начал исследовать последнее, я понял, что почти нет сайтов с примерами современных впечатляющих целевых страниц, которые были бы чем-то большим, чем просто форма регистрации на главной странице. Поэтому мы решили составить список любимых нами целевых страниц. Большое, важное предостережение: У меня нет доступа к какой-либо статистике для этих страниц, поэтому я не могу сказать вам, насколько хорошо они конвертируют посетителей, потенциальных клиентов и клиентов.Тем не менее, эти примеры содержат одни из лучших комбинаций тех нюансированных элементов целевой страницы, которые я когда-либо видел. Очевидно, что если вы чувствуете вдохновение опробовать любую из этих тактик на своем собственном сайте, единственный способ узнать, подойдут ли они вам наверняка, — это проверить их на себе. Сначала будет целевая страница Wistia для их бесплатного аккаунта Wistia. Сразу же вы заметите форму с одним полем для создания учетной записи — синий фон с минимальным рисунком красиво контрастирует с ярко-белым полем формы. Длина поля формы в сочетании с заметным размещением устраняет почти все препятствия при создании учетной записи … но если у вас есть сомнения, вы всегда можете прокрутить ниже, чтобы прочитать ответы на самые популярные часто задаваемые вопросы. Разделив эти две части с резким цветовым контрастом, Wistia значительно упростит вам сосредоточение на преобразовании. Неудивительно, что Unbounce находится в верхней части этого списка — они фактически написали книгу по созданию целевых страниц с высокой конверсией.Хотя на этой целевой странице есть много удивительных вещей, мне очень нравятся две: 1) направленная реплика от вспомогательных изображений к кнопке CTA и 2) подробная — но хорошо упакованная — информация ниже форма. Первый помогает привлечь внимание к цели страницы — заполнить форму — ненавязчиво. Второй дает этой странице повышение SEO (у поисковых систем будет больше контента для сканирования) и снимает любые беспокойства со стороны людей, которым нужно больше узнать о фрагменте контента, прежде чем передавать свою информацию, при этом не отвлекая людей от формы. Полное раскрытие информации: IMPACT является партнером HubSpot, но они включены сюда не поэтому. Целевые страницы IMPACT уже давно служат источником вдохновения для дизайна. Мне нравится простой макет страницы, от большого заголовка и подробного изображения, до контура, который окружает форму, до цветов и шрифтов, которые очень приятны для глаз. Обратите внимание, что они установили флажок для подписки на свой блог, который устанавливается автоматически.Обратите внимание, что хотя добавление поля флажка в формы целевой страницы — отличный способ увеличить количество подписчиков, лучше не устанавливать его и позволить пользователям выбирать. В противном случае вы рискуете добавить много некачественных подписчиков в свою базу контактов. . (Прочтите этот пост в блоге, чтобы узнать, почему наличие некачественных подписчиков может навредить вашему бизнесу.) Хотя целевая страница WebDAM имеет много полезных функций, мне больше всего нравится форма. Маленькие значки перед текстом указывают на информацию, которую вам нужно ввести — просто посмотрите на значки рядом с «Имя» и «Фамилия».У формы также есть синий фон, который выделяется на фоне изображения героя. А кнопка «Отправить»? Он имеет оранжевый фон (дополнительный цвет к синему), индивидуализированную убедительную копию и стрелку, указывающую на то, что вы перейдете к загружаемому руководству. Все это, и я даже не коснулся подробной, но краткой информации под формой, включая известных клиентов и отзывы клиентов. Первоклассная работа, WebDAM! Часто люди думают, что целевые страницы — это статические страницы вашего сайта. Но с помощью правильных инструментов вы можете сделать их интерактивными и персонализированными. Возьмите приведенный ниже пример с сайта Bills.com. Чтобы узнать, получили ли вы пользу от их консультации, ответьте на три вопроса, прежде чем вам будет показана форма. Он начинается с этого: Затем вы ответите еще на два вопроса, как показано ниже: И вот последняя форма целевой страницы, где вы заполняете свою информацию: Я не уверен, как работает алгоритм (и есть ли он вообще), но пока я заполнял его, я немного беспокоился о , а не о .Как только я узнал, что это так, я был рад заполнить форму, что, я уверен, делает большинство людей, которые имеют долги и используют этот инструмент. Сделав это предложение более эксклюзивным до того, как форма появится на целевой странице, я готов поспорить, что Bills.com значительно повысил конверсию. Trulia сделала что-то очень похожее на Bills.com со своей целевой страницей. Он начинается с простой формы с запросом «адрес» (что звучит менее жутко, чем «ваш адрес», хотя они имеют в виду именно это).Под этим простым полем формы находится ярко-оранжевая кнопка, которая хорошо контрастирует с изображением главного героя за формой и подчеркивает, что оценка будет персонализирована для вашего дома. Конечно, одного адреса недостаточно для оценки стоимости дома. Это просто обозначает район дома. Вот почему следующая страница следует с дополнительными вопросами о самой собственности, например о количестве кроватей и ванных комнат. Ниже вы видите текст «Сообщите нам, куда отправить отчет» с оговоркой о том, что, вводя эту информацию, вы соглашаетесь связаться с агентом по недвижимости.Это отличный пример компании, которая с самого начала ценит своих посетителей, одновременно задавая им ожидания относительно того, что произойдет в результате. Как и Unbounce, Basecamp также имеет очень длинную и подробную целевую страницу с большим количеством информации в нижней части страницы. Но что меня поразило, так это мультфильм вверху, информирующий посетителей о том, что эта версия «полностью новинка 2016 года», что украшает несколько минимальную страницу. Мне также нравится, что стрелка указывает на форму, которая сразу же обращает на нее внимание.Нет ничего лучше этого. Если вы перейдете на саму целевую страницу и прокрутите вниз, вы увидите, что форма перемещается вместе с содержимым справа. Это умный способ держать форму «в верхней части страницы» все время, тем самым уменьшая трение, если посетитель решит заполнить свою информацию, пока он читает дальше по странице. [Щелкните здесь, чтобы увидеть всю целевую страницу.] Мне нравится целевая страница бесплатной пробной версии Zendesk, потому что она проста как в копировании, так и в дизайне.Единственное, что действительно выделяется на странице, — это две кнопки с призывом к действию и рисунок яйца наверху, который шевелится, как будто вот-вот расколется. Сама форма проста и требует только рабочий адрес электронной почты и пароль для создания учетной записи. Или вы можете просто использовать свой логин в Google Apps, еще больше сократив путь конверсии. Для небольшого контраста … как насчет длинных целевых страниц? С помощью всего лишь нескольких приемов вы можете сделать даже самую длинную целевую страницу короткой.На целевой странице Webprofits показано, как это сделать. Справа вверху есть заметное поле формы для адреса электронной почты, которое хорошо контрастирует с фоном и выделяется. Если вы хотите конвертировать прямо сейчас, вы можете ввести свой адрес электронной почты, и, как ни странно, появится остальная часть поля формы. Не помещая все поле формы вперед, они помогают уменьшить трение. Они также позволяют легко понять, что на самом деле делает Webprofits . Остальная часть страницы содержит подробную информацию о том, что вы получите, если передадите свою информацию.Кроме того, он включает в себя стратегические призывы к действию, которые помогут вам вернуться наверх и заполнить форму, например «Получите бесплатный анализ сейчас». Несмотря на то, что этот сайт партнера HubSpot находится на испанском языке, вы все равно можете оценить его возможности преобразования. Две мои любимые особенности страницы? Как и в случае с Basecamp, форма остается на фиксированном видном месте при прокрутке сайта. Мне также нравятся руки, которые служат ориентирами для заполнения формы и совместного использования страницы с другими. Иногда нужно просто остановиться и полюбоваться красивой целевой страницей. На целевую страницу H.BLOOM приятно смотреть, используя фотографии с высоким разрешением и много белого пространства. Помимо красоты, на странице есть несколько отличных элементов преобразования: форма в верхней части страницы, четкое и краткое описание того, что произойдет, когда вы заполните форму, и даже ярко-оранжевую кнопку «Отправить». Единственное, что мы бы изменили? Копия на кнопке «Отправить» — это может быть более конкретным для предлагаемого предложения. Иногда самые мелкие детали имеют самое большое значение. Например, они делают целевую страницу Velaro Live Chat потрясающей. Этот маленький символ PDF над изображением функции помогает определить, в каком формате будет загружаться файл. Стрелка перед подзаголовком помогает еще больше направить ваше внимание на важный текст, который посетители хотят прочитать. Как и IMPACT, у них также есть автоматически установленный флажок для подписки на их информационный бюллетень в их форме, который, если превратить его в поле выбора, является отличным способом увеличения количества подписчиков.Все эти мелкие, казалось бы, незначительные детали помогают создать солидный, достойный восхищения дизайн целевой страницы. Есть много колледжей и университетов, создающих красивые веб-сайты. В случае UC Davis это распространяется на их целевые страницы, например, на приведенную ниже бесплатную демонстрацию урока по искусству приготовления игристого вина. Мне нравится, как непрозрачный синий фон формы является продолжением изображения главного героя вверху, который привлекает взгляд вниз к форме.Я не видел этого на многих целевых страницах — это отличный ориентир, который не так очевиден, как стрелка. (Хотя у них тоже есть стрелка на призыве к действию «Посмотрите пример урока» внизу формы.) Хотя я обычно не включаю пример домашней страницы с формой в сообщение о целевых страницах (щелкните здесь, чтобы узнать почему), этот веб-сайт особенный. Домашняя страница — это весь веб-сайт — навигационные ссылки просто приведут вас к информации ниже. Когда вы нажимаете «Получить справку по целевым страницам», весь сайт перемещается, освобождая место для формы. Вот как это выглядит до того, как вы нажмете: И, когда вы щелкнете этот CTA, посмотрите, как выглядит форма: Мне нравится, что вам не нужно покидать страницу, чтобы заполнить форму, и при этом форма не будет навязчивой для случайных посетителей сайта. Сразу же эта целевая страница привлекает меня убедительным, резким заголовком: «Не заставляйте меня увеличивать.«Это напрямую связано с обычным опытом, который у большинства из нас был, когда мы просматривали страницы на своих телефонах или планшетах, — и это тоже немного дерзко. Но это не единственное, что меня привлекает к этой целевой странице. Обратите внимание на стратегическое расположение красного цвета: он находится вверху и внизу формы, еще больше приближая вас к событию конверсии. Кроме того, этот дизайн — мета для загрузки: он отлично смотрится и отлично работает на мобильных устройствах. Имейте в виду, что многие посетители будут заходить на ваши целевые страницы со своих смартфонов или планшетов, и если дизайн вашего веб-сайта им не подходит, они могут сдаться и покинуть вашу страницу. Сотрудники Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось увеличивать масштаб, например, для чтения и взаимодействия с контентом. (Прочтите это сообщение в блоге, чтобы узнать, как сделать ваши веб-страницы удобными для мобильных посетителей.) Как и многие другие целевые страницы в этом посте, пробная целевая страница Shopify сохраняет простоту. Ориентированный на пользователя заголовок состоит, например, всего из нескольких слов, а на странице используются простые маркированные списки, а не абзацы, чтобы сообщить подробности и преимущества испытания.Перед началом работы вам нужно заполнить всего несколько полей. Все это помогает вам перейти к сути: продавать в Интернете с помощью своего инструмента. Глазурь на торте? Эта целевая страница выглядит великолепно (и функционально) на любом устройстве, которое вы используете. Адаптивный дизайн для победы! Хотите больше вдохновения для целевой страницы? Ознакомьтесь с некоторыми из наших любимых примеров целевой страницы HubSpot. Примечание редактора. Этот пост был первоначально опубликован в марте 2014 года и был обновлен для обеспечения точности и полноты. 28. Twinwoods Adventure (агентство: Bluespark Digital)
Изображение любезно предоставлено Twinwoods Adventure. (Щелкните, чтобы увидеть все.) 29. Roomeze (Агентство: Snap Listings)
Изображение любезно предоставлено Roomeze и Snap Listings. Щелкните, чтобы увидеть все. 30. Smalls
Изображение любезно предоставлено Smalls. Щелкните, чтобы увидеть все. 31. Sundae
Изображение предоставлено Sundae. Щелкните, чтобы увидеть все. 32. Wavehuggers (Агентство: Everett Andrew Marketing)
Изображение любезно предоставлено Wavehuggers. (Щелкните, чтобы увидеть все.) 33. Woolx
Изображение предоставлено Woolx и Заком Дунканом. Щелкните, чтобы увидеть все. 34. Zumba (Агентство: MuteSix)
Изображение предоставлено Zumba и MuteSix. Щелкните, чтобы увидеть все. ABT: Always Be Testing
Будьте Майклом Джорданом на целевых страницах
15 вдохновляющих примеров целевых страниц в социальных сетях
Для чего вообще нужна целевая страница?
Что делает «хорошую» целевую страницу?
Хорошая целевая страница направляет посетителей из точки А в точку Б.
Хорошая целевая страница не слишком загружена
Хорошая целевая страница, оптимизированная для мобильных устройств
15 примеров целевых страниц в социальных сетях (и почему они работают)
Целевые страницы электронной торговли
1. Черная молочная одежда
2. Liingo
3. Beardbrand
Целевые страницы SaaS
4. Sprout Social
Рекламная целевая страница 5. Salesforce
6. Хайк
Целевые страницы гостеприимства и путешествий
7. Юго-запад
8. Четыре сезона
9. Клуб отдыха Диснея
Целевые страницы для курсов, курсов и руководств
10. Основатель
Целевая страница курса 11. Shopify
12. Skillcrush
Целевые страницы для благотворительных и некоммерческих организаций
13. благотворительность: вода
14. ЮНИСЕФ США
15. Гринпис
Отслеживайте поведение посетителей целевой страницы
A / B протестируйте свои целевые страницы
Убедитесь, что ваши объявления и текст согласованы.
Готовы создавать лучшие целевые страницы для ваших рекламных акций?
15 блестящих примеров целевых страниц для подражания в 2020 году
1. Проведено: целевая страница с отзывами
Отзывы о витрине
Квалифицировать потенциальных клиентов из числа лидеров воронки продаж
Предоставьте возможность опробовать товар
2. Типовая форма: целевая страница, которая поддерживает контент.
Готовность к работе с платформой
Контент — это король
Конвертирует видео
3. Slack: целевая страница с призывом к действию
Разместите CTA во всех нужных местах
Выделите USP
4. Skype: целевая страница с отличным UX
Использовать блоки содержимого
Использовать функции прокрутки
Цвета
5. OneRecruit: целевая страница с автоматизацией маркетинга
Используйте программное обеспечение для автоматизации маркетинга
Показать тарифные планы
6. Hive: целевая страница с простой формой регистрации
Обеспечьте беспроблемную регистрацию
7. Hootsuite: целевая страница для вернувшихся посетителей
Адрес постоянных посетителей
Отрегулируйте CTA соответственно
8. Loomly: целевая страница, которая идет вразрез с конкурентами
Использовать контрольные списки
9. Sendinblue: целевая страница с микропутешествием
Свяжите рекламные кампании с функциями целевой страницы
10. Pipedrive: целевая страница, которая сделала их домашнее задание
Назовите своего крупнейшего конкурента
11. Freshdesk: интерактивная целевая страница
Сделайте вашу целевую страницу интересной
12. Shopify: подготовленный лендинг
Разместите CTA вверху страницы
13. Gotomeeting: краткая целевая страница
14. Домофон: целевая страница разговорных продаж
Пользовательские чат-боты
15. People HR: целевая страница с демонстрацией
Воспользуйтесь демонстрацией
Это обертка
16 лучших примеров дизайна посадочных страниц, которые вам нужно увидеть
16 примеров отличного дизайна посадочной страницы
1) Wistia
2) Отклонить
3) ВОЗДЕЙСТВИЕ
Брендинг и дизайн 4) WebDAM
5) Векселя.com
6) Трулия
7) Базовый лагерь
8) Zendesk
9) Интернет-прибыль
10) Входящие эмоции
11) ВЕНТИЛЯТОР
12) Живой чат Velaro
13) Калифорнийский университет, Дэвис
14) Лаборатория конверсии
15) Маркетинг промышленной прочности
16) Shopify