Лучшие примеры лендинг пейдж: 29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru

Заключение

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

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

По материалам: hubspot.net  Изображение: freepik.com 

18-06-2016

28 оригинальных примеров лендингов за 2017 год

Что такое оригинальный лендинг? Запоминающийся, необычный дизайн, продуманная концепция, привлекающие внимание детали. Мы сформулировали такое понятие. Возможно, вы составите свое?

В этой статье мы собрали для вас 28 лучших примеров оригинальных лендингов. Уверены, они вдохновят вас на интересные решения. Поехали!

Лендинг носит «говорящее» название — Future OF Design (Будущее дизайна). Он предназначен для презентации форума, где профессионалы будут делиться опытом, как дизайн помогает бренду. Согласитесь, в таком деле посадочная страница действительно должна удивлять. Здесь это получилось. Множество рисованных деталей, необычное шрифтовое решение, яркие, но ненавязчивые цвета. Действительно, есть на что посмотреть. Переходите по ссылке выше и убедитесь в этом. 

Лендинг Mai 36 Galerie представляет международную галерею современного искусства, которая находится в Цюрихе. Их специализация — презентация и продажи лучших экспонатов современной живописи, фотографии, скульптур. Как должна выглядеть страница выставочного центра?

Конечно, именно так, как сайт Mai 36 Galerie. Много «пустого пространства», «воздуха», окружающего картины и другие экспонаты. Дизайнерам удалось создать простой, но удивительно правильный лендинг. Вдохновляйтесь:) 

Бренд AMAIÒ представляет люксовые купальные костюмы и аксессуары. Стиль, заключенный в простоте. Эту концепцию они реализовали и на своем лендинг пейдж.

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

Перед вами лендинг…фермы. Да-да, фермы! Представители сельскохозяйственного направления смогли создать привлекательную страницу, которая презентует их компанию как самую «зеленую» и безусловно вызывает аппетит. Даже запах свежей зелени будто ощущается, правда?:)

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

От зелени — к «яблокам» 🙂 Мы не могли обойти стороной промо-лендинг новинки от Apple — iPhone X. Весь мир с нетерпением ждет старта продаж, а разработчики посадочной страницы подогревают их интерес футуристическим дизайном. При переходе на лендинг мы видим огромный знак «Х». Движение колесиком мышки — и «Х» превращается в смартфон.

Минимализм, красота, воплощение будущего — это лендинг нового iPhone X. Посмотрите, хотя… вы наверняка уже видели:) 

Мед? Хм, нет. Это лимитированная серия блокнотов от бренда Baron Fig — Raspberry Honey (Малиновый мед). Как все грамотные маркетологи, специалисты Baron Fig отвели под свой продукт лендинг-страницу. И сделали ее по-настоящему вкусной:) Яркие цвета, красивые изображения, крупная надпись на посадочной странице, удачное сочетание разных шрифтов и ненавязчивая CTA-кнопка (Купить сейчас) — дизайнеры действительно постарались. 

Лендинг, посвященный историям жителей США по программе DACA (Deferred Action for Childhood Arrivals). Эта программа создана для людей, которых в возрасте до 16 лет нелегально привезли на территорию Соединенных штатов. Программа позволяла им находится в стране на законных основаниях, получить образование. С приходом новой власти, Администрация Президента решила сократить эту программу. Лендинг посвящен людям, которые теперь могут быть депортированы.

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

Лендинг-страница, посвященная идеальному рецепту напитка Джин-тоник. Идеальному — по словам создателей, конечно, мы то не пробовали:) Зато сайт у них соответствует этому заявлению. В первую очередь привлекает внимание цветовое решение и рисованные изображения. Над фирменным стилем явно поработали профессионалы.

На лендинге удачно реализован параллакс-скроллинг, постепенно раскрывающий особенность продукта. Необычно и запоминается надолго. На скрине мы объединили 2 экрана. Перейдите по ссылке из заголовка, вы удивитесь:) 

Storybacker — это платформа для связи блогеров с рекламодателями (компаниями, которые хотят расширить аудиторию). Не секрет, что сегодня лидеры мнений миллионов — популярные блогеры YouTube, Instagram, Facebook и других соцсетей.

С первого взгляда на лендинг непонятно, почему выбрана такая тематика? Звездное небо, лиловые оттенки добавляют атмосферу тайны.

То, что это как-то связано с блогингом, нам подсказывает фраза, которая «печатается» прямо перед нами на первом развороте. Тут же есть поле для ввода e-mail, и фраза призыва зарегистрироваться быстрее, ведь места ограничены. Маркетологи тоже поработали хорошо, но все же, почему именно такие цвета?:) Наверное, личные предпочтения дизайнеров. А вы как считаете? 

Father Rabbit — это бренд посуды, кухонного текстиля и различных аксессуаров. Если компания представляет продукты стиля, значит, и лендинг должен быть соответствующий. «Папа Кролик» с этим справился:)

Хорошее сочетание цветов, много пространства, удачное использование лаконичного логотипа рядом с CTA-кнопками «Купить сейчас». Понятный, и приятный глазу лендинг.  

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

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

Разработчики лендинга для Nebia Shower выбрали нетипичное, но однозначно интересное решение. Душевая лейка — то, что продвигается на этом сайте. Она же должна быть на посадочной странице. Как расположить изображение лейки, не уменьшая ее до размеров первого экрана лендинга. но при этом и не занимая все полезное пространство? Правильно, разместить ее сбоку, давая пользователю разглядеть струи воды. Справа — оставили места для УТП (кстати, тоже очень интересного: «Вы принимали душ тысячи раз, но так — ни разу»), а также для CTA-кнопок. Словом, лендинг достоин быть в списке лучших.  

Минимализм — это тренд в дизайне последних нескольких лет. Но применимо к лендингу VERK, лаконичность является единственно верным решением.
Как представить бренд наручных часов в минималистичном исполнении? У них нет ярких цветных ремешков или узоров из страз. Металл, стекло, кожа. Промо-страница полностью соответствует этой концепции. Обратите внимание на значок корзины в шапке сайта — это интерпретация их логотипа. Продумано до мелочей, заслуживает высшей оценки.  

Uber Design — это проект компании Uber. Кажется странным, что одна из самых известных в мире служб такси увлечена дизайном, правда? Но они так говорят. И показывают. «Говорит и показывает Убер» 🙂

А мы смотрим. Рисованные картинки, лаконичность, но яркость цветов, а главное — выдержанность в фирменном стиле (угловатость форм). Словом, Убер делает большой акцент на дизайн в своей компании, и делает его правильно. 

B&O PLAY — бренд наушников, которыми удалось удивить. При переходе на посадочную страницу основная часть как будто сжата, как лист бумаги гармошкой, а затем распрямляется и дает оценить дизайн.

Такие цвета и фигуры мы привыкли видеть у брендов молодежной одежды. Производители наушников, как правило, используют что-то лаконичное, с акцентом на устройство. Тут же разработчики пошли «от обратного» — модели презентуют гаджеты на себе. Необычно, но безусловно интересно. А из заголовка лендинга сделали целый ребус. Пролистайте ниже страницу, чтобы дочитать до конца. «A new beginning». По-настоящему оригинальное решение.  

Simply Gum — бренд, который представляет на рынке натуральные жвачки. Да-да, жвачки. До чего дошел бум в погоне за здоровым образом жизни. Лендинг у Simply Gum получился поистине… милым. Такие эмоции вызывают изображения маленьких коробочек, красивая подборка картинок, чего стоит одна только ложечка в футере (пролистайте лендинг до конца). Дизайнер сделал акцент на деталях, выбрав белый фон. Решение достаточно опасное, ведь есть риск наскучить. Но создатели Simply Gum справились с задачей. Хочется пожевать 🙂

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

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

Посмотрите на этот лендинг. Можете ли вы догадаться, не вчитываясь в текст, что он посвящен уборке дома, прачечным, химчисткам и другим сопутствующим бытовым мелочам? Готовы поспорить, что нет.

Лендинг Alfred — отличный пример того, что можно отойти от стереотипов «мистер проперов», и презентовать услуги клининга стильно, красиво, чисто:)

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

Shantell Martin — художник-иллюстратор. На создание своего лендинга она положила всю себя — в прямом смысле этого слова. Фон — это иллюстрации Шантель. Если поводить мышкой по ним, они «оживут». А крупные надписи являются навигацией по разделам лендинга. Очень необычно, но привлекательно. И главное, персонифицировано. То, что требуется от лендинга-визитки. 

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

Перед нами еще один лендинг-визитка. На этот раз — лондонского дизайнера Виктории Спайсер (Victoria Spicer). Исходя из ее фамилии, можно предположить, что сайт должен быть, если не «острым», то уж точно не пресным. У Виктории свой подход к делу. При переходе на страницу нам открывается сначала пустое пространство, затем «падают» три белые точки (может, все-таки перчинки? :), и после открывается большой баннер с ее именем и смелым изображением — смятой в кулаке ежевикой. Во всем этом есть некий вызов, видна смелость — то, что нужно дизайнеру, чтобы презентовать себя. 

Продолжением серии лендигов-визиток будет продукт Гейвина Энтони (Gavin Anthony), под кодовым названием «Вдохновленный Малевичем» 🙂 Если серьезно, Гейвину, разработчику облачных технологий, удалось придумать интересную концепцию и воплотить ее. Черный фон — белый текст. Нет лишних деталей, которые отвлекали бы пользователя от чтения. Очень «по-мужски», не правда ли?

При этом второй экран контрастный. С него же (второго экрана) начинается небольшое портфолио. Лаконичность — лейтмотив этого лендинга. 

Бренд Tomorrow Sleep — производитель матрасов и аксессуаров для сна. Необычной и очень удачной нам показалась посадочная страница. Необычность в том, что изображение посадочной страницы не помещается на первый экран, но при этом такое решение совершенно не мешает полноценному восприятию. Тематические изображения, проработанные иконки продукции — все это создает впечатление, что над дизайном работал профессионал. Выверенные линии и пропорции свидетельствуют о том же.

Рискованное решение выбрал бренд шляп Paris+Hendzel — разместить на первый экран лендинга фото модели без каких-либо надписей. Такое может себе позволить только известный дизайнер. Но смелые решения поощряются — поэтому лендинг находится в нашем списке. 

Thriva — это сервис онлайн-анализов. Удивляет, не так ли?

Что является самым неприятным для людей при заборе анализов? Правильно, иголки. В сознании анализы прочно связаны с неприятными ощущениями. Thriva постарались преподнести свою идею мягко, за счет позитивного яркого дизайна. Вы только взгляните на этот голубой «палец» — главный персонаж посадочной страницы:) Вызывает улыбку и положительные эмоции — то, что и нужно пользователям.  

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

Wokine — digital-агентство, которые настолько уверены в себе, что на посадочной странице лендинга не написали ничего, кроме приветствия. «Hello» — вот, что встречает посетителя. С одной стороны, это неправильно. А как же УТП на посадочной странице, call-to-action элементы? С другой стороны, это очень оригинально. Поэтому Wokine по праву занимают свое место в нашей подборке. 

Create Upstate — ивент для дизайнеров, который рекламировал себя посредством лендинга. Страница получилась действительно оригинальной. Цвета, масштаб изображений, необычное выделение навигационного меню. Получилось интересно — лендинг привлекает внимание. 

Хотите создать подобную необычную, но концептуальную страницу — напишите нам, мы поможем!

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

27-09-2017

Лучшие примеры лендингов, идеальная посадочная страница Landing Page

Создайте посадочную страницу на 1C-UMI. Просто выберите доменное имя и введите ваш e-mail. Затем вы увидите примеры landing page для любого вида предпринимательства — адаптивные шаблоны дизайна. Преимущество адаптивных сайтов заключается в том, что они корректно отображаются и на мониторе компьютера, и на экране мобильного устройства. Лучшие лендинги, безусловно, создаются с адаптивным дизайном.

Расположение элементов в разных шаблонах 1C-UMI несколько отличается. Выберите шаблон, который в большей степени соответствует вашим бизнес-задачам, а также понравится по дизайну.

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

• Меню
  Оптимизируйте навигацию на странице.
• Карусель фото
  Добавьте фотографии вашего товара или менеджеров компании.
• Формы обратной связи
  Дайте клиенту возможность оставить вам данные о себе.
• Контентные блоки
  Разместите актуальную информацию о ваших продуктах или услугах.
• Счетчик
  Используйте его, если хотите сделать акцент на времени, оставшемся до конца какой-либо акции или начала события.
• Обратный звонок
  Перезвоните клиенту, как только он пришлет вам свои имя и телефон через эту форму.
• Блоки-категории
  Опубликуйте расширенную информацию о вашей компании с небольшими фотографиями или иконками.
• Отзывы
  Выберите лучшие мнения клиентов о вашей работе и разместите их в этом блоке.
• Карта
  Напишите на странице точный адрес и прикрепите карту Google или «Яндекс», чтобы клиент не заблудился.
• Социальные сети
  Предоставьте пользователю возможность поделиться с друзьями вашим предложением в социальных сетях.

Посадочная страница — пример простоты и удобства как для клиента, так и для покупателя.

Лучшие образцы посадочной страницы представлены именно на нашем сервисе. Создайте лендинг на 1C-UMI и наслаждайтесь широкими возможностями для вашего бизнеса.

Лучшие примеры лендинг пейдж | ЗЕКСЛЕР

Когда один хороший лендинг

Сделать продающий сайт легко: нужно придумать и разработать идею, сформулировать правила и принципы, подготовить техническое задание и найти подходящего исполнителя. После этого дело в шляпе – остаётся запастись попкорном и дожидаться счастливого момента, когда новенький landing page начнет конвертировать трафик. Ах да, ещё про деньги – без них ничего и никто не сделает. Чем проект дороже, тем он лучше? Ничего подобного, ещё одна вводная на пути к успеху – а в какой нише вы предполагаете работать!

Обратите внимание, что речь не идет о тематике или даже аудитории. Пластиковые окна, мобильные телефоны или резиновые лодки вкупе с подержанными автомобилями – товар или услуга значения не имеют. Клиенты состоятельные или с достатком ниже среднего, из мегаполиса или жители региональной глубинки – вопрос отходит на второй план. Только одно условие, как себя позиционирует заказчик! Хороший понт всегда дороже мяса. Даже глобальный интернет не смог остановить безудержную ярмарку тщеславия.

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

Скептики заметят, что брендовые веб-компании подобной лендинг-мелочёвкой не занимаются. И не угадают. Отсутствие в портфолио landing page для малого бизнеса ничего не иллюстрирует – в условиях сжимающегося рынка разработки никто не пренебрегает заказами. Недавний пример из другой сферы – фирменного стиля – весьма показателен. Периферийная бургерная из Беларуси заказала логотип в самом именитом дизайнерском ателье России, а затем сеть долго обсуждала полученный результат. И пришла к закономерному выводу – ставка на профессиональный рейтинг исполнителя не оправдалась, товарный знак точно такого же качества заказчик мог получить в родном городе и за гораздо меньшие деньги.

Когда один хороший лендинг

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

• Конечно, первым делом изучаем портфолио разработчиков. К вопросу следует подходить с обязательным требованием оценки опыта исполнителя в сегменте создания продающих лендингов. Тема редко поднимается в обзорах, но факт остаётся фактом – веб-студии подвержены специализации. Из-под цифрового пера одних выходят отличные интернет-магазины, другие исключительно делают игровые порталы, третьи умеют всё, но их landing page неизменно показывают высокую конверсию. При этом каждое агентство предлагает услуги по разработке всех видов сайтов. Оценивайте только образцы портфолио из своей тематики и направления.
• Второй пункт – это количество сотрудников. В профессиональных студиях их число колеблется от 30 до бесконечности. Исполнитель, в офисе которого сидит пять работников за тремя компьютерами, автоматически выпадает из списка – никакие разговоры про удаленную работу и динамично развивающийся проект не могут служить оправданием отсутствия штата. Сотрудничество с фрилансерами – это дело обычное, но все-таки постоянные сотрудники внушают больше оснований на успешный финал проекта.

Стоимость всегда коррелируется с качеством, а последнее – в свою очередь – с профессиональной подготовкой и опытом разработчиков. Вот эти факторы и влияют на формирование цены. А наружный позиционный слой лишь лакирует поверхность сайта, создавая вокруг него ореол сопричастности с миром престижных логотипов, больших денег и потенциального успеха. И не факт, что всё это будет работать на продажи и конверсии, без которых немыслимо существование хорошего лендинга.

Лучшие Landing Page, Примеры, Факты, Цифры

Сегодня я хочу поговорить о достаточно важной на стратегическом уровне теме: что объединяет лучшие landing page?

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

7 факторов объединяющих лучшие landing page

Вот общий список того, что объединяет лучшие landing page:

1. На хороших посадочных страницах используется не более 3-4 цветов. Чуть дальше я Вам это докажу 🙂
2. Сайты сделаны в стиле «чистый дизайн»: много свободного места, много белого фона
3. Присутствует правильная иерархия заголовков и подзаголовков
4. Очень качественные изображения.
5. Эмоциональный дизайн
6. Мало текста и он действительно информирует и продает
7. Удобная навигация

Теперь разберем все по порядку.

Цветовая палитра

Удачно подобранные цвета — это залог успеха.Не нужно делать10 цветов на одном лендинге.

Обратите внимание на скриншот выше. Я вижу три основных цвета: белый, зеленый и синий. Все остальное, по сути, подложка и разбросанные элементы, которые просто помогают нам воспринимать заголовок и не отвлекают от важной информации.

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

Посудите сами: кому понравится бешеная радуга на вашем landing page?

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

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

Чистый дизайн

Многие лендинги известных крупных компаний сделаны в «чистом» стиле. То есть, мы видим много свободного места, много белого (как правило, это белый фон).

Что такое «чистый дизайн»?

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

Правильная иерархия заголовков и подзаголовков

Что я имею в виду?

Представьте, что вы попали на landing page, где видите на первом развороте видите шрифт 24-го размера, на втором — 27-го, дальше внезапно 19-й и так далее.

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

Не забывайте о том, что и цветом, и текстом мы показываем то, что нам выгодно, чтобы клиент увидел.

Не упускайте этот момент, это важно.

Очень качественные изображения

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

Они привлекают взгляд и с их помощью гораздо проще продавать.

Открою Вам секрет, что почти любой дизайн landing page можно спасти хорошими изображениями.

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

Эмоциональный дизайн

Наверняка Вы встречали такие сайты, попадая на которые хочется сказать: «ВАААУ!»

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

Мало текста, без «воды»

Как говорится, краткость — сестра таланта.

Я где-то слышал, что горы бесполезного текста на лендинге считаются плохой приметой. Говорят, что приводит к снижению конверсии, а нам этого точно не нужно 😉

Удобная навигация

Конечно не забываем о юзабилити в лендинг пейдж.

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

Если взять целевую страницу, то пользователь должен четко понимать, что если он нажимает на кнопку «Заказать», то его ждет окно с формой заказа, а не что-то неожиданное и не очень релевантное. Надеюсь, что привел понятный пример.

ТОП лучших примеров лендинг пейдж в мире

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

Примеры лучших Landing page

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

Пример 1

Потрясающий пример landing page, созданный для продажи женского корсета. Потрясающий он потому, что берет пользователя за руку и ведет по всей странице, мягко и ненавязчиво предоставляя аргументы для чего ему корсет. Первый разворот сразу же берет “быка за рога”. Здесь есть все, чтобы подогреть интерес посетителя: УТП, преимущества. И даже лидогенерирующая форма с триггером для тех, кто уже готов выполнить действие.

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

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

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

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

На сладкое снова лидогенерирующая форма с призывом к действию.

Сайт создает однозначное желание — купить. И не удивительно, разработан на 5+.

Пример 2

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

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

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

Пример 3

Пример простого, но эффективного одностраничника, предлагающего с его помощью купить подарочную карту.

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

Целевая страница говорит на простом языке со своим пользователем. Разработчики не изощрялись и даже социальные доказательства разместили в виде инфоконтента. Хотя в этом случае фотографии клиентов не помешали бы.

Пример 4

О проекте “Бешеная сушка” известно каждому, кто хотя бы раз стремился сбросить лишний вес с помощью диетологов, спортивных тренеров и других специалистов. Этот проект уже три года стабильно стоит на ногах и на сегодняшний день продвигает уже 20 сезон, набирая участников. Поэтому разработчики приняли решение не размещать УТП на первом развороте.

Да и в целом, одностраничник сложно назвать “типичным”. Здесь есть маркетинговые уловки и ходы в виде доказательств, выгод и преимуществ. Но в большей мере лендинг пейдж демонстрирует сторителлинг в агрессивной манере. Это, словно, пинок для пользователя, который нуждается в помощи.

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

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

Мы рассмотрели небольшое количество мощных landing page, которые вызывают неподдельный интерес к себе. Хотите себе эффективный одностраничник? Заказывайте создание лендинга под ключ и получайте не упускайте свою прибыль благодаря крутому проекту.

Статья разработана веб-студией Импульс Дизайн.

20 бесплатных профессионально разработанных шаблонов посадочных страниц

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

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

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

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

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

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

20 бесплатных профессионально разработанных шаблонов посадочных страниц

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

1. Royce

Доступно на Squarespace

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

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

2. Архитектура

Доступно исключительно с бесплатным конструктором целевых страниц HubSpot

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

3.Инвестировать

Доступно на HubSpot

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

4. Ступица

Доступно на HubSpot

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

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

5. Яркий

Доступно исключительно с бесплатным конструктором целевых страниц HubSpot

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

6. Посадочная форма

Доступно на HubSpot

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

7. Градиент

Доступно на HubSpot

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

8. Университет

Доступно на Wix

Этот макет может быть полезен тем, кто ищет потенциальных клиентов на образовательное мероприятие, курс или аналогичную услугу. Форма более подробная, но сам макет также позволяет разместить больше текста и изображений. Над сгибом вы можете увидеть заголовок, вспомогательные изображения и форму. Если вы продолжите прокрутку, появятся дополнительные разделы, в которых можно разместить больше текста и изображений.

9. Горизонт

Доступно на Wix

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

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

10. Полужирный

Доступно исключительно с бесплатным конструктором целевых страниц HubSpot

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

11. Интернет-магазин скоро откроется

Доступно на Wix

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

12. Lead-Gen Landing Page

Доступно на Wix

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

13. Фагри

Доступно на WordPress.org

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

14. Ралли

доступен исключительно с бесплатным конструктором целевых страниц HubSpot

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

15. Real Estate Landing Page

Доступно на Wix

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

16. Строительные и юридические посадочные страницы

Оба доступны на WordPress.org

WordPress также предлагает два похожих шаблона Lawyer Landing Page и Construction Landing Page . Хотя оригинальные дизайны предназначены для двух областей работы, их можно настроить для других брендов и отраслей.У обоих есть изображение заголовка, наложенный текст и стрелка, указывающая на форму приличного размера над сгибом. Они также оба предлагают посетителю бесплатное предложение.

17. Сумерки

Доступно исключительно с бесплатным конструктором целевых страниц HubSpot

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

18. Садовый домик

Доступно на MailChimp

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

19. Товарищи по группе

Доступно на MailChimp

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

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

20. О-книга

Доступно на Unbounce

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

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

Рекомендации по использованию посадочных страниц

Приведенные выше шаблоны уже соответствуют ряду передовых методов работы с целевыми страницами.Например, во многих из них отсутствует панель навигации, которая может отвлекать внимание или отвлекать от предложения на странице. Большинство из них также оставляют место для фото или видео. В то время как фотографии предлагают отличное представление о продукте, также было замечено, что видео увеличивают конверсию на 86%.

Чтобы узнать о других передовых методах работы с целевыми страницами, ознакомьтесь с этим руководством.

Примечание редактора: этот пост был первоначально опубликован в мае 2019 года и был обновлен для полноты.

25 лучших примеров целевых страниц от ведущих компаний для вдохновения

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

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

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

25 лучших компаний с лучшими примерами посадочных страниц

(Имейте в виду, что для более коротких страниц мы показываем всю страницу. Для более длинных страниц мы отображаем только над сгибом.Возможно, вам потребуется перейти к примеру целевой страницы, чтобы увидеть некоторые из обсуждаемых нами вопросов. Кроме того, некоторые сайты могут проводить A / B-тестирование своих страниц, что означает, что вам может быть предоставлена ​​альтернативная версия.)

1. Пример целевой страницы Marketo

Что страница хорошо выполняет:

• Заголовок точно сообщает посетителям, о чем идет речь.
• Изображение показывает посетителям, что они могут ожидать, если они решат загрузить отчет.
• Пункты списка позволяют потенциальным клиентам быстро сканировать страницу, чтобы узнать, что включает в себя отчет.
• Социальное доказательство — отзыв клиента и значки компании — повышает доверие к предложению и компании в целом.

Что проводить A / B-тест:

• Ссылки для выхода — логотип Marketo и ссылка Legal в нижнем колонтитуле — предоставляют посетителям возможность покинуть страницу, не загружая отчет.
• Форма из пяти полей может показаться устрашающей на этом этапе рассмотрения покупателя.Удаление «Должности» и «Компания» может побудить большее количество посетителей заполнить форму.
• Цвет кнопки с призывом к действию не выделяется так сильно, как мог бы, потому что он используется в другом месте на странице.
• Копия кнопки CTA расплывчата. Измените его на что-то вроде «Я хочу отчет!» может побудить больше потенциальных клиентов щелкнуть.
• Большой блок выделенной курсивом копии не кажется необходимым, и его удаление может улучшить результаты преобразования.
• Добавление полного имени и портрета к отзыву клиента может повысить доверие к нему.
• Добавление белого пространства поможет странице выглядеть менее загруженной и более эстетичной.

2. Пример целевой страницы Slack

Что страница хорошо выполняет:

• Уникальный стиль прокрутки позволяет отображать всю необходимую информацию, позволяя посетителям получать информацию без необходимости перемещаться вверх и вниз по странице.
• Форма для захвата лида постоянно отображается, когда пользователи просматривают контент.
• Копия кнопки с призывом к действию убедительна, потому что она короткая, прямая и в ней используется слово «бесплатно».
• Только одно поле формы дает высокую вероятность того, что посетители заполнят форму.
• Изображения яркие, привлекательные, используют фирменные цвета и относятся к каждому соответствующему разделу.
• Использование социального доказательства может заставить посетителей почувствовать себя обязанными использовать Slack.

Что проводить A / B-тест:

• Есть несколько ссылок для выхода , включая логотип Slack, «Войти», «Просмотреть все приложения», «Посмотреть истории клиентов», «продукт», «цены» и «Enterprise Grid» — что делает его более вероятным. для посетителей, чтобы покинуть страницу без конвертации.
• Отсутствие политики конфиденциальности может помешать потенциальным клиентам передать свой адрес электронной почты.

3. Пример целевой страницы Oracle

Что страница хорошо выполняет:

• Отчет по формированию спроса Статистика в копии не является «недавней», как говорится в ней, — она ​​датируется периодом до 2016 года, а дата авторских прав на этой странице — 2017 год.
• Изображение информационного документа дает посетителям возможность предварительного просмотра того, что они могут ожидать, загрузив информационный документ.
• Контрастный цвет формы выделяется и привлекает внимание, побуждая посетителей заполнить форму.
• Непроверенный поле согласия гарантирует, что потенциальные клиенты, которые согласны, хотят получать электронные письма от Oracle.

Что проводить A / B-тест:

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

4. Пример целевой страницы Google Hire

Что страница хорошо выполняет:

• Логотип Hire в верхнем левом углу сразу позволяет посетителям узнать, где они находятся, когда они попадают на страницу.Тот факт, что на нее нет гиперссылок, также не позволит людям щелкнуть мышью, что делает ее отличной целевой страницей после щелчка.
• Четкий заголовок говорит о потенциальных возможностях, что демонстрация будет включать информацию об инструментах найма.
• Минимальная точная копия позволяет посетителям быстро прочитать и определить, хотят ли они конвертировать предложение.
• Инкапсуляция формы помогает ей выделяться на странице, что, вероятно, увеличивает коэффициент конверсии.
• Ссылка на политику конфиденциальности в нижнем колонтитуле повышает доверие, позволяя потенциальным клиентам чувствовать себя более комфортно при отправке своей личной информации.

Что проводить A / B-тест:

• Соответствие сообщения можно улучшить. Я попал на эту целевую страницу после нажатия на кнопку веб-семинара по найму с кнопкой CTA, побуждающей посетителей «зарегистрироваться» на «предстоящем веб-семинаре». Целевая страница после клика вообще не упоминает веб-семинар, а вместо этого продвигает демонстрацию по запросу. Если Google Hire считает их веб-семинар и демонстрацию одним и тем же, увеличение совпадения сообщений между двумя страницами, вероятно, уменьшит путаницу у посетителей.
• 14 полей формы — это много, даже для этапа рассмотрения маркетинговой воронки. Разделение этого на многоступенчатую форму может уменьшить трение формы и привести к большему количеству преобразований.
• Бирюзовая кнопка CTA похожа на другой оттенок синего на странице. Сделав его более контрастным, например, оранжевым, мы сделаем его более ярким.
• Несбалансированная страница . Включение дополнительного элемента целевой страницы после щелчка слева от нижней части формы, такого как отзыв клиента или привлекательное изображение, может сделать страницу более эстетичной.

5. Пример целевой страницы Uber

Что страница хорошо выполняет:

• Логотип Uber вверху страницы сразу сообщает посетителям, где они находятся. Тот факт, что он не связан с главной страницей и не используется в качестве ссылки для выхода, также является плюсом.
• 5 полей формы подходят для страницы регистрации, тем более что они не запрашивают очень личную информацию.
• Необязательное поле промокода удобно, потому что оно не появляется до тех пор, пока потенциальный клиент не нажмет на него, а форма ограничена 5 полями.
• Зеленая кнопка с призывом к действию выделяется, потому что на странице нет другого зеленого цвета.
• Стрелка на кнопке с призывом к действию действует как указатель направления, указывая на то, что посетители должны щелкнуть, чтобы увидеть, что находится на другой стороне этой целевой страницы после нажатия.

Что проводить A / B-тест:

• Вряд ли какой-либо экземпляр на странице может вызвать у посетителей чувство неосведомленности и неуверенности.
• Добавление социального доказательства , например, цитируемого отзыва от нынешнего водителя Uber, может вызвать большее доверие у посетителей.
• Копия «Зарегистрироваться» на кнопке с призывом к действию не является оригинальной или персонализированной. «Прокатись прямо сейчас!» более информативный и увлекательный.

6. Пример целевой страницы IBM

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Навигация по верхнему и нижнему колонтитулам может легко отвлечь посетителей от текущего предложения и увести их со страницы без преобразования.
• Балансировка страницы путем добавления изображения или отзыва клиента с левой стороны сделало бы ее более привлекательной.
• Кнопку с призывом к действию можно улучшить в соответствии с нашими рекомендациями по использованию целевой страницы после клика. Цвет мог бы быть более контрастным и привлекательным, а текст мог бы быть более ориентированным на потребителя и выгодным.

7. Пример целевой страницы LendingClub

Что страница хорошо выполняет:

• Заголовок выделен жирным шрифтом, чтобы выделить ценностное предложение.
• Инкапсуляция формы с помощью цветового контраста делает ее привлекательной.
• Красные кнопки с призывом к действию контрастируют и выделяются на странице, вероятно, увеличивая конверсию.
• Раздел «Инвестирование через LendingClub» предоставляет основные преимущества партнерства с компанией, не заполняя страницу огромным количеством копий. К тому же конкретный процент инвестиций служит социальным доказательством.
• Логотипы компании также служат социальным доказательством и дают посетителям понять, что многие известные бренды признают LendingClub и доверяют ему.
• Несколько кнопок CTA предоставляют потенциальным клиентам несколько шансов на конверсию по предложению.

Что проводить A / B-тест:

• Множественные ссылки для выхода — логотип LendingClub, «Условия использования», «Подробнее», несколько слов мелким шрифтом и навигация в нижнем колонтитуле — могут удалить посетителей со страницы без преобразования.
• Изменение направления взгляда человека на фотографии, чтобы посмотреть на форму захвата лида, может подсознательно побудить большее количество посетителей ее заполнить.
• Изменение копии кнопки CTA на что-то более привлекательное и убедительное, например: «Начни инвестировать сейчас и получи прибыль!» может привести к большему количеству конверсий.
• Чрезмерное количество мелкого шрифта внизу страницы пугает и может заставить потенциальных клиентов задуматься, есть ли у компании скрытые планы.

8. Пример целевой страницы домофона

Что страница хорошо выполняет:

• Юмор , особенно в разделе «Боты сегодня действительно раздражают», помогает установить тесную, чуткую, человеческую связь с посетителями.
• Заголовки разделов с минимальной копией сообщают потенциальным клиентам, что включает в себя Оператор (и как это может им помочь), не заполняя страницу ненужным текстом.
• Достаточное количество пробелов делает страницу более удобной для навигации и усвоения.

Что проводить A / B-тест:

• Заголовок частично скрыт. Текстовые поля, закрывающие его, можно немного сдвинуть, чтобы был виден весь заголовок.
• Множественные ссылки для выхода — логотип Intercom вверху и внизу страницы, ссылка для входа под первой формой и ссылка «Узнать больше» под второй формой — могут отвлекать посетителей и удалять их со страницы перед преобразованием. .
• Форма и кнопка с призывом к действию сливаются с остальной частью страницы, потому что многие элементы на странице отформатированы одинаково и кажутся интерактивными.

9. Пример целевой страницы Microsoft

Что страница хорошо выполняет:

• Заголовок , ориентированный на выгоду, сообщает посетителям, что они могут улучшить мобильную производительность своей команды с помощью Office 365, и побуждает их узнать больше с помощью электронной книги.
• Изображение продукта показывает потенциальным клиентам, что они получат, если решат загрузить электронную книгу. Увеличив его и сделав более реалистичным, можно еще больше улучшить результаты конверсии.
• Маркеры с минимальной копией позволяют потенциальным клиентам сканировать страницу в поисках соответствующей информации.
• Инкапсулированная форма выделяется, обращая внимание посетителя на ее заполнение.
• Зеленая кнопка с призывом к действию привлекает внимание, поскольку хорошо контрастирует с остальной частью страницы.

Что проводить A / B-тест:

• Логотип Office с гиперссылкой может увести посетителей со страницы, не увидев предложения и не совершив конверсии.
• Изображение мужчины кажется неуместным для предложения. Заменить его на человека, использующего Office 365 или читающего электронную книгу, могло бы быть более эффективным.
• Восемь обязательных полей формы могут напугать кого-то, кто только находится на этапе рассмотрения вопроса о покупке.
• CTA-копия неточна и неточна. Измените его на что-то более индивидуальное и захватывающее, например: «Пришлите мне электронную книгу!» скорее всего, побудит больше потенциальных клиентов щелкнуть.
• «См. Планы и расценки» внизу страницы может отвлекать посетителей от основного предложения и мешать им совершить конверсию.
• Добавление социального доказательства , такого как отзыв клиента или печати доверия, повысило бы доверие.

10.Пример целевой страницы Lyft

Что страница хорошо выполняет:

• Подзаголовок служит социальным доказательством, позволяя посетителям узнать, что другие дали отличные советы, работая с Lyft.
• Только одно поле формы с запросом номера телефона можно быстро и легко заполнить, так что это не отпугнет многих потенциальных клиентов.
• Если вы не отметите поле согласия , кандидаты почувствуют, что выбор полностью за ними.
• «Получите бонус в 250 долларов» , вероятно, является убедительным стимулом для многих потенциальных клиентов.
• CTA-кнопка «Подать заявку» — это тег привязки, который выводит потенциальных клиентов наверх страницы для быстрого заполнения формы.
• Функция калькулятора позволяет посетителям определить, сколько денег они могли бы заработать, если решат водить машину с Lyft.
• Раздел «Почему Lyft» использует иконографию и минимальную простую копию, чтобы передать основные преимущества работы в Lyft.
• Слайдер «Как работает Lyft Driving» объясняет, как Lyft работает с помощью мобильного приложения.
• «Страховая защита Lyft» и «Рейтинги пассажиров» дает водителям уверенность, когда речь идет о вождении в Lyft.

Что проводить A / B-тест:

• Многие ссылки для выхода — включая логотип Lyft и несколько слов с гиперссылками по всему тексту — могут отвлекать посетителей и уводить их со страницы без преобразования.
• Заголовок: Lyft vs.Uber , но на странице нет ничего, что сравнивало бы эти два сервиса.
• Белый текст не отображается на фоне белого логотипа на рубашке мужчины.
• Перенаправление взгляда человека на форму захвата лида может привести к тому, что больше посетителей ее заполнили.
• Копия кнопки CTA , «Далее», настолько утомительна, насколько это возможно. Измените его на что-то более увлекательное, например «Начни зарабатывать деньги прямо сейчас!» вероятно, улучшит результаты конверсии.
• Розовая кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что розовый цвет используется в других местах на странице.

11. Пример целевой страницы постоянного контакта

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Гиперссылка на логотип «Постоянный контакт» может сразу увести посетителей со страницы, не увидев всего предложения.
• На кнопке с призывом к действию слишком много текста, поэтому она мала и трудна для чтения. «Без риска. Кредитная карта не требуется ». можно переместить под кнопкой.
• Отсутствие политики конфиденциальности может заставить потенциальных клиентов не решиться совершить конверсию.
• Добавление социального доказательства , например отзыва клиента, скорее всего, заставит кандидатов чувствовать себя более уверенно в своем решении подписаться на постоянный контакт, что повысит коэффициент конверсии.

12.Пример целевой страницы Salesforce

Что страница хорошо выполняет:

• Первичные и вторичные заголовки убедительны, потому что они признают проблему и предлагают решение.
• Изображение показывает посетителям мобильное приложение Wave Analytics.
• Минимальная точная копия описывает предложение, не заполняя страницу огромным текстом.
• Контрастная инкапсулированная форма помогает ему выделиться и, вероятно, побуждает больше людей завершить его.
• Стрелки — одна указывает на первое поле формы, а вторая — на кнопку CTA — служат в качестве ориентиров.
• Значки доверия и политика конфиденциальности помогают потенциальным клиентам быть уверенными в том, что их личная информация останется в безопасности и конфиденциальности.

Что проводить A / B-тест:

• Ссылки для выхода — логотип Salesforce, значки доверия, ссылки в социальных сетях и ссылки нижнего колонтитула — позволяют посетителям легко покинуть эту страницу.
• 8 полей формы могут удерживать посетителей от заполнения формы.Удаление ненужных запросов или преобразование их в многоступенчатую форму уменьшит трение и приведет к увеличению количества загрузок.
• Синяя кнопка CTA гармонирует с синей формой. Если вы попробуете использовать более контрастный цвет (например, оранжевый), это привлечет больше внимания посетителей.
• Копию кнопки CTA можно улучшить до чего-то более заманчивого, например «Покажи мне демонстрацию Wave Analytics!»
• Добавление социального доказательства , например отзыва клиента Salesforce, повысило бы ценность доверия у посетителей и поощрило бы больше демонстрационных просмотров.

13. Пример целевой страницы Zoho

Что страница хорошо выполняет:

• Заголовок сразу предлагает два преимущества подписки на бесплатный план Zoho CRM — улучшение отношений с клиентами и предоставление десяти бесплатных пользователей.
• «Бесплатно» используется в нескольких местах на странице — в заголовке, на кнопках с призывом к действию и несколько раз во всей описательной копии.
• Несколько красных кнопок с призывом к действию хорошо контрастируют с остальной частью страницы, выделяют их и привлекают внимание.Первая кнопка — это тег привязки, который удобно переносит потенциальных клиентов в форму внизу страницы.
• Значок мыши указывает посетителям, что они должны прокрутить страницу вниз, чтобы увидеть дополнительную информацию. Это также тег привязки, поэтому, если они нажимают на него, они немедленно переносятся в следующий раздел без необходимости прокрутки.
• Длинный список функций передает все, что предлагает Zoho CRM.
• Двухэтапный дизайн означает меньшее трение на этой странице, потому что форма не видна, пока потенциальный клиент не нажмет нижнюю кнопку CTA.
• Обводка формы желтым цветом помогает привлечь к ней внимание и, вероятно, увеличит коэффициент конверсии.
• Форма с 3 полями, требующая только имя, адрес электронной почты и пароль, снижает трение.
• Не отмеченный флажок Zoho newsletter означает только искренний интерес; потенциальные клиенты получат контент.

Что проводить A / B-тест:

• Ссылки для выхода — логотип Zoho, «Условия обслуживания» и ссылки на социальные сети — могут отвлекать посетителей и уводить их со страницы, прежде чем они смогут совершить конверсию.
• Изображение рукопожатия имеет отношение к предложению, но использование фотографии двух людей, улыбающихся и обменивающихся рукопожатием, может быть еще более эффективным.
• Копия кнопки CTA в форме «Зарегистрироваться» может быть улучшена. Его даже можно изменить, чтобы скопировать копию на кнопке CTA, находящейся вверху страницы: «Начни бесплатно».

14. AWeber, пример целевой страницы

Что страница хорошо выполняет:

• Заголовок немедленно сообщает потенциальным клиентам, что веб-семинар длится всего 30 минут.
• Кнопка CTA находится спереди и по центру , поэтому посетители обязательно увидят ее сразу после перехода на страницу. Кроме того, текст является описательным и захватывающим, что, вероятно, побуждает потенциальных клиентов щелкнуть по нему.
• Двухэтапный дизайн подписки удаляет форму захвата лида с этой страницы, и потенциальные клиенты видят ее только тогда, когда они нажимают кнопку CTA. Это означает меньшее трение и потенциально больше конверсий.
• Всего 3 поля формы — просто запрашивают дату / время события, имя и адрес электронной почты — можно быстро и легко заполнить.
• Копия , выделенная курсивом, сообщает потенциальным клиентам, что даже если они не могут посетить какое-либо из запланированных мероприятий, они все равно могут подписаться на получение записи.
• Снимок в голову и описание Тома Тейта — хорошее включение, потому что потенциальные клиенты могут видеть и узнавать о том, кто будет представлять. Хотя увеличение изображения, вероятно, повысит его эффективность.
• Ссылка на политику конфиденциальности внизу страницы, вероятно, заставит потенциальных клиентов чувствовать себя более комфортно при передаче своей личной информации.

Что проводить A / B-тест:

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

15. Squarespace

Что страница хорошо выполняет:

• Заголовок «Заявите права на свой домен» эффективен, потому что он передает ощущение срочности. Потенциальные клиенты должны потребовать желаемый домен раньше, чем кто-либо другой.
• Ссылка «Узнать больше» в подзаголовке — это тег привязки, который отправляет людей дальше вниз по странице, чтобы получить дополнительную информацию о предложении.
• Простой, единообразный шрифт по всей странице придает ей профессиональный вид.
• Небольшие фрагменты копии облегчают чтение и усвоение содержимого.
• Сравнение Squarespace с конкурентами позволяет потенциальным клиентам узнать, что они могут извлечь выгоду несколькими способами, выбрав Squarespace над кем-либо еще.
• Взгляд женщины внизу страницы направлен прямо на заголовок раздела, что, вероятно, заставит посетителей тоже туда заглянуть.

Что проводить A / B-тест:

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

16. Пример целевой страницы Mixpanel

Что страница хорошо выполняет:

• Заголовок персонализирован и ориентирован на получение выгоды. Он спрашивает посетителей, готовы ли они развивать свой бизнес.
• Изображение показывает потенциальным клиентам, что они могут просматривать электронную книгу на нескольких устройствах.
• Краткое описание электронной книги предоставляет посетителям краткий первоначальный обзор предлагаемой электронной книги.
• Форму с 4 полями заполнять быстро и легко, что увеличивает шансы посетителей сделать это.
• Копия кнопки CTA использует вид от первого лица, что помогает потенциальным клиентам почувствовать связь с предложением.
• Раздел «Что внутри вашей электронной книги» подробно описывает краткое описание, упомянутое выше, выделяя важные моменты, сделанные в электронной книге, а также то, что руководители продуктов обсуждают их. Включение хедшотов — тоже приятный штрих.
• Отсутствуют ссылки выхода делают почти невозможным покинуть страницу без преобразования.Единственный способ покинуть страницу — это щелкнуть «X» на вкладке браузера или заполнить форму.

Что проводить A / B-тест:

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

17. Пример целевой страницы Infusionsoft

Что страница хорошо выполняет:

• Социальное доказательство — значки компании вверху страницы и отзывы клиентов внизу страницы — вселяют чувство уверенности и доверия к потенциальным клиентам.
• Заголовок отлично справляется с распознаванием проблемы посетителя, сочувствием к нему, а затем предлагает решение.
• Подзаголовок хорошо соответствует заголовку, обеспечивая некоторые из основных преимуществ работы с Infusionsoft.
• Короткая форма с 4 полями запрашивает только основную информацию, что повышает вероятность того, что потенциальные клиенты найдут время, чтобы заполнить ее.
• Копия кнопки CTA сообщает потенциальным клиентам, что они получат, заполнив форму и нажав кнопку.
• Список того, что предлагает Infusionsoft , позволяет потенциальным клиентам узнать о преимуществах, которые они получат, если решат работать с Infusionsoft. Иконки и жирный шрифт помогают привлечь внимание к этому разделу.

Что проводить A / B-тест:

• Добавление функции «Звонок по нажатию» к номеру телефона позволит посетителям быстро и легко связаться с компанией, что улучшит их общее взаимодействие с пользователем.
• Увеличение кнопки с призывом к действию может привлечь больше просмотров и, вероятно, побудить большее количество посетителей нажать на нее.
• Цвет кнопки CTA можно изменить, чтобы привлечь больше внимания, поскольку зеленый уже используется в логотипе компании и для маленьких значков, перечисленных в разделе под кнопкой.
• Изображение было бы более эффективным для предоставления посетителям возможности предварительного просмотра программного обеспечения, если бы оно было больше и легче для просмотра.
• Ссылка карты сайта в нижнем колонтитуле действует как ссылка для выхода. Если посетители прокручивают страницу до конца перед заполнением формы, они могут отвлечься на это и покинуть страницу до преобразования.

18. Пример целевой страницы GetResponse

Что страница хорошо выполняет:

• Заголовок точно сообщает посетителям, что это за предложение.
• Подзаголовок хорошо поддерживает заголовок, позволяя потенциальным клиентам узнать, как они могут извлечь выгоду из предложения.
• Стрелка действует как указатель направления, указывает прямо на кнопку CTA, заставляя посетителей направлять свое внимание и туда.
• Условия обслуживания, политика защиты от спама и политика конфиденциальности четко сформулированы таким образом, чтобы установить доверительные отношения с передачей личной информации.
• Форма из трех полей обеспечивает низкий барьер для входа и даже не требует заполнения фамилии.
• Цвет кнопки CTA — хороший контрастный цвет, который больше нигде на странице не используется.

Что проводить A / B-тест:

• Логотип связан с домашней страницей и может легко увести посетителей со страницы, не узнав о предложении и не совершив конверсии.
• Описательной копии немного. Более подробное описание того, что такое GetResponse и основные преимущества, может привести к большему количеству конверсий.

19. Оптимизировать пример целевой страницы

Что страница хорошо выполняет:

• Маркированная копия позволяет посетителям сканировать страницу, чтобы быстро узнать о демонстрации.
• Инкапсуляция формы помогает ей выделиться и, вероятно, способствует большему количеству конверсий.
• Компьютерное изображение в форме дает потенциальным клиентам предварительный просмотр того, как будет выглядеть демонстрация.
• Форма из 5 полей подходит для предложения на этапе принятия решения.
• Копия кнопки CTA использует нехватку и срочность, чтобы убедить потенциальных клиентов подписаться на демонстрацию. «Сохранить мое место» означает, что количество мест ограничено и их необходимо зарезервировать.
• Логотипы компаний служат социальным доказательством того, что посетители знают, что Optimizely пользуется доверием некоторых ведущих мировых брендов.Кроме того, стрелки в этом разделе действуют как ориентиры, подразумевая, что есть еще больше логотипов, которые можно увидеть.

Что проводить A / B-тест:

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

20. Пример целевой страницы HubSpot

Что страница хорошо выполняет:

• Телефонный номер для интерактивного звонка улучшает взаимодействие с пользователем.
• Заголовок страницы сразу же объясняет предложение и дает посетителям понять, какую пользу оно принесет им.
• Короткие абзацы , маркеры и полужирный шрифт делают сканирование этой страницы быстрым, легким и удобным.
• Инкапсуляция формы помогает ей больше выделяться на странице, вероятно, побуждая больше посетителей заполнить ее.
• Заголовок формы позволяет потенциальным клиентам узнать, что набор инструментов можно загрузить бесплатно. Добавление этого к заголовку страницы также повысит его эффективность.
• Ссылка на политику конфиденциальности рядом с полем электронной почты предоставляет потенциальным клиентам ссылку для быстрого доступа вместо прокрутки вниз страницы.
• Синяя кнопка с призывом к действию привлекает внимание, потому что на странице почти нет другого цвета.

Что проводить A / B-тест:

• Логотип HubSpot в верхнем левом углу связан с домашней страницей, что может немедленно увести посетителей со страницы.
• Повторение заголовка непосредственно под основным заголовком не является необходимым и добавляет беспорядок на страницу.
• Кнопки социальных сетей также могут удалять посетителей со страницы, снижая коэффициент конверсии.
• Форма из 12 полей слишком длинная и может запугать посетителей. Удаление некоторых полей или создание многоступенчатой ​​формы может побудить больше потенциальных клиентов заполнить ее.
• Копия кнопки CTA расплывчата.Измените его на что-то вроде: «Мне нужен инструментарий!» может заинтересовать и привлечь больше потенциальных клиентов.
• Страница забалансовая . Добавление образца изображения набора инструментов или отзыва от кого-то, кто скачал набор инструментов, уравновесит страницу и, вероятно, увеличит конверсию.

21. Пример целевой страницы MailChimp

Что страница хорошо выполняет:

• Слово «бесплатно» в заголовке может сразу вызвать интерес у посетителей.
• Вспомогательный подзаголовок сообщает потенциальным клиентам, какую выгоду они могут получить от начала работы с бесплатной учетной записью.
• Форма из 3 полей короткая и не запрашивает очень личную информацию.
• Поле пароля улучшает взаимодействие с пользователем, позволяя посетителям видеть свою запись, нажав кнопку «показать». Кроме того, требования к паролю четко указаны внизу страницы.
• Отсутствие навигации по заголовку и минималистичный нижний колонтитул позволяет потенциальным клиентам сосредоточиться на цели страницы — подписке на бесплатную учетную запись.

Что проводить A / B-тест:

• Добавление социального доказательства , например отзыва клиента или статистики об использовании MailChimp, скорее всего, приведет к увеличению числа регистраций.
• Прозрачная кнопка CTA не выделяется так сильно, как могла бы. Если сделать его более темным и контрастным, больше людей будут щелкать по нему.
• Копия кнопки CTA также может быть улучшена, чтобы включить более персонализированный и привлекательный язык, например «Создайте мою бесплатную учетную запись!»

22.Shopify пример целевой страницы

Что страница хорошо выполняет:

• Заголовок и подзаголовок хорошо контрастируют с темным фоном, что делает их привлекательными сразу после приземления на страницу.
• Только одно поле формы над сгибом упрощает пользователям выполнение действий.
• Логотипы компаний и отзыв клиентов служат социальным доказательством, указывающим на то, что есть другие известные компании и довольные клиенты, которые доверяют Shopify.
• Минимальная копия делает навигацию по странице более простой и приятной для посетителей, а маркеры помогают привлечь внимание к основным преимуществам Shopify.
• Изображение дает потенциальному клиенту реалистичный предварительный просмотр приборной панели.

Что проводить A / B-тест:

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

23. Пример целевой страницы Eloqua

Что страница хорошо выполняет:

• Заголовок описывает предложение, а подзаголовок поддерживает его, предоставляя дополнительную информацию о том, чего потенциальные клиенты могут ожидать от руководства.
• Маркированная копия позволяет посетителям сканировать страницу и извлекать важную информацию о руководстве. Серая рамка также помогает привлечь внимание к этому разделу.
• Рамка и цветовой контраст вокруг формы выделяют ее на странице.
• Оранжевая кнопка с призывом к действию хорошо контрастирует с остальной частью страницы, делая ее «популярной» и привлекательной для потенциальных клиентов. Кроме того, стрелка на нем служит ориентиром.

Что проводить A / B-тест:

• Текст «Контент недоступен» в верхней части страницы делает его непрофессиональным.
• Добавление белого пространства вокруг наиболее важных элементов, таких как заголовок, изображение и форма, поможет им больше выделяться и сделает страницу менее загруженной.
• Изображение слишком мало для выполнения своей задачи. Увеличение и увеличение разрешения сделают его более эффективным.
• Множественные ссылки для выхода в нижнем колонтитуле дают посетителям возможность покинуть страницу без конвертации.

24. Пример целевой страницы Basecamp

Что страница хорошо выполняет:

• Заголовок служит непосредственным социальным доказательством, точно сообщая посетителям, сколько людей подписалось на Basecamp только на прошлой неделе.
• Зеленая стрелка , указывающая на поле формы, действует как визуальная подсказка.
• Только одно поле формы наверняка не помешает людям заполнить его.
• Возможность использовать учетную запись Google делает регистрацию еще более удобной и привлекательной.
• Копия кнопки CTA эффективна, потому что в ней используется от первого лица и слово «бесплатно».
• Отзывы клиентов в верхней части, вероятно, заставят потенциальных клиентов чувствовать себя более комфортно с Basecamp.
• График внизу страницы — хорошее дополнение, потому что он показывает посетителям, насколько Basecamp вырос за эти годы.

Что проводить A / B-тест:

• Навигация по заголовку предоставляет посетителям несколько способов покинуть страницу, не просматривая все предложение.
• Кнопки с призывом к действию не выделяются так сильно, как могли бы, потому что остальная часть страницы синего цвета. Их тестирование в оранжевом или красном цвете может привлечь больше внимания.
• Дополнительные ссылки для выхода по всему тексту позволяют потенциальным клиентам покинуть страницу без регистрации.
• Копия малоинформативна. О самом Basecamp ничего не сказано, а просто дан ответ на три вопроса о пробном периоде. Добавление подробной информации о том, какую пользу приложение может принести пользователям, может убедить больше людей зарегистрироваться.
• Изображение устройств должно быть увеличено, а гиперссылка должна быть удалена.Включение его полезно, потому что оно демонстрирует все возможные способы использования Basecamp, но в настоящее время его трудно увидеть и оно служит еще одной ссылкой для выхода.

25. Пример целевой страницы Airbnb

Что страница хорошо выполняет:

• Заманчивый заголовок привлекает внимание посетителей и с самого начала предлагает денежное вознаграждение.
• CTA-кнопка хорошо контрастирует с фоном и находится прямо в центре страницы.
• Снимок головы добавляет личное соединение с другом, который пригласил вас присоединиться к службе.
• Связанные термины представляют ценность для всех, кто не решается зарегистрироваться.

Что проводить A / B-тест:

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

Сможете ли вы превзойти лучшие примеры целевой страницы после клика?

Вот и все — некоторые из ведущих мировых компаний с одними из лучших примеров целевых страниц после клика.

Не игнорируйте этап после клика, дайте каждому потенциальному клиенту индивидуальный опыт от начала до конца. Подпишитесь на демо-версию Instapage сегодня.

110 примеров целевых страниц, которые нельзя пропустить

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

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

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

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

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

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

110 Примеры целевой страницы после клика

1. Casper

Что они сделали хорошо:

• Заголовок рассказывает посетителям, почему им стоит купить матрас Casper.
• Образ имеет очень домашнюю, семейную атмосферу, которая идеально подходит для бренда.
• Отзывы влиятельных брендов , таких как Time & Good Housekeeping, являются социальным подтверждением предложения.
• Bullet point copy упрощает чтение и перечисляет причины, по которым Casper — разумный выбор для посетителя.
• Отзывы клиентов от обычных людей убеждают пользователя, что другим людям, как они, тоже нравится спать на матрасе Casper.
• Предложение без риска на 100 ночей повышает доверие к странице.
• Таблица цен помогает посетителю решить, следует ли ему нажимать кнопку CTA.
• CTA-кнопка «Купить» контрастирует с фоновым изображением и сообщает посетителю, чего ожидать при нажатии на нее.
• Вариант номера телефона дает посетителям возможность получить ответы на все свои вопросы.

Что проводить A / B-тест:

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

2. Merrill Edge

Что они сделали хорошо:

• Заголовок ясен, потому что он объясняет, почему посетитель должен торговать акциями с помощью Merrill Edge, потому что это стоит всего 6,95 долларов США за торговлю онлайн и ETF.
• Обновленное сводное изображение фондовой биржи дает посетителю обзор рынка, когда он попадает на страницу.
• Преимущества перечислены с помощью пиктограммы , которая помогает посетителю быстро прочитать их и понять преимущества предложения.
• Процесс учетной записи объясняется, чтобы посетитель знал, что делать после нажатия кнопки CTA.
• Красная кнопка с призывом к действию выделяется на странице, поэтому вы точно знаете, где перейти к пункту «Начать работу» с Merrill Edge.

Что проводить A / B-тест:

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

3. Magento

Что они сделали хорошо:

• Форма для захвата потенциальных клиентов с одним полем подходит для бесплатного отчета и, вероятно, генерирует много конверсий, потому что посетителям не нужно сообщать слишком много личной информации.
• Копия кнопки CTA соответствует предложению, а цвет красной кнопки контрастирует со страницей.
• Значки клиентов Coca-Cola и Canon добавляют социальное доказательство на страницу.
• Цитата Gartner дает посетителю возможность получить представление о том, что повлечет за собой отчет.
• Раздел Magento по номерам дает пользователю быстрый снимок компании.
• Привлекательная иконография в сочетании с дополнительными копиями деталей работы платформы Magento.

Что проводить A / B-тест:

• Заголовок уникален, но не очень убедителен.Вспомогательный заголовок дает больше деталей, но все же говорит о Magento. Если бы он был больше ориентирован на посетителя, он мог бы генерировать больше конверсий.
• Показанное изображение немного сбивает с толку. Как городской пейзаж, перенесенный на тело мужчины, побуждает людей скачать отчет?
• Серая кнопка CTA вверху справа остается незамеченной, потому что она не контрастирует с серым фоном.
• Кнопки социальных сетей внизу дают людям слишком много способов покинуть страницу, не загрузив предварительно отчет.

4. Quip

Что они сделали хорошо:

• Заголовок ясен и по существу, потому что он указывает на UVP Quip.
• Копия кнопки с призывом к действию «Получить отзыв» является прямой и дает людям понять, что они будут «получить отзыв», как только они ее нажмут.
• Изображение кистей разного размера показывает посетителю, что у Quip есть кисть, которая идеально подходит для его рта.
• Обзоры крупного бренда , подготовленные GQ, Time, Американской стоматологической ассоциацией, повышают доверие к этому предложению.
• Преимущества Quip упоминаются в отдельных разделах страницы с соответствующими изображениями, которые добавляют приятную визуальную привлекательность странице и объясняют каждое преимущество.
• Раздел цен позволяет пользователям выбирать, какую модель Quip приобрести.
• Раздел часто задаваемых вопросов отвечает на самые распространенные запросы, которые получает Quip, чтобы посетитель мог легко принять решение.

Что проводить A / B-тест:

• Навигационные ссылки в заголовке страницы дают пользователю возможность очень быстро покинуть страницу.Какова цель этой страницы: для навигации или привлечения новых клиентов?
• Рейтинг 4,96 впечатляет, но, не говоря уже о том, где размещены отзывы, потенциальные клиенты могут сомневаться, являются ли они настоящими и где они могут их прочитать.
• Ссылки блога на странице после клика не имеют большого смысла, потому что они уводят посетителя от предложения.
• Светло-зеленые кнопки с призывом к действию не так сильно контрастируют со страницей, как могли бы.Сделав их того же цвета, что и изображения в блоге внизу, они могут не получить столько кликов.

5. Глен Парк

Что они сделали хорошо:

• Услуги описаны с помощью маркеров, что упрощает пользователю просмотр их и принятие решения о том, является ли Glen Park лучшим вариантом для посетителя.
• Аккредитация повышает доверие к бренду.
• Изображения плана этажа помогают посетителю лучше визуально почувствовать объект.

Что проводить A / B-тест:

• Заголовок довольно мягкий и не передает USP объекта Glen Park. Вместо этого в заголовке можно использовать эмоциональное повествование, которое затронет эмоциональную сторону посетителя.
• Копия кнопки с призывом к действию , кажется, смещена, из-за чего кнопка выглядит странно.
• Первое расписание тура раздела появляется слишком рано на странице. Посетитель не имел возможности просмотреть аккредитации, услуги, общественную деятельность, типы предлагаемого ухода или поэтажные планы еще дальше по странице.
• Форма запрашивает слишком много информации только для того, чтобы загрузить брошюру.

6. Университет Капеллы

Что они сделали хорошо:

• Заголовок найдет отклик у посетителя, поскольку он решает проблему, с которой сталкивается большинство студентов колледжей.
• Фоновое изображение очень соответствует заголовку.
• В пункте перечислены причины, по которым посетитель должен поступить в университет Капеллы.
• Заголовок формы и копия кнопки CTA поддерживают соответствие сообщения.
• Раздел аккредитации гарантирует посетителю, что университет является признанным учреждением для получения высшего образования.

Что проводить A / B-тест:

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

7. Указание

Что они сделали хорошо:

• Заголовок подчеркивает UVP услуги.
• Форма короткая и не запрашивает лишнюю информацию.
• Как основная, так и дополнительная кнопки с призывом к действию имеют четкую копию.
• Обширное свободное пространство по всей странице делает страницу эстетически приятной и, скорее всего, не вызовет беспокойства у потенциальных клиентов.
• Преимущества маркированного списка позволяют посетителю усвоить всю информацию и понять программу Guideline 401K.
• Социальное доказательство от The New York Times, CNBC, Forbes и других добавляет достоверности странице.

Что проводить A / B-тест:

• Заголовок может быть более описательным. Несмотря на то, что он выделяет UVP, добавление дополнительных деталей сделает заголовок более убедительным.
• Добавление отзывов клиентов поможет посетителям принять решение, поскольку они позволят посетителю увидеть, как другие извлекли выгоду из Руководства.

8. Munchery

Что они сделали хорошо:

• Заголовок объясняет услугу: свежие продукты доставляются вам, не выходя из дома.
• Фоновое изображение аппетитно и соответствует вашему предложению.
• Около 900 отзывов клиентов Trustpilot помогают посетителю решить, стоит ли делать заказ в Munchery.
• Раздел «Избранное» клиентов дает посетителям возможность узнать, какие блюда они могут ожидать от Munchery.
• Значок на скидку 20 долларов побуждает посетителей действовать и заказывать еду.
• Многоступенчатая форма помогает посетителям завершить процесс регистрации.

Что проводить A / B-тест:

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

9. Cruise Zap

Что они сделали хорошо:

• Прорыв цены в заголовке усиливает идею о том, что предложение доступно со значительной скидкой.
• Желтая кнопка с призывом к действию выскакивает со страницы и побуждает посетителей приступить к закреплению места в круизе прямо сейчас.
• Копия кнопки CTA обращается к посетителю тоном от второго лица и имеет отношение к предложению.
• В разделе «Как видно» представлены известные бренды, такие как NBC, CBS News и FOX, которые убеждают посетителя в том, что Cruise Zap является законным брендом.
• Видео-отзывы убедительны, потому что в них представлены реальные люди, воспользовавшиеся специальным предложением.Кроме того, они очень короткие, поэтому посетителям не нужно смотреть длинные видео, чтобы услышать истории клиентов.
• Раздел часто задаваемых вопросов помогает посетителю принять решение, стоит ли ему инвестировать в Cruise Zap.

Что проводить A / B-тест:

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

10. dataxu

Что они сделали хорошо:

• Заголовок объясняет, что делает dataxu.
• Значки клиентов показывают потенциальным клиентам некоторые известные бренды, которые уже извлекли выгоду из dataxu.
• 2-минутное видео короткое и позволяет людям узнать, сколько времени длится контент, прежде чем они начнут воспроизведение. После нажатия на видео посетителям показано, как клиенты могут использовать программное обеспечение.
• Защитные пломбы сообщают посетителям о безопасности использования программного обеспечения.

Что проводить A / B-тест:

• Заявление об инвестициях без мошенничества на 97% может противоречить предложению, возможно, недостающие 3% важнее для посетителей, чем 97%.
• Предложение отчета на странице после клика дает посетителям возможность покинуть страницу.
• Кнопка с призывом к действию «Подробнее», копия под демонстрационным видео, может быть более точной и понятной о том, что будет дальше.
• Добавление большего количества пробелов улучшит пространство и позволит потенциальным клиентам лучше использовать содержимое страницы при оценке dataxu.

11. Убер

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Краткая форма упрощает преобразование на этой странице.

Что проводить A / B-тест:

• Ссылка «Поездка с Uber» не нужна. Все, что это будет делать, — это отгонять потенциальных клиентов со страницы. Если бы они хотели ездить с Uber, они бы нажали на рекламу PPC, которая позволяла бы им пользоваться Uber.

12. млн унций

Что они сделали хорошо:

• Заголовок и подзаголовок работают вместе, чтобы сформировать сильное ценностное предложение.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Изображение дает представление о том, на что на самом деле похоже использование продукта.
• Копия оптимизирована для чтения небольшими фрагментами.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
• Социальное доказательство внизу страницы повышает доверие потенциальных клиентов.

Что проводить A / B-тест:

• Логотип с гиперссылкой позволяет потенциальным клиентам перейти на главную страницу без конвертации.

13. HubSpot + Canva

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Эта длинная форма может удерживать потенциальных клиентов на странице от конверсии.
• Фоновое изображение сбивает с толку, учитывая, что электронная книга — это графика. Какое отношение горный хребет имеет к графике?
• Больше белого пространства может помочь элементам страницы «дышать» больше и быть даже более убедительными, чем их текущее размещение.

14. Институт контент-маркетинга

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Возможность выбора веб-трансляции позволяет посетителям выбирать контент, наиболее соответствующий их потребностям.

Что проводить A / B-тест:

• Эту кнопку с призывом к действию легко пропустить.
• Текстовые блоки справа делают эту страницу пугающей для чтения.
• Форма из 9 полей может отпугнуть посетителей от этой страницы.
• Кнопка «Поделиться» в Twitter позволяет потенциальным клиентам покинуть страницу. Что, если ваш посетитель поделился страницей, но не вернулся на страницу и не зарегистрировался?

15. LinkedIn

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах предложения.
• Изображение дает представление о том, на что на самом деле похоже использование продукта.
• Текст разделен на более мелкие, удобочитаемые части.
• Кнопка «Автозаполнение через LinkedIn» позволяет посетителям заполнить форму простым щелчком, вместо того, чтобы заполнять эту длинную форму.

Что проводить A / B-тест:

• «Отправить» столь же ленив и ничем не примечателен, как и CTA.
• Многочисленные исходящие ссылки , включая логотип LinkedIn и кнопки социальных сетей, предоставляют посетителям слишком много возможностей покинуть страницу без предварительной конвертации.
• Заголовок не дает явного преимущества. Он также использует жаргон, кто именно такие «искушенные маркетологи»?

16. Forrester Research

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Логотип с гиперссылкой дает посетителям возможность покинуть страницу, не скачивая отчет.
• Форма слишком длинная для целевой страницы бесплатного отчета после клика. Кроме того, все поля формы обязательны, что добавляет трение к странице.
• Копия написана с точки зрения компании с использованием местоимения «наш». Копию следует заменить ориентированной на клиента копией с описанием того, почему отчет полезен для посетителей.

17. Microsoft

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Этот логотип , связанный с домашней страницей, может увести пользователей со страницы, прежде чем они успеют нажать на кнопку с призывом к действию.
• Заголовок «Интеллектуальная безопасность: использование машинного обучения для обнаружения сложных кибератак» не дает четкого представления о преимуществах. Однако это может быть со словами «Как сделать» перед ним. «Интеллектуальная безопасность: как использовать…»
• Этот цвет кнопки CTA можно изменить, чтобы привлечь больше внимания.
• Исчезающие серые метки внутри полей формы могут раздражать и сбивать с толку потенциальных клиентов, как показывают исследования.

18.GEICO

Что они сделали хорошо:

• Логотип без гиперссылок не позволит посетителям покинуть страницу.
• Очень короткая форма с одним полем запрашивает только почтовый индекс и собирает дополнительную информацию позже в процессе.
• Копия кнопки CTA адаптирована к предложению.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.

Что проводить A / B-тест:

• Заголовок «Посмотрите, насколько ярче может стать ваш день» не приносит ощутимой пользы. Тем не менее, все мы знаем GEICO достаточно хорошо, чтобы знать их слоган «15 минут могут сэкономить вам 15% или больше на страховании автомобиля» до такой степени, что брендинг заполняет для нас пробелы.

19. PayPal

Что они сделали хорошо:

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

Что проводить A / B-тест:

• CTA «Загрузить сейчас» не так адаптирован к предложению, как мог бы.
• Изображение текст не читается.
• Логотип связан с домашней страницей, что позволяет потенциальным клиентам покинуть целевую страницу после клика без конвертации.

20. Джефф Буллас

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

21. Алекса

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Копия разделена на удобоваримые куски для удобства чтения.
• Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
• Три взаимодействующих CTA работают вместе, чтобы конвертировать потенциальных клиентов в разных местах на странице.
• Логотип Amazon соотносит Alexa с мощным, хорошо известным брендом.
• Подчеркнуты особенности продукта , что обычно недопустимо, но равно как и их соответствующие преимущества.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
• Текст «Начни менее чем за 10 минут» подчеркивает мгновенное решение, к которому мы, как нетерпеливый коллектив, стремимся.

Что проводить A / B-тест:

• Больше белого пространства позволит каждому элементу целевой страницы после клика «дышать» больше и привлечь еще больше внимания к призыву к действию.

22.HubSpot

Что они сделали хорошо:

• Короткие абзацы и маркированная копия упрощают просмотр этой страницы.
• Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
• Несколько CTA работают вместе, чтобы убедить потенциальных клиентов совершить конверсию.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.

Что проводить A / B-тест:

• CTA «Продолжить» мог бы быть более убедительным.
• Кнопки социальных сетей дают людям точку выхода на целевой странице после клика.

23. Microsoft

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Слово «сейчас» в CTA использует наше стремление к мгновенному удовлетворению.

Что проводить A / B-тест:

• Уровень детализации этой страницы можно было бы уменьшить.
• Копию кнопки CTA можно персонализировать в соответствии с предложением.

24. WordStream

Что они сделали хорошо:

• Заголовок носит творческий характер, потенциально предлагая малоизвестное секретное решение, отличное от обычного.
• Упавшая шахматная фигура служит наглядным пособием, указывая на кнопку CTA.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Копия дразнит содержание руководства.
• Слово «бесплатно» основано на нашем желании получить что-то бесплатно.

Что проводить A / B-тест:

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

25. Судан Патель

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

26. Наемный

Что они сделали хорошо:

• Заголовок «Охватите 4000 компаний за один раз» дает явную выгоду.
• Зеленая кнопка CTA появляется на белой форме.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Краткая форма упрощает регистрацию.
• «Бесплатная» природа услуги подчеркнута в подзаголовке.
• Диапазон заработной платы , указанный в подзаголовке, выше среднего даже на нижнем уровне.

Что проводить A / B-тест:

• Меню навигации и логотип с гиперссылкой позволяют потенциальным клиентам слишком легко покинуть страницу.

27. Birst

Чем хороша эта страница:

• Первая строка текста относится к посетителям страницы, задавая им вопрос, на который они, вероятно, ответят «да».
• Маркированная копия дает посетителям представление о том, что они узнают, прочитав отчет.
• Кнопка CTA цвета выделяется на белом фоне.
• Слово «сейчас» в CTA использует желание посетителей получить мгновенное удовлетворение.Если вы нажмете кнопку, вы сразу же прочтете отчет.

Что проводить A / B-тест:

• Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
• Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Выделите его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
• Светло-серые метки в каждом поле формы могут расстроить посетителей, когда они исчезнут.

28. Domo

Что они сделали хорошо:

• Отзывы счастливых клиентов служат социальным доказательством.
• Цвет кнопки CTA появляется со страницы.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.

Что проводить A / B-тест:

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

29. Salesforce

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Минимальный текст упрощает просмотр этой страницы.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
• Значки безопасности сообщают потенциальным клиентам, что их информация в безопасности.
• Слово «сейчас» в CTA подчеркивает наше стремление к мгновенному удовлетворению.

Что проводить A / B-тест:

• Этот CTA действительно легко пропустить, так как он лишь немного отличается по оттенку от формы.
• Загруженный нижний колонтитул с картой сайта и кнопками социальных сетей позволяет потенциальным клиентам покинуть страницу без конвертации.
• Копию кнопки CTA следует изменить на что-то более персонализированное.

30. Indeed Crowd

Что они сделали хорошо:

• Заголовок дает посетителю явную выгоду: получать деньги за ссылку на кандидата, которого наняли.
• Минимальный беглый текст упрощает просмотр этой страницы.
• Совместные призывы к действию работают вместе, чтобы преобразовать посетителя.
• Копия подчеркивает гибкость и простоту использования.Регистранты могут заработать дополнительные деньги, когда захотят.
• Снимок экрана , показывающий четырехзначное вознаграждение за привлечение потенциальных клиентов, побуждает их совершить конверсию.
• Форма с одним полем упрощает преобразование для потенциального клиента.

Что проводить A / B-тест:

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

31. Upwork

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Изображение в правом верхнем углу никак не связано с содержанием целевой страницы после клика.
• Форма с 8 полями может заставить людей покинуть страницу.
• Цвет кнопки с призывом к действию не выделяется на фоне страницы, на которой уже много фиолетового цвета.
• CTA «Регистр» ничем не примечателен, и его можно было бы увеличить.

32. IBM Marketing Cloud

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс.
• Цвет кнопки CTA контрастирует с ее формой.
• Изображение служит визуальным представлением предложения.

Что проводить A / B-тест:

• CTA «Отправить» не может быть более ничем не примечательным.

33. HubSpot

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.

Что проводить A / B-тест:

• Логотип HubSpot связан с их домашней страницей, что обеспечивает легкий доступ со страницы и может уменьшить количество конверсий для бесплатной оценки.
• Длинная форма может отпугнуть потенциальных клиентов от этой страницы, прежде чем они конвертируются.

34. Dreamforce

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах преобразования.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.

Что проводить A / B-тест:

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

35. Capital One

Что они сделали хорошо:

• Заголовок четко передает ценность предложения.
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Совместные CTA помогают преобразовать потенциального клиента в двух разных местах на странице.

Что проводить A / B-тест:

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

36. WordStream

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу.
• Политика конфиденциальности отсутствует, , что может заставить посетителей задаться вопросом: «Что WordStream будет делать с моей информацией, если я ее отправлю?»

37. Marketo

Что они сделали хорошо:

• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• Минималистичный нижний колонтитул не отвлекает от предложения.

Что проводить A / B-тест:

• CTA «Загрузить» примерно так же неинтересно, как кажется.
• Заголовок можно было бы сформулировать так, чтобы передать более сильную выгоду.

38. Автопилот

Что они сделали хорошо:

• Заголовок этого тематического исследования предлагает ценный ресурс: подробный анализ того, как Instapage принес доход в размере 30 тысяч долларов за два месяца.
• Этот CTA написан от первого лица.
• Изображения очеловечивают докладчиков.
• Маркированная копия сообщает о преимуществах посещения вебинара.
• Названия докладчиков демонстрируют их опыт.
• Таймер обратного отсчета усиливает дефицит.

Что проводить A / B-тест:

• Speaker bios может содержать немного больше деталей, чтобы убедить посетителей прийти.

39. Он 24

Что они сделали хорошо:

• Заголовок предлагает посетителям узнать малоизвестные «секреты», которые помогут им увеличить количество регистраций на вебинары.
• Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.

Что проводить A / B-тест:

• Цвет кнопки CTA уже используется на странице, поэтому ее легко пропустить.
• Нижний колонтитул навигации не имеет никакого смысла на целевой странице после клика.

40. Домо

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Копирование, разделенное на небольшие фрагменты делает чтение этой страницы менее утомительным.
• Цвет кнопки с призывом к действию появляется на фоне этой формы.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.

Что проводить A / B-тест:

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

41. Пользовательское тестирование

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Заголовок мог бы передать более сильную выгоду.
• Политика конфиденциальности или значки доверия могут сделать посетителей более удобными при конвертации.

42. ACT

Что они сделали хорошо:

• Логотип не связан с главной страницей, что означает, что посетители не могут уйти, пока не совершат конверсию.
• Текст позволяет предварительно просмотреть содержимое электронной книги.

Что проводить A / B-тест:

• Этот заголовок вообще не несет никакой выгоды.
• Два призыва к действию снижают конверсию друг друга.
• Тонны текста делают эту страницу пугающей для чтения.

43. Университет Вилланова

Что они сделали хорошо:

• Логотип Виллановы не содержит гиперссылок, что удерживает посетителей на странице и фокусирует внимание на цели целевой страницы после клика.
• Индикатор выполнения показывает, на каком шаге в данный момент находится посетитель и сколько всего шагов включено в процесс преобразования.
• Значки органов власти рекламируют программу.
• Маркированная копия быстро расскажет о преимуществах регистрации.

Что проводить A / B-тест:

• Изображение на самом деле не передает преимущества онлайн-программы MBA Виллановы.
• CTA-кнопка совсем не похожа на кнопку, а выглядит как простой индикатор выполнения.Где потенциальные клиенты должны щелкнуть, чтобы продолжить процесс регистрации?

44. WordStream

Что они сделали хорошо:

• Слово «бесплатно» появляется на двух разных целевых страницах после клика, подчеркивая бесплатный характер предложения.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Слово «сейчас» в CTA подчеркивает наше желание получить немедленные решения наших проблем.
• Маркированная копия быстро сообщает о преимуществах преобразования.

Что проводить A / B-тест:

• Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу без конвертации.
• Два разных связанных логотипа в заголовке служат для исходящих выходов со страницы.

45. Microsoft Power BI

Что они сделали хорошо:

• Заголовок приносит пользу посетителю.
• Копия усиливает ценность, представленную в заголовке, утверждением: «Анализ данных — это профессиональный атрибут, на который есть высокий спрос. Фактически, это один из 10 лучших навыков, которые сегодня ищут многие компании ».
• Маркированная копия объясняет преимущества загрузки электронного журнала.
• Полужирные буквы создают визуальную иерархию, привлекающую внимание к важным фразам.
• Ссылки на политику конфиденциальности и товарные знаки включены в качестве ресурса для любопытных потенциальных клиентов, но они также имеют тусклый цвет, чтобы не отвлекать внимание от более важных элементов страницы.

Что проводить A / B-тест:

• Два логотипа с гиперссылкой в верхнем колонтитуле и один в нижнем колонтитуле привлекают пользователей на домашнюю страницу до того, как они успеют совершить конверсию.
• Светло-серые метки в полях формы могут запутать и расстроить потенциальных клиентов, как показывают исследования.

46. Marketo

Что они сделали хорошо:

• Логотип, не связанный с главной страницей , не позволяет потенциальным клиентам уйти без конвертации.
• Заголовок «Как сделать» дает читателю очевидную пользу.
• Содержание относится к читателю.
• Беглый текст с маркированными точками упрощает просмотр этой страницы.
• Текст «Загрузите электронную книгу, чтобы узнать больше» с соответствующими стрелками направляет взгляд посетителей к форме.
• Инструкции в форме позволяют людям точно знать, как получить электронную книгу.

Что проводить A / B-тест:

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

47. Google Cloud Platform

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Логотип в верхнем левом углу является гиперссылкой на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
• Загруженный нижний колонтитул позволяет посетителям покинуть страницу без преобразования.

48. Shopify

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

49. Перколат

Что они сделали хорошо:

• Цвет кнопки CTA хорошо контрастирует с белой страницей.
• Несколько взаимодействующих кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
• Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
• Контент размером с укус упрощает чтение этой страницы, чем если бы она была покрыта текстом блока.
• Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.

Что проводить A / B-тест:

• Многочисленные ссылки в верхнем и нижнем колонтитулах служат выходами со страницы, позволяя потенциальным клиентам уйти, прежде чем они совершат конверсию.
• Подзаголовок утверждает, что Percolate является платформой для контент-маркетинга №1 в мире, но где доказательства? Подобные фразы на самом деле действуют прямо противоположно тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
• Эти отзывы предоставлены безымянными клиентами. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.

50. SAP

Что они сделали хорошо:

• Нет навигации означает, что не видно выхода со страницы.
• Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.

Что проводить A / B-тест:

• Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
• Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?

51. Whitman Syracuse University

Что они сделали хорошо:

• Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
• Маркированная копия сообщает о преимуществах участия в программе.

Что проводить A / B-тест:

• Цвет кнопки CTA позволяет легко пропустить эту кнопку.
• В заголовке отсутствует четкое уникальное торговое предложение.

52. Академия онлайн-торговли

Что они сделали хорошо:

• Заголовок обращается к читателю, играя с его желаниями: они хотят зарабатывать деньги, которые мог бы получить трейдер с Уолл-стрит, не будучи таковым или не становясь им благодаря длительному, продолжительному формальному образованию.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
• Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента.
• Эта кнопка с призывом к действию цвета привлекает внимание потенциальных клиентов.
• Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
• Телефонный номер является интерактивным, что позволяет потенциальным клиентам легко связаться с Академией онлайн-торговли, если у них возникнут вопросы.

Что проводить A / B-тест:

• Ссылки в социальных сетях внизу страницы отвлекают пользователей от достижения цели страницы.

53. Колониальная жизнь

Что они сделали хорошо:

• Изображение показывает посетителям, что они получат, когда совершат конверсию.
• Статистика в экземпляре доказывает, что работодателям трудно удерживать талантливых специалистов, и объясняет, почему им следует читать электронную книгу.
• Маркировка предварительный просмотр содержания 24-страничной электронной книги.
• Подзаголовок подчеркивает, что электронная книга бесплатна.
• Поле согласия не отмечено, что позволяет посетителям выбирать для себя, хотят ли они получать дополнительный контент от Colonial Life, а не просто выбирать их по умолчанию.

Что проводить A / B-тест:

• Ссылки в заголовке уводят посетителей со страницы на домашнюю страницу и профили в социальных сетях.
• Копия кнопки «отправить» не привлекает пользователей к заполнению формы.
• Кнопка CTA крошечная и едва заметная.

54. Ориби

Что они сделали хорошо:

• Заголовок и подзаголовок вместе передают преимущество преобразования.
• Изображение дает представление о том, как на самом деле выглядит приборная панель.

Что проводить A / B-тест:

• Кнопка с призывом к действию синего цвета с логотипом Facebook, поэтому для остальной части страницы может быть полезно обновление цвета, отличное от кнопки. В результате будет лучше контраст между кнопкой и страницей.
• Слово «бесплатно» здесь действительно недооценено. Если вы предлагаете что-то бесплатно, дайте потенциальным клиентам об этом знать жирным шрифтом — в заголовке, тексте и призыве к действию.
• Блог и О нас ссылки дают посетителям возможность покинуть страницу.

55. FireEye

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах предложения.
• Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.

Что проводить A / B-тест:

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

56. Nutanix

Что они сделали хорошо:

• Маркированная копия дает посетителям представление о том, что они получат в отчете.
• Минимальный текст делает страницу удобной для чтения.

Что проводить A / B-тест:

• Этот заголовок слишком эгоцентричен. Это не приносит никакой пользы посетителю.
• Заглавные буквы в форме, завершенные восклицательным знаком, заставляют читателя чувствовать, что на них кричат. Вы не можете заставить их прочитать форму, но можете убедить их сделать это.
• Форма из 7 полей может запугать потенциальных клиентов и заставить их покинуть страницу.
• Цвет кнопки с призывом к действию не выделяется на странице, на которой уже есть изрядное количество синего цвета.

57. MapR

Что они сделали хорошо:

• Короткая форма упрощает преобразование на этой странице.
• Маркированная копия быстро демонстрирует преимущества преобразования.

Что проводить A / B-тест:

• CTA «Отправить» настолько же лишен воображения, насколько и кажется.
• Этот заголовок мог бы передать больше пользы.
• Представление ораторов кажется неполным без хедшотов.

58. TapClicks

Что они сделали хорошо:

• Слово «бесплатно» в этом заголовке сообщает людям, что предложение предоставляется бесплатно.То же самое и с текстом «Кредитная карта не требуется» в подзаголовке.
• Копия «Начни через 30 секунд» сообщает посетителю, что начать пробную версию быстро и легко.

Что проводить A / B-тест:

• Логотип, связанный с главной страницей , позволяет посетителям легко покинуть эту страницу.
• Отсутствие содержания делает маловероятным, что посетители заполнят эту форму.
• Форма из 9 полей может заставить посетителей быстро покинуть эту страницу.
• Светло-серые ярлыки формы могут расстроить посетителей, когда они исчезают, когда посетители щелкают внутри каждого отдельного поля.
• Цвет кнопки с призывом к действию сливается со страницей, делая саму кнопку почти невидимой.
• Призыв к действию «Отправить» не вызывает у посетителей энтузиазма по поводу конверсии.

59. Apttus

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Маркированная копия быстро демонстрирует преимущества преобразования.
• Отзывы добавляют доверия к этому предложению.

Что проводить A / B-тест:

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

60. ThriveHive

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

61. InsideSales.com

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.

Что проводить A / B-тест:

• Загруженный нижний колонтитул со ссылками на другие веб-страницы позволяет потенциальным клиентам покинуть страницу.
• CTA-копия может повысить коэффициент конверсии за счет использования персонализированной копии. «Загрузите My Ebook» или «Получите My Ebook» потенциально могут конвертировать с более высокой скоростью.

62.Вантив

Что они сделали хорошо:

• Маркированная копия быстро передает преимущества предложения.
• Кнопка CTA выделяется на белом фоне.

Что проводить A / B-тест:

• Копия кнопки «отправить» не вызывает у читателя энтузиазма при конвертации.
• Заголовок не захватывает читателя. Это не приносит никакой пользы.
• Все поля формы являются обязательными, что может привести к тому, что посетители приостановят загрузку электронной книги. Мы понимаем, требуются ли имя и адрес электронной почты, но необходимы ли организация и номер телефона для отправки посетителям электронной книги Vantiv?

63. Городской дирижабль

Что они сделали хорошо:

• Короткая форма упрощает преобразование на этой странице.
• Маркированная копия быстро сообщает о преимуществах предложения.

Что проводить A / B-тест:

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

64. WalkMe

Что они сделали хорошо:

• Заголовок и подзаголовок передают явное преимущество.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Призыв к действию подчеркивает бесплатное предложение.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.

Что проводить A / B-тест:

• Добавление белого пространства и разрешение каждому элементу «дышать» действительно поможет максимизировать их внимание и убедить потенциальных клиентов начать работу с WalkMe.
• Увеличение размера кнопки CTA может вызвать больше кликов (хотя добавление большего количества пробелов вокруг текущего CTA также поможет в этом).

65. AdEspresso University

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Основная кнопка с призывом к действию «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение, только если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.

66.Kentico

Что они сделали хорошо:

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

Что проводить A / B-тест:

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

67. Поразительно

Что они сделали хорошо:

• Заголовок сообщает о явном преимуществе.
• Регистрация в один клик упрощает преобразование.
• Логотипы известных компаний связывают этот бренд с надежными предприятиями.
• Копия «за секунды» использует наше стремление к немедленному удовлетворению.

Что проводить A / B-тест:

• В разделе часто задаваемых вопросов есть ссылки для выхода в центр поддержки и страницу с ценами, которые уводят посетителя с целевой страницы после клика.

68. LabTech

Что они сделали хорошо:

• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• Маркированный текст позволяет посетителям быстро узнать, что они получат, посетив Roadshow ConnectWise.

Что проводить A / B-тест:

• Заголовок не указывает на явную выгоду.
• «Зарегистрируйтесь сейчас» — это скучный призыв к действию.
• Ссылки на карты мест проведения роуд-шоу позволяют потенциальным клиентам слишком легко уйти со страницы.
• Длинная форма делает обращение здесь устрашающим.

69. DigitalMarketer

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс.
• Сверхкороткая , однопольная форма упрощает преобразование.
• Некоторая копия под формой обеспечивает конфиденциальность.

Что проводить A / B-тест:

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

70. Инклинг

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс.
• Маркированная копия быстро сообщает о преимуществах предложения.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Слово «сейчас» в CTA подчеркивает наше врожденное стремление к мгновенному удовлетворению.

Что проводить A / B-тест:

• Ссылки на социальные сети позволяют потенциальным клиентам покинуть страницу без конвертации.
• Поля раскрывающейся формы не помечены, что может сбивать с толку.

71. УДАР

Что они сделали хорошо:

• Заголовок сообщает о выгоде.
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Слово «Сейчас» в CTA подчеркивает мгновенную выгоду от нажатия.
• Изображение служит визуальным представлением предложения.
• Стрелка действует как наглядное пособие, направляя взгляд потенциальных клиентов к кнопке CTA.

Что проводить A / B-тест:

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

72. Наниган

Что они сделали хорошо:

• Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
• Выгода от конвертации (заработок 7 тысяч долларов) выделена на странице.
• Копия разбита на легко читаемые части, которые шаг за шагом объясняют, как заработать 7000 долларов, указанных на целевой странице после клика.
• Два взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента в разные места на странице.
• Логотипы компаний демонстрируют известные бренды, которые уже использовали эту услугу.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.

Что проводить A / B-тест:

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

73. Простые измерения

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс: прогнозы экспертов, которые позволят вам начать планирование на 2027 год.
• Маркированная копия быстро сообщает о преимуществах загрузки руководства.
• Цвет кнопки с призывом к действию больше нигде на этой странице не используется, и он привлекает внимание на белом фоне.

Что проводить A / B-тест:

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

74. Маховик

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс: полное руководство по управлению 50+ сайтами WordPress.
• Изображение дает представление о том, на что на самом деле похоже чтение ресурса.
• Цвет кнопки CTA появляется на синем фоне.
• Два взаимодействующих CTA работают вместе, чтобы преобразовать потенциального клиента.

Что может быть протестировано AB:

• CTA «Загрузить» не вызовет у потенциальных клиентов восторга от заявки на предложение.

75. Фитнес одиночный разряд

Что они сделали хорошо:

• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
• Маркированная копия быстро сообщает о преимуществах регистрации.

Что проводить A / B-тест:

• CTA «Продолжить» не вызовет у потенциального клиента энтузиазма по поводу регистрации.
• Цвет кнопки CTA позволяет легко пропустить эту кнопку.

76. MasterClass

Что они сделали хорошо:

• Заголовок использует авторитет известного сценариста Аарона Соркина для увеличения числа подписчиков.
• Кнопка CTA появляется с черной страницы.
• Липкая полоса позволяет красному призыву к действию «Take the Class» всегда быть доступным и готовым к нажатию.
• Видео быстро объясняет, почему этот курс того стоит.

Что проводить A / B-тест:

• Ссылки на другие страницы позволяют посетителям уходить без конвертации.

77. Tokyo Cheapo

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.

78. Salesforce

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах преобразования.
• Слово «сейчас» в призыве к действию подчеркивает наше стремление к мгновенному удовлетворению.

Что проводить A / B-тест:

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

79. Zurple

Что они сделали хорошо:

• В заголовке используются такие слова, как «эксклюзивный» и «бесплатный», чтобы соблазнить читателей.
• Минимальная копия делает эту страницу удобной для чтения.
• Фотография показывает, как выглядит электронная книга.
• Маркированная копия позволяет предварительно просмотреть содержание книги.
• Логотипы компаний демонстрируют известные компании, которые используют Zurple по всей стране.

Что можно улучшить:

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

80. Adaptiva

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Ссылка «домой» и логотип уводят пользователей со страницы, прежде чем они успеют нажать кнопку CTA.
• Отсутствие содержания на этой странице означает, что посетители не знают о преимуществах загрузки отчета.
• «Отправить» как CTA не заставит многих потенциальных клиентов скачать.

81. Серена

Что они сделали хорошо:

• Слова, выделенные жирным шрифтом , создают визуальную иерархию, привлекая внимание к важным фразам.
• Ориентированная на выгоду копия описывает преимущества выбора Серены.

Что проводить A / B-тест:

• Заголовок слишком сфокусирован на «мне» и не очень хорошо подчеркивает пользу для читателя. Почему потенциальные клиенты должны использовать Серену? Чего добились с этим другие предприятия?
• Термин ITSM используется на странице много раз, но потенциальному клиенту не совсем понятно, что он означает.
• Гиперссылка на логотип служит для посетителей выходом, прежде чем они обратятся к вам.
• Многочисленные исходящие ссылки в нижнем колонтитуле побуждают пользователей покинуть страницу.
• Значок PDF со стрелкой, направленной вниз, выглядит так, будто это может быть кнопка, и это может даже сбить с толку потенциальных клиентов, заставив их подумать, что это то, что им нужно щелкнуть, чтобы загрузить. Кроме того, даже если это не так, стрелка указывает на ссылки выхода в нижнем колонтитуле. Ваши визуальные подсказки должны направлять потенциальных клиентов к кнопке с призывом к действию, а не от нее.
• Призыв к действию не дает понять, что пользователю нужно щелкнуть, чтобы запросить отчет.Там написано «Щелкните здесь», но для чего?
• Кнопка с призывом к действию может больше походить на кнопку. Некоторое затенение по краям, чтобы придать ему трехмерный вид, или более закругленные углы могут сделать его более интерактивным.

82. Propel Marketing

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс.
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
• Слово «сейчас» основано на нашем стремлении к мгновенному удовлетворению.

Что проводить A / B-тест:

• CTA «Загрузить сейчас» слишком общий.
• Слишком много ссылок на социальные сети , которые могут увести посетителей со страницы.

83. Outskirts Press

Что они сделали хорошо:

• Заголовок дает сильное преимущество.
• Логотипы крупных компаний делают предложение более привлекательным, так как бренд ассоциируется с некоторыми известными компаниями.
• Этот CTA основан на нашем желании получить что-то даром, используя слово «бесплатно».

Что проводить A / B-тест:

• Несколько конкурирующих CTA работают друг против друга, рекламируя несколько предложений.

84. GKIC

Что они сделали хорошо:

• Заголовок цитирует известного копирайтера, который заработал миллионы долларов на написании кампаний прямой почтовой рассылки для больших и малых компаний, и предлагает ресурс всего за 11 долларов.
• Этот цвет кнопки CTA появляется на фоне этой страницы.
• Этот CTA написан от первого лица.
• Слово «сейчас» в CTA использует наше стремление к мгновенным решениям наших проблем.
• Изображение служит визуальным представлением предложения.

Что проводить A / B-тест:

• Дополнительная ссылка с призывом к действию, расположенная чуть ниже первой, может сбить с толку посетителей. На что они нажимают, чтобы получить предложение? Почему два рядом друг с другом?
• Меню навигации дает потенциальным клиентам возможность покинуть страницу перед преобразованием.

85. GrowthLab

Что они сделали хорошо:

• Заголовок передает явную выгоду, используя статистику, чтобы сделать ее еще более убедительной: «Это принесло 400,10 долларов.”
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• CTA написан от первого лица.
• Изображение служит визуальным представлением предложения.
• Краткая форма упрощает преобразование на этой странице.
• Фирменные логотипы крупных брендов повышают авторитет, объединяя эту компанию с надежными предприятиями.

Что проводить A / B-тест:

• Логотип с гиперссылкой позволяет потенциальным клиентам покинуть эту страницу перед конвертацией.

86. ProBlogger

Что они сделали хорошо:

• Заголовок и подзаголовок вместе обещают преимущество для тех, кто совершает конверсию: эксклюзивный доступ к 180 идеям сообщений в блогах, отправленных прямо на их почтовый ящик.
• CTA-кнопка «Да, пожалуйста» использует яркий цвет, чтобы привлечь внимание.
• Форма с двумя полями упрощает преобразование для потенциальных клиентов.

Что проводить A / B-тест:

• Желтый текст плохо читается на фоне страницы.
• Ярлыки в полях формы могут запутать и расстроить посетителей, как показывают исследования.

87. KlientBoost

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Все призывы к действию написаны от первого лица.
• Эти призывы к действию основаны на нашем желании получить что-то даром, используя слово «бесплатно» прямо в нем.
• Изображение служит визуальным представлением предложения.
• Дополнительные изображения позволяют заглянуть в руководство.
• Отзывы служат социальным доказательством, повышая доверие к предложению.

Что проводить A / B-тест:

• Копия «+1 бонусный трюк, который нельзя пропустить» окружена прямоугольником, что делает его похожим на кнопку, хотя на самом деле это не так. Подобный дизайн может запутать потенциальных клиентов и заставить их думать, что страница загружена не полностью или кнопка не работает.
• Исходящие ссылки в биографии Джонатана Дейна могут отводить трафик со страницы.

88. Ангельская терапия и университет Hay House

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах предложения.
• CTA основывается на нашем желании получить что-то даром, добавляя слово «бесплатно».
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.

Что проводить A / B-тест:

• Этот цвет кнопки CTA мог бы привлечь больше внимания.
• Занятый нижний колонтитул , содержащий ссылки на другие веб-страницы, позволяет потенциальным клиентам покинуть страницу до конверсии.
• Копию можно было бы укоротить, сейчас страница выглядит слишком перегруженной копией.

89. Skilljar

Что они сделали хорошо:

• Заголовок «Как сделать» дает явное преимущество.
• Нумерованная копия быстро передает преимущества загрузки.
• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• Изображение служит визуальным представлением предложения.

Что проводить A / B-тест:

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

90. Джейсон Свенк

Что они сделали хорошо:

• Заголовок «Как сделать» дает явное преимущество, связанное с мощной статистикой.
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• CTA написан от первого лица.

Что проводить A / B-тест:

• Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти, не конвертируясь.
• Текст «Куда мне отправить ваше видео» кажется ненужным, копии кнопки CTA кажется достаточным.

91. 180fusion

Что они сделали хорошо:

• Значки от Google, Inc 500 и Yahoo объединяют 180fusion с некоторыми влиятельными брендами.
• Отзывы рассказывают о преимуществах работы с этим агентством.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.

Что проводить A / B-тест:

слово

• «Занятость» этой страницы привлекает взгляды потенциальных клиентов со всех сторон. Куда же им смотреть со всеми красочными и привлекающими внимание элементами?
• Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти, не конвертируясь.

92. Linkfluencer

Что они сделали хорошо:

• Заголовок вопроса непосредственно привлекает читателя.
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• Несколько CTA работают вместе, чтобы конвертировать посетителей.

Что проводить A / B-тест:

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

93. Кашурба Веб-дизайн

Что они сделали хорошо:

• Заголовок тематического исследования предлагает пошаговое решение для поиска «высококлассных клиентов веб-дизайна».
• Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
• Цвет кнопки CTA появляется на белом фоне страницы.
• Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.

Что проводить A / B-тест:

• Большой кусок мелкого шрифта в нижнем колонтитуле может заставить потенциальных клиентов усомниться в обоснованности предложения.

94. Метод Флетчера

Что они сделали хорошо:

• Кнопку с призывом к действию здесь невозможно пропустить.
• Заголовок подчеркивает, что решение быстрое и простое.
• Изображение показывает потенциальным клиентам, что они получат, когда конвертируются.
• Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.

Что проводить A / B-тест:

• Заглавные буквы заставляет читателя почувствовать, что на него кричат. Он также кричит «продажный». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
• Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
• Что именно должны означать символы на кнопке CTA? Это стрелки?

95. Простые измерения

Что они сделали хорошо:

• Заголовок «Как сделать» — это классический способ дать понять, что читатель что-то узнает из предложения.
• Цвет кнопки CTA появляется со страницы.
• Минималистичный нижний колонтитул не отвлекает от предложения.

Что проводить A / B-тест:

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

96. Связанные продажи

Что они сделали хорошо:

• Маркированная копия быстро сообщает о преимуществах преобразования.
• Два совместных призыва к действию работают вместе, чтобы убедить потенциальных клиентов совершить конверсию.
• Оба CTA написаны от первого лица.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Таймер предупреждения и обратного отсчета использует дефицит для увеличения конверсии.

Что проводить A / B-тест:

• Добавление биографии докладчиков могло убедить посетителей записаться на семинар.
• Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.

97. Даторама

Что они сделали хорошо:

• Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
• Краткая форма не мешает посетителям предоставлять свою личную информацию.
• Пуленепробиваемая копия быстро передает преимущества преобразования.
• Яркая жирная кнопка CTA привлекает внимание потенциальных клиентов.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
• Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.

Что проводить A / B-тест:

• Заголовок сфокусирован на «мне», но он должен быть больше сфокусирован на посетителе и на том, как продукт решает их проблему.
• Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны учитывать нас.«Эта страница не о вас, а о вашем посетителе.

98. Sam Ovens

Что они сделали хорошо:

• Заголовок тематического исследования предлагает явное преимущество — подробный взгляд на то, как один человек получает 30-50 клиентов-консультантов каждый месяц.
• Цвет кнопки с призывом к действию появляется на фоне этой страницы.
• Кнопка большая , что привлекает к себе внимание потенциального клиента.
• CTA написано от первого лица: «Зарезервируйте место MY » вместо «Зарезервируйте ВАШЕ место ».”
• Слово «сейчас» в призыве к действию передает немедленную выгоду при нажатии кнопки.

Что проводить A / B-тест:

• Видео с автовоспроизведением , как было показано, снижает конверсию. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.

99. Лурн

Что они сделали хорошо:

• Заголовок сообщает о явных преимуществах, предлагая «удобное для новичков» предложение.
• Эта кнопка с призывом к действию, цвет , появляется со страницы, привлекая внимание потенциальных клиентов.
• Этот CTA написан от первого лица.
• Стрелка служит наглядным пособием, направляя взгляд потенциального клиента к кнопке с призывом к действию.
• Отзывы от известных людей усиливают убедительность этой целевой страницы после клика.
• Слово «бесплатно» подчеркивает бесплатный характер предложения.

Что проводить A / B-тест:

• Этот загруженный нижний колонтитул дает потенциальным клиентам слишком много способов покинуть страницу.

100. Класс интернет-маркетинга

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Ссылку на страницу контактов в нижнем колонтитуле можно заменить номером телефона или адресом электронной почты, чтобы потенциальные клиенты оставались на этой странице.
• Несколько форматов шрифтов затрудняет чтение этой страницы. Заголовок выделен красным жирным шрифтом, фраза выделена синим цветом, текст в маркированном тексте выделен жирным шрифтом и т. Д. Упрощение формата может устранить трение и удерживать посетителей на странице дольше, поощряя их к конверсии.

101. Больше клиентов Больше результатов

Что они сделали хорошо:

• Заголовок тематического исследования предлагает очевидное преимущество: пошаговое руководство по привлечению клиентов.
• Копия рядом с зелеными галочками передает преимущества просмотра видео.
• CTA написан от первого лица.
• Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
• Скриншоты показывают довольных клиентов.

Что проводить A / B-тест:

• Нижний колонтитул со ссылкой на домашнюю страницу позволяет потенциальным клиентам покинуть эту целевую страницу после клика.

102.Pepperdata

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Кнопка с призывом к действию может быть больше и включать персонализированную копию.
• Форма действительно длинная, учитывая, что это всего одна бесплатная глава из книги. Обязательны ли для этой страницы поля «Заголовок», «Роль» и «Телефон»?
• Занятый нижний колонтитул, заполненный ссылками , позволяет потенциальным клиентам покинуть эту страницу без преобразования.

103. Закон притяжения мира

Что они сделали хорошо:

• Цвет кнопки CTA привлекает внимание потенциальных клиентов.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
• CTA использует слово «бесплатно» и позволяет посетителям точно знать, где им нужно щелкнуть, чтобы получить предложение.

Что проводить A / B-тест:

• Заголовок сенсационен и абсолютно неправдоподобен. «Как получить все, что угодно»? Да правильно.
• Фоновое изображение создает впечатление, будто изображение парит в пространстве.Что общего у солнечной системы с электронной книгой?
• Кнопка «Мне нравится» в Facebook дает посетителям возможность покинуть страницу, прежде чем совершить конверсию, и никогда не вернуться.

104. Тренерская тактика футбола

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Заголовок в цитатах — почему?
• В этом призыве к действию используются убедительные слова, такие как «Бесплатно» и «Мгновенный доступ», но без глагола действия не совсем понятно, является ли большой желтый блок кнопкой, которую можно нажимать.Добавление такого слова, как «Получить» в начале этого слова, или фразы, например, «Настаивать», сделает ситуацию более очевидной для потенциального клиента.

105. Midas Media

Что они сделали хорошо:

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

Что проводить A / B-тест:

• Поля формы можно переупорядочить, чтобы добавить к визуальной иерархии страницы и центрировать кнопку CTA.

106. Infusionsoft

Что они сделали хорошо:

• Заголовок предлагает ценный ресурс и использует слово «бесплатно».
• Маркированная копия быстро сообщает о преимуществах преобразования.
• Этот CTA написан от первого лица.
• Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
• Краткая форма упрощает преобразование на этой странице.

Что проводить A / B-тест:

• Ссылки на социальные сети позволяют посетителю покинуть страницу, что никогда не способствует конверсиям.

107. Членство Мастера сайта

Что они сделали хорошо:

• Не кликабельный логотип позволяет посетителям сосредоточиться на конверсии.
• Телефонный номер в правом верхнем углу страницы дает людям возможность связаться с компанией, не покидая страницы.
• Предложение — это «окончательный список» со 114 нишевыми идеями. Список из 20 — это хорошо. Список из 50 лучше. 114 звучит даже более ценно для читателя.
• Вопрос «Ищете идею ниши для членского сайта?» напрямую обращается к читателю.
• Маркированная копия подчеркивает преимущества преобразования.
• Несколько кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
• Текст в форме позволяет людям узнать, куда ведет ссылка и сколько времени потребуется, чтобы она туда попала.
• CTA-кнопка под формой написана от первого лица.
• Форма с двумя полями упрощает преобразование для посетителей.

Что проводить A / B-тест:

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

108. Формула социального масштабирования

Что они сделали хорошо:

• Заголовок вопроса привлекает читателя.
• Экземпляр обещает раскрыть тайну.
• Цвет кнопки с призывом к действию хорошо контрастирует с остальной частью страницы.
• Призыв к действию написан от первого лица.

Что проводить A / B-тест:

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

109. StubGroup

Что они сделали хорошо:

• Заголовок передает сильное преимущество и использует слово «бесплатно».
• Маркированная копия подчеркивает быстрые и легкие преимущества получения предложения.
• Цвет кнопки CTA появляется на фоне формы.
• Это поясняющее видео быстро описывает услугу простым языком.
• CTA извлекает выгоду из нашего врожденного желания получить что-то даром, используя слово «бесплатно.”
• Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.

Что проводить A / B-тест:

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

110. Сброс воина

• Кнопку с призывом к действию легко обнаружить.
• Форма с тремя полями упрощает преобразование.
• Заголовок подчеркивает бесплатное предложение.

Что проводить A / B-тест:

• Заголовок, состоящий только из заглавных букв, и призыв к действию читаются так, как будто они кричат ​​на потенциального клиента.
• Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
• Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
• Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов, прежде чем они успеют совершить конверсию.

Насколько оцениваются ваши целевые страницы после клика?

Совершали ли вы какие-либо ошибки, допущенные указанными выше брендами? Как выглядят ваши целевые страницы после клика в сравнении?

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

30 лучших примеров целевых страниц для кражи и прибыли от

Ищете примеры целевых страниц?

Целевая страница, вероятно, одна из самых важных страниц вашего веб-сайта.

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

И все же… создать целевую страницу с высокой конверсией — непросто.

Есть и так много элементов, которые нужно правильно разобрать: копия, дизайн, изображения, структура и так далее.Это невероятно сложно.

Хорошая новость в том, что вам не нужно разрабатывать целевые страницы с нуля.

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

Я выделил 30 различных целевых страниц, которые можно «украсть» и от которых можно почерпнуть вдохновение.

Наслаждайтесь.

30 примеров целевых страниц, которые можно смоделировать после

Что хорошо сделано

• Ориентация на перспективу ясна.Заголовок и подзаголовок явно нацелены на новичков, поскольку наиболее продвинутые маркетологи и предприниматели знают, что такое список адресов электронной почты.
• Выгода очевидна — если вы подпишетесь, он научит вас, как получить первых 100 подписчиков.
• Зеленая кнопка CTA контрастирует с синим фоном и выделяет его.
• Социальное доказательство внизу работает для установления доверия — NBC News, ESPN, Lifehacker и Moz — огромные авторитетные сайты.

Что можно было проверить / улучшить

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

Экспертный анализ

«Текст основного заголовка короткий и убедительный, с подзаголовком, который выполняет тяжелую работу (рискуя звучать как кликабельность). Цвет и шрифт CTA кажутся правильными, и их не так много, чтобы отвлечь посетителя. Социальное доказательство с логотипами — это хорошо, но его можно расширить, добавив отзывы реальных пользователей. Основной текст объясняет преимущества, но может быть разбит на разделы для лучшего понимания.Наконец, разница между хорошим первым впечатлением и отличным сводится к более тонким аспектам. Используйте логотипы с лучшим разрешением! »

Что хорошо сделано

• Обещание «запустить свой первый веб-сайт через 30 дней» является сильным, граничащим с немного «невероятным», но вызывает большое любопытство.
• Слово «бесплатный» заманчиво. Учитывая, что промышленность взимает тысячи долларов за переработанную информацию, бесплатный месячный курс является интересным.

Что можно было проверить / улучшить

• Я бы, наверное, рассказал лучшую, более эмоциональную историю.Текущая история в настоящее время кажется слишком «обычной» и «размытой» и не кажется, что она обращена непосредственно к аудитории.

Экспертный анализ

«Мне нравится использование« да каскад »в первом разделе под отрядом героя. Третий вопрос мог бы быть более эффективным. Вместо того, чтобы вызывать чувство неуверенности с помощью «Мечты о создании собственного дела, но не знаете, как этого добиться», спросите : «Готовы взять на себя ответственность за свою карьеру, открыв собственное дело?» »

«Вопрос о принятии на себя ответственности имеет смысл как мотиватор для тех, кто борется за свое карьерное направление.

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

Что хорошо сделано

• Слово «бесплатно» заманчиво.Курс стоимостью 197 долларов раздается бесплатно? Запишите меня!
• Мне нравится использование «197 долларов». Это сообщает потенциальному клиенту, какую ценность он или она ожидает получить при регистрации.
• «Удвойте количество потенциальных клиентов в следующие 90 дней» — хороший заголовок, который передает явную выгоду с хорошей специфичностью.
• Мне нравится, как они четко изложили, что получат потенциальные клиенты, если они подпишутся. Полностью прозрачный, без хз.
• Раздавать контент без согласия — интересная концепция.

Что можно было проверить / улучшить

• Они могут протестировать удаление кнопки «Нравится» в Facebook рядом с логотипом Drip, чтобы сократить количество действий, которые могут совершать пользователи.

Экспертный анализ

«Удвойте свои потенциальные возможности в течение следующих 90 дней с помощью этого полного руководства для новичков по капельнице (стоимость 197 долларов США, БЕСПЛАТНО)» должен появиться над «Начало работы с капельницей», и с более толстым шрифтом. Он передает более полезную информацию о том, что делает Drip, и поэтому должен в первую очередь привлекать внимание, чтобы удерживать внимание при приземлении пользователя.

«Я бы также перефразировал его на« БЕСПЛАТНОЕ полное руководство по капельнице для новичков (стоимостью 197 долларов) », исходя из того, что в первую очередь заинтересует читателей.

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

Раздел «Что вы найдете в своем курсе» хорошо написан, краток, но информативен.Формат контрольного списка и выделенные ключевые слова очень хорошо подходят для передачи легко усваиваемой информации.

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

«В разделе « Почему мы создали этот курс из 11 частей » текст с намерением является фантастическим, но если бы это был кусок текста, он ухудшал читаемость.

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

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

• Вейцин Тан , аналитик по маркетингу и убеждению, PlusMargin

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы протестировал видео, а не видео. У людей мало времени, и они могут не захотеть смотреть видео, пока не сделают выбор.
• Я бы протестировал новый набор заголовков. Формулировка «вовлечение без усилий» больше подходит для компании, занимающейся социальными сетями, чем для компании, обучающей навыкам знакомств.

Экспертный анализ

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

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

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

• Том Осман , основатель, The Growth People

5. MeetEdgar

Что хорошо сделано

• Фантастический заголовок. MeetEdgar хорошо знает их перспективы и понимает, что люди скептически относятся к рентабельности инвестиций в социальные сети. Он рассматривает их возражения и описывает их проблему одним утверждением.
• Я люблю обещание. «Экономия времени» — большое преимущество, которое нравится каждому.
• Красная кнопка CTA выделяется на синем фоне.

Что можно было проверить / улучшить

• Я бы протестировал наличие дополнительной копии, ведущей в CTA. Из предыдущей копии не очевидно, что после регистрации они увидят, как это работает.

Экспертный анализ

«Все, что я здесь предлагаю, нужно протестировать. Трудно сказать, не оценив существующие данные, но у меня есть несколько гипотез:

«Как правило, целевая страница не должна предоставлять доступ к остальной части веб-сайта.Это самостоятельный пункт назначения. Пользователь получает то, что ему нужно — что бы это ни было — например, демонстрацию продукта или подписку на веб-семинар, электронную книгу или, в данном случае, чтобы узнать, «как это работает», в обмен на данные посетителя (например, адрес электронной почты и т. Д.) .)

«Опасность здесь в том, что навигационные ссылки предоставляют посетителю возможность покинуть целевую страницу без их конвертации. Исследования ConversionXL показывают, что удаление навигационных ссылок из середины целевых страниц воронки приводит к росту конверсий на 16% и 28%, в то время как в верхней части целевых страниц конверсии наблюдается незначительное увеличение коэффициента конверсии на 0–4%.

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

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

«Вот еще несколько мыслей, которые пришли в голову:

– 1. Используйте липкую панель навигации: «Липкая» панель навигации может помочь людям изучить «Эдгар» удобным и контролируемым образом.Людям нравится изучать веб-сайты, не чувствуя, что они теряют контроль. Даже если они никогда не используют панель навигации, она все равно может положительно повлиять на общее впечатление. Отсутствие контроля может потенциально вызвать чувство стресса, которое может заставить людей покинуть сайт и, следовательно, увеличить показатель отказов. (Подумайте об аналогии с GPS в вашей машине)

“ 2. Добавьте основной призыв к действию на панель навигации: В зависимости от основной цели, которую должен выполнить посетитель, Эдгар также может добавить основной призыв к действию на панель навигации, и в идеале он должен находиться в отчетливый цвет.

“ 3. Мне нравится, как на веб-сайте отображаются точные показатели того, как Эдгар привлекает больше просмотров. Я предполагаю, что они могли бы еще больше усилить это, показывая эти элементы интерфейса своего продукта, чтобы в дальнейшем передать эту информацию посетителю.

“ 4. Мне нравится раздел FAQ. Хорошо всегда помнить о своей персоне и о том, какие вопросы у них могут возникнуть по поводу продукта. Раздел часто задаваемых вопросов может быть отличным местом для их облегчения, например

— Что такое Эдгар?

— Что с этим делать?

— Что-нибудь новенькое? Как это работает?

— Это проблема для компаний / людей вроде меня?

— Мне это нужно?

— Что еще мне нужно?

— Какие услуги вы предлагаете для решения моей проблемы?

— Вы можете показать мне решение в действии?

— Как тебе лучше?

— Для кого?

— Кто этим пользуется?

— Можно попробовать?

— Мои данные в безопасности?

— Что эксперты говорят о вашем бренде?

— Вы можете показать мне доказательства?

— Как это сравнить?

— Могу ли я получить предложения?

— Какое влияние на мою репутацию оказывает использование вас

«Это типичные вопросы, которые могут иметь в виду посетитель или покупатель B2B, и на которые Эдгар может попытаться ответить.

«Хотя в значительной степени ориентирован на открытие (что может быть очень эффективным как призыв к действию), мне не нравится« Посмотрите, как это работает ». Я действительно собираюсь дать свой адрес электронной почты в обмен, чтобы узнать больше о том, как Эдгар работает? А как насчет «Бесплатной пробной версии» или предложения контента «Секретной формулы ведения блога». Всегда помните, что это обмен ценностями!

«Я протестировал форму и был перенаправлен на другую страницу, где теперь могу посмотреть 12-минутное видео с плохим качеством звука, которое знакомит меня с продуктом.Я вижу дополнительные отзывы. Не лучший опыт или ВАУ-фактор.

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

• Карстен Плейзер , основатель и директор, основатели и создатели

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы попробовал заменить слово «гарантировать» на «безопасное», чтобы добавить больше эмоционального удара.

Экспертный анализ

Передовой опыт работы с целевой страницей «На веб-сайте« Дурак »нужно следить за тем, чтобы целевая страница была четкой и не отвлекала.

«Однако, что касается копии, я бы изменил текст CTA. В нем написано «Продолжить», что намекает читателю на то, что шагов больше, чем это.

«Многих пользователей это отпугнет. Поэтому я бы проверил слово «Продолжить» с помощью А / Б другой фразы, например «Дайте мне инструменты» или «Я хочу войти» ».

Что хорошо сделано

• Заголовок нацелен на болевую точку.
Подзаголовок
• передает выгоду, которая решает проблемы потенциальных клиентов.
• Представленные логотипы демонстрируют социальное доказательство, вызывая доверие.
• Большая зеленая кнопка CTA появляется на странице.

Что можно было проверить / улучшить

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

Экспертный анализ

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

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

«Еще одна серьезная проблема заключается в том, что существуют сотни бесплатных сообщений в блогах с тысячами бесплатных заголовков, которые все утверждают, что конвертируются и публикуются надежными источниками в сообществе копирайтинга / CRO.В этом предложении нет ничего особенного, чего я еще не мог получить бесплатно с помощью быстрого поиска в Google. Другими словами, это предложение требует УТП. Без этого у меня практически нет причин, по которым я хотел бы получить это по сравнению со всеми бесплатными материалами, которые я мог бы получить от сайтов / авторов, которым я доверяю.

«Далее, о них слишком много копий по сравнению с копиями для покупателя, и эта история ничего не делает для повышения уверенности в качестве продукта. На самом деле, похоже, что они сделали то же самое, что и все остальные, чтобы создать бесплатную запись в блоге, но они решили взимать деньги просто так.Если они такие эксперты по CRO, почему бы не поговорить о поиске решения, например, о создании более 200 лучших заголовков, которые они использовали для клиентов, которые помогли повысить коэффициент конверсии в реальном мире? Это лишь один из множества возможных вариантов.

«Продолжаем, отсутствие доказательств. Есть всего 1 сплит-тест. Остальное — это то, где они были представлены, слишком быстрое объяснение их опыта и 2 отзыва. Короче говоря, им нужны более серьезные доказательства, связанные с результатами, которые включают сплит-тесты / тематические исследования, а также то, насколько «реальное» количество людей экономит время, работает более продуктивно и т. Д.

«И наконец, самая большая проблема. Предложение. В принципе, это не очень убедительно. 29 долларов за 200+ заголовков? Для меня это не кажется чем-то особенным, особенно если учесть, что нет никаких УТП или каких-либо серьезных доказательств, которые заставляли бы меня выбирать это среди всех бесплатных онлайн-материалов. Начните с продвижения функций и преимуществ каждой части пакета.

Не объединяйте их, пока не обсудите все части пакета. Подумайте, как это делают рекламные ролики. Каждой части продукта нужна своя мини-торговая площадка.Тогда дайте мне бонусы. Подтвердите удивительную гарантию. Покажи мне, как много я буду полным идиотом, если куплю сегодня.

Заставьте меня мечтать о том, насколько лучше была бы моя жизнь с этим продуктом и насколько ужасно было бы, если бы я не сделал заказ сегодня. Есть еще кое-что, что можно улучшить, но я считаю, что это самое важное ».

Что хорошо сделано

• Использование слова «более 160 000 человек» дает социальное доказательство — многие люди его используют, так что вы должны тоже!
• Заголовок дает понятное преимущество.
Подзаголовок
• упрощает понимание продукта.
• Зарегистрируйтесь в Google, чтобы людям было проще регистрироваться.

Что можно было проверить / улучшить

• Если добавить к изображению справа несколько заданий, продукт станет еще проще запомнить.

Экспертный анализ

«Вступительная копия в порядке. Я бы сказал это в двух коротких предложениях. Может быть, призыв к действию мог бы быть более интересным.

«Контрольный список / список задач справа мне непонятен.Я вроде как получил представление о том, чем они занимаются, но список мне не очень помогает. Может быть, тестирование с реальным текстом и примерами задач?

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

«Текст раздела о преимуществах / функциях ясен и по существу. Может быть, тестирование с большим упором на преимущества? Например, «помогает вам развить более ответственную и ответственную деловую культуру» или «всегда быть в курсе».Легко устраняйте препятствия / узкие места ».

«Кроме того, в« Management 2.0 »есть 2.0 с другим шрифтом? Не знаю, специально ли это, но это отвлекает.

«В конце концов, я снова предпочитаю более сильные призывы к действию (что угодно, а не« подписка »)».

Что хорошо сделано

• Обещание велико — решает огромную проблему для своих перспектив
• Наличие логотипов позволяет легко увидеть, где авторы могут публиковать свои книги
• Пункты, отмеченные маркировкой, позволяют легко узнать о преимуществах

Что можно было проверить / улучшить

• CTA должен сказать «получите бесплатную электронную книгу» вместо «получите бесплатную информацию»
• Им следует сместить ту часть, где говорится «узнайте, как раскрыть тайну и полезность самопубликации с помощью этой бесплатной электронной книги», на акцент на загрузке электронной книги

Экспертный анализ

1. «Я ищу целевые страницы, чтобы понять,« что »и« почему »о продукте / услуге.Этот сайт действительно передает то, что «публикует вашу книгу» и почему «сохраняет 100% прибыли», но я не могу понять, как именно что приносит и почему. Так что я мог бы ожидать чего-то вроде «Помогу вам самостоятельно опубликовать вашу книгу и сохранить 100% вашей прибыли!»
2. «Черный текст на синем не контрастирует достаточно хорошо и вместо этого вызывает небольшую задержку для беглого чтения — помните, что у вас очень мало времени, чтобы убедить кого-то в том, что эта страница достойна их времени. Рассмотрение использования 5-секундного теста для дальнейшего анализа.
3. «Я просмотрел несколько секунд видео, но графика была действительно не очень хорошей, поэтому больше не смотрел. Люди действительно судят о сайтах по их обложке, поэтому я бы обновил дизайн видео, упростил анимацию и попытался лучше сосредоточиться на сообщении.
4. «На моем первом проходе я действительно пропустил логотипы в верхней части. Затем, возвращаясь, я на самом деле не знал, почему там были логотипы — социальное доказательство работает, когда оно подключено, поэтому я бы добавил заголовок вроде « Как показано на » или что-то еще, что уместно. Также подумайте об использовании цветов бренда — верьте, или не разум связывает цвет с формой — поэтому видя арки Макдональдса, желтый цвет поражает вашу сохраненную память быстрее, чем форма…
5. «Первый призыв к действию очень неясен.Сделайте CTA намеком на то, что они получают, как «Получите мое бесплатное руководство в формате PDF» и выделите его. Это помогает привлечь внимание к вашей самой важной цели.

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

«В качестве быстрого взлома я рекомендую поиграть с внешним видом, используя плагины браузера, такие как встроенный в Chrome инструмент Inspect.За несколько минут я создал дизайн, который, хотя и далек от совершенства, произвел бы гораздо лучшее первое впечатление на нового посетителя: «

Что хорошо сделано

• Тема Хэллоуина сделана хорошо, чтобы привлечь внимание и сделать целевую страницу интересной.
• Специально разработанные изображения для целевой страницы выделяют ее.
• Логотип PDF четко указывает на то, что получит аудитория.
• Хороший заголовок, несущий пользу.
• Copy передает непосредственную практичность, от чего аудитория может извлечь выгоду.

Что можно было проверить / улучшить

• Я бы еще раз посмотрел на слово «чудовищный». Хотя это соответствует теме Хэллоуина, в нем ничего не говорится об электронной книге.

Экспертный анализ

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

“Макет: Кнопка CTA вверху и внизу целевой страницы позволяет посетителю веб-сайта выполнять желаемые действия. Кроме того, форма с одним полем сводит к минимуму трение от заполнения формы до отправки.

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

“Скорость загрузки: Скорость загрузки можно улучшить. По данным GT Metrics, время загрузки составляет 2,4 секунды, что считается быстрым. Тем не менее, для тех, кто одержим скоростью загрузки, они могут рассмотреть возможность сжатия изображений без потерь для некоторого «лежачего полицейского».

“Критические проблемы: Обнаружены повторяющиеся теги Google Analytics и ремаркетинга, что приводит к завышению данных.Найдено два набора пикселей Facebook. Если возможно, унифицируйте и используйте один набор пикселей, чтобы не загружать страницу слишком большим количеством JavaScript.

Управление тегами Google станет отличным инструментом для лучшего управления всеми пикселями и поможет сократить время загрузки JavaScript ».

11. GKIC

Что хорошо сделано

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

Что можно было проверить / улучшить

• Разрешение изображения могло быть лучше.
• 2 CTA вместе — это излишне. Рассмотрите возможность удаления одного.
• Попробуйте удалить меню вверху и сосредоточиться на получении большего количества конверсий.

Экспертный анализ

«Хорошее»:

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

«Плохой»:

«Эта целевая страница подходит только для потенциальных клиентов, которые готовы принять меры по предложению. Первое впечатление наверху предполагает, что вы уже хорошо знакомы с миром Дэна Кеннеди и уже хотите его книгу.

Любой, кто не входит в эту аудиторию, ничего не понимает в верхней части страницы и, скорее всего, уйдет со страницы, за исключением оппортунистов, которые подпрыгнут, потому что это книга за 1 доллар.

«Помимо этих фундаментальных проблем, на странице полно проблем с дизайном. Строка заголовка занимает 1/4 экрана с логотипом GKIC, который не имеет значения для тех, кто еще не знаком с миром Дэна Кеннеди.

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

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

12. Райан Левеск

Что хорошо сделано

• Использование логотипов СМИ является социальным доказательством и укрепляет доверие.
• Отличный заголовок сочетает в себе социальную достоверность, специфичность и любопытство.
Подзаголовок
• представляет покупателя как «героя» и говорит ему, что он тоже может это сделать.
• Отзыв автора бестселлеров указывает на большее социальное доказательство.
• Хорошее использование стрелки, чтобы указать, где взять книгу.

Что можно было проверить / улучшить

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

Экспертный анализ

«Одна из вещей, которые они сделали хорошо, — это наличие множества социальных доказательств, обзоров и отзывов. (Может многовато ??)

«Мы заметили целый список вещей, которые они могут улучшить или протестировать, но самое главное — внешний вид и (как результат) ощущение сайта. Глядя на отзывы / обзоры, я думаю, что это хорошая книга.

«Визуально он просто не говорит мне об этом.На самом деле все наоборот, и это уводит от книги.

«На этой странице много чего происходит, текст, написанный разными шрифтами, стилями и цветами. И жирный, и крупный, и мелкий размер шрифта. Я насчитал 3 разных типа шрифта, 14 разных размеров шрифта: нормальный, курсив, полужирный, черный и красный. Неудивительно, что вместо этого он кажется беспокойным.

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

«Я прочитал описание книги на Amazon. Я был полностью поражен, узнав, что эта книга о чем-то другом, чем то ценностное предложение, которое в настоящее время говорится в верхней части страницы. Как генерировать 52 000 подписчиков по электронной почте в день. Каково же было мое удивление 🙂

Мобильный

«Работа на мобильных устройствах полностью отличается от настольных. Он сразу начинается с призыва к действию. Никакого ценностного предложения, никакого напоминания, почему вам нужна бесплатная копия. Такое ощущение, что кто-то заставляет тебя сказать «да», я хочу… на что моя немедленная реакция — «нет».. Я не говорил, что хочу этого … Даже не знаю, хочу ли я еще.

«Мне не хватает части того, что это такое, для кого она нужна и нужна ли мне (и зачем) эта книга. Итак, я бы проверил, изменив здесь порядок блоков. Сначала объясните, а затем покажите призыв к действию.

Копирование, переходы и структура

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

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

«Удаление (или уменьшение) отзывов с правой стороны (люди склонны игнорировать то, что справа) уменьшит количество копий, которые человек видит при сканировании страницы, увеличивая вероятность того, что они прочтут основную копию.

«Короче говоря, я бы попробовал привнести больше структуры как в рассказ (текст), так и в различные разделы.

Ценностные предложения

«Я думаю, что в различных местах страницы их можно переписать, чтобы сделать их более мощными.

“Т.е. Под 1-м Да! Мне нужна моя бесплатная копия «Спросите», вы можете изменить ее на «Розничные продавцы продают ее за 12,99 доллара, сегодня это БЕСПЛАТНО для вас»

Призыв к действию

«В настоящее время призыв к действию стоит сам по себе. Нигде не сказано, почему я должен нажимать на это. Добавление чего-то вроде «Вы хотите достичь XYZ?» Над ним и изменение копии кнопки на «Получите БЕСПЛАТНУЮ копию сейчас!» Может помочь.

Значение

«Люди получают большую дополнительную ценность, когда покупают эту книгу. По сути, они раздают книгу, которая стоит 12,99 доллара, и просят только расходы на публикацию и доставку. Еще они добавили к этому много бонусов (может быть, даже слишком много).

«Мне не хватает сводки или обзора всего, что я получаю!

Дефицит

«При использовании дефицита или неопределенности полезно усилить его, сделав дефицит / неопределенность больше или более заметным.Используйте таймер, установите дату, установите ограничение на количество оставшихся книг. Упомяните об этом с самого начала и напомните им об этом. Кроме того, предложите им способ легко решить эту проблему … поэтому добавьте призыв к действию рядом с местом, где вы это делаете.

Бонусов

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

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

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

«Гарантия возврата денег очень сильна. На данный момент это похоже на сертификат. Это можно было бы разместить где-нибудь над сгибом в лучшем дизайне.

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

• Омар Ловерт , специалист по конверсии и развитию, NightMonkey

Что хорошо сделано

• Хорошее использование социального доказательства — более 4600 подписчиков делают информационный бюллетень популярным.
• Использование таких известных брендов, как Google, Apple и Spotify, заставляет вас чувствовать себя принадлежащим к эксклюзивному клубу.
• Каждое утро пятницы дает понять читателю, когда он получит электронное письмо.

Что можно было проверить / улучшить

• Я бы перепроверил копию. «Хотите большего от своей работы» — расплывчато и не несет особой выгоды.

Экспертный анализ

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

«С другой стороны, очень урезанный дизайн с упором на удобочитаемость.

«Подзаголовок над почтовым ящиком использует социальное доказательство с призывом к действию« Присоединяйтесь к 4600+ подписчикам »- это всегда сильная тяга, и идея сообщества очень сильна.

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

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

«Мета-заголовок провозглашает« Лучший маркетинговый информационный бюллетень в мире ». В заголовке страницы его называют« Информационный бюллетень по смахивающему файлу », то есть он обещает творческий подход и продуктивность.

«Я немного запуталась. Поможет ли это моему творчеству, продуктивности или маркетингу?

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

«Следующим шагом будет тестирование страницы с очень конкретными преимуществами, такими как« 5 советов, которые дадут вам 45 минут в день »или« 3 способа, которыми творческие профессионалы практикуют иное мышление ».

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

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

«Это тупик в отношениях и упущенная возможность сохранить динамику.

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

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

«Само по себе электронное письмо действительно стоит того, и оно приходит в то время недели, когда большинство людей более восприимчиво к новым идеям.

«Несколько настроек и некоторое тестирование, и Джимми может значительно расширить этот список».

Что хорошо сделано

• Ценностное предложение отличное.Подписавшись на его бесплатную рассылку, вы получите 2 бесплатные книги.
• Хорошее использование социального доказательства — большое и конкретное число делает информационный бюллетень действительно популярным.
• Копия четкая и прозрачная — сделайте это и получите то

Что можно было проверить / улучшить

• «Получать обновления» на самом деле ничего не значит. Вместо этого я бы попробовал что-нибудь связанное с электронными книгами, например «Загрузите свои бесплатные электронные книги!»
• Я бы протестировал наличие рекапчи против отсутствия рекапчи.

Экспертный анализ

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

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

«Я бы протестировал 3 вещи на этой странице:

1. Удаление предложения бесплатных книг — на сайте много сообщений, где эти книги можно предлагать индивидуально, чтобы помочь сегментировать список, я бы, возможно, попробовал предложить одну книгу и вести список по определенной теме, чтобы упростить продажу возможный продукт.
2. Объясните, в чем заключаются преимущества. Я бы попытался создать отдельную страницу для подписки на каждую книгу и объяснить некоторые из того, что содержится или будет изучено в отдельных книгах.
3. Еще более минимально — я бы предположил, что люди, попавшие на эту страницу, уже прочитали часть контента Джеймса, я бы поэкспериментировал с удалением большого количества со страницы, возможно, используя простую форму регистрации с сообщением «получить обновления» . »

15. LinkInfluencer

Что хорошо сделано

• Хорошее использование социального доказательства.Цитата из одного из ведущих деловых изданий выделяет его.
• Определенные имена, изображения и отзывы создают социальное доказательство и укрепляют доверие.
• Заголовок сразу затрагивает актуальную проблему.
Подзаголовок
• делает потенциального клиента «героем» — он получит тот же план, который принесет им 1,3 миллиона долларов.
• Желтая кнопка CTA делает его всплывающим.

Что можно было проверить / улучшить

• Я бы проверил формулировку «стипендия», поскольку не совсем понятно, о чем идет речь.

Экспертный анализ

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

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

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

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

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

Мой единственный комментарий здесь касается 12-месячного плана действий, который вызывает шумиху, говоря о Virgin, а затем приводит вас к краху со словами «ну, это не мы, но поверьте нам, мы тоже довольно хороши». Я понимаю то, что они здесь пытаются сделать, но на самом деле для меня результат был противоположным.

«Бонусы — это хорошо, но политика перепродажи потенциально открывает их для людей, покупающих курс исключительно с целью сорвать его и перепродать.

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

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

Что хорошо сделано

• Целевая страница сфокусирована, только с одним призывом к действию.
• Копия ясно передает, что получит потенциальный клиент.

Что можно было проверить / улучшить

• Заголовок неясен — что означает более быстрое принятие решений в области социального маркетинга?
• Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации

Экспертный анализ

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

«А теперь поговорим об этом предложении. Что именно я получу здесь? Как представлено это «руководство»? Это инфографика? Видео? Целая книга? Результат неясен, и изображение не помогает.

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

Они должны быть проверены:

«1. Лучше, детальнее, заголовок с указанием точного целевого рынка и конкретной выгоды. (сколько времени и почему это важно?)

«2. Используйте форму только с полями для имени и электронной почты ».

Что хорошо сделано

• Выгодное предложение. Вместо того, чтобы раздавать электронную книгу, как все в отрасли, Louder Online предлагает бесплатный инструмент для анализа.
• Большие синие кнопки четко передают то, что предлагает агентство.
• Заголовок ясно передает выгоду.
• Огромные торговые марки служат социальным доказательством.

Что можно было проверить / улучшить

• Вместо того, чтобы говорить о себе, они могут протестировать подзаголовок, в котором говорится о потенциальном клиенте.

Экспертный анализ

«1-я — я считаю, что 1-я страница должна быть о посетителе — заявления« Превратите нас в ВАС ». т.е. Вы… Вы против нас…

«2-й — вместо изображения Аарона Агуиса и Нила Пателя — используйте видео.30 секунд или меньше.

«3-е место — Любите эстетику, визуальные эффекты и достоверность.

«Комплименты были бы №1, НО сайт начинался с WE. Читатели, что нужно знать, КАК вы помогаете, а затем кто вы ».

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы протестировал новый заголовок. Заголовок «Примите меры сегодня» кажется преждевременным, прежде чем говорить об обещании.

Экспертный анализ

«Целевые страницы с наибольшей конверсией обычно ориентированы на одну конверсию. Одна страница, одно предложение. Вы мало или совсем не отвлекаетесь. Этого удалось достичь этой целевой странице. Я бы разделил тест, имея нижний колонтитул и полностью удалил его, чтобы увидеть, повысит ли это вашу конверсию.

«Еще одна вещь, которую вам следует попробовать, — это сместить фразу« примите меры сегодня »немного ниже. Лучшим заголовком было бы «Готовы построить финансовую…» Как всегда, тестируйте, тестируйте и тестируйте ».

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

• Ойекунле Дамола , консультант по цифровому маркетингу, DPTrax

Что хорошо сделано

• Хорошее использование отзыва, чтобы подчеркнуть мощь Infusionsoft.
• Маркированная копия упрощает демонстрацию преимуществ.

Что можно было проверить / улучшить

• Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
• Я бы протестировал новый заголовок, поскольку In The Pipeline мало говорит о том, что аудитория ожидает получить.

Экспертный анализ

«Целевая страница Infusionsoft делает несколько вещей правильно, например, изображение, основное сообщение и призыв к действию, но страница могла бы быть гораздо более привлекательной.

«Давайте сосредоточимся на одной из наиболее важных характеристик целевой страницы: The Headline .

«Заголовок пытается, но никого не побуждает к действию. Единственное, что он делает правильно, — это слово «бесплатно». Кроме того, есть возможности для улучшения.Например, какие результаты может дать это руководство? Или каковы преимущества использования этого руководства? Примером может быть что-то вроде:

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

«Другими словами, заголовок — это ваш первый (а иногда и единственный) шанс привлечь потенциальных клиентов и ввести их данные, так что используйте его по максимуму и загрузите его.«

Что хорошо сделано

• Минималистичная целевая страница помогает потенциальному клиенту сосредоточиться на единственном доступном действии — регистрации.
• Зеленая кнопка CTA появляется на странице.
• Copy передает преимущества и сообщает потенциальным клиентам именно то, что они ожидают узнать.
• Хорошее использование отзыва от известного имени в качестве социального доказательства.

Что можно было проверить / улучшить

• Непонятно, что означают 85% моих самых популярных бизнес-хакерских атак.
• Я бы протестировал другой призыв к действию вместо того, чтобы «приправить меня».

Экспертный анализ

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

• Элеонора Тэй , менеджер по маркетингу, CandyBar

Что хорошо сделано

• Минималистичная целевая страница делает призыв к действию ориентированным.
• Копия прозрачно говорит о том, что получит потенциальный клиент.
• Хорошее использование социальных доказательств в таких местах, как New York Times и Fortune.
• Отзывы несут социальное доказательство.
• Изображение функции является социальным доказательством того, что он работает в престижном стартапе (Uber).

Что можно было проверить / улучшить

• Вместо @andrewchen он мог бы протестировать что-нибудь более заманчивое с правильным заголовком, ориентированным на выгоду.

Экспертный анализ

«Сайт Эндрю Чена выполнен в стиле минимализма; он знает, что основное внимание на сайте уделяется контенту, социальному обеспечению и, конечно же, привлечению людей к подписке на его информационный бюллетень, что является основной целью конверсии.Однако планировка не использует недвижимость выше сгиба, как это должно быть. Такие элементы, как узкое поле текста, отсутствие вертикального выравнивания, нечеткие

и неправильное использование пробелов, могут снизить коэффициент конверсии при неправильном использовании «.

Что хорошо сделано

• Хороший заголовок — сразу передает то, что должен получить потенциальный клиент.
• Использование «500 долларов» немедленно передает сумму ценности, которую потенциальный клиент получает бесплатно.
• Использование отзывов клиентов усиливает социальное доказательство.

Что можно было проверить / улучшить

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

Экспертный анализ

«Вещи, которые мне нравятся:

• Хороший заголовок
• В подзаголовке нет слова «Учиться».
• Вопросы и открытия с образованием.
• Как интро.
• Призыв к действию содержит все хорошее, включая подробный план.

«Предлагаемые изменения:

• Измените заголовок «Узнайте, как получить бесплатную оценку рекламы в Facebook сегодня»
• Сделайте подзаголовок крупнее и точнее: «Узнайте, на что вы тратите рекламные расходы, находя прибыльную аудиторию и в конечном итоге получите аудит стоимостью 500 долларов США бесплатно…»
• Я поместил видео и 7 шагов вверху, затем StubGroup, а затем отзывы «.

23. GrowthLab

Что хорошо сделано

• Заголовок сразу привлекает внимание и обращается к потенциальным болевым точкам.
• Copy решает возражение многих потенциальных клиентов.

Что можно было проверить / улучшить

• Я бы попробовал раздавать лид-магнит вместо получения обновлений.

Экспертный анализ

«В зависимости от цели эта целевая страница может выполнять свою работу, а может и не выполнять ее.

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

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

«Наличие чего-то, что может нарушить узор, и более сильные цветные кнопки (возможно, также более крупные), могут творить с ними чудеса.

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

Что хорошо сделано

• Заголовок обращается к конкретному потенциальному клиенту.
• Зеленая кнопка CTA появляется на странице.
• Хорошее использование его биографии для обозначения социальных доказательств.

Что можно было проверить / улучшить

• Непонятно, на что подписывается потенциальный клиент. Я бы попробовал раздать какую-то ценность или свинец в копии.

Экспертный анализ

• «Любите чистый дизайн, отсутствие отвлекающей навигации, которая уведет пользователя в другое место, кроме двух основных призывов к действию.
• Сообщение в копии выделяется, потому что оно не соответствует тому, о чем кричат ​​все на рынке. Тем не менее, подтекст можно разбить на более мелкие детали или «иконизировать» для облегчения чтения.
• Последние посты выглядят немного сжатыми и сгруппированными, поможет небольшое расстояние между постами. Также было бы здорово иметь призыв к действию после каждого поста, например «читать дальше…», но я предполагаю, что это противоречит подходу бренда к «чистому виду», поэтому я полагаю, что это необязательно.
• В целом, чрезвычайно простая целевая страница с четким призывом к действию и уникальным позиционированием «без ерунды» делает ее действительно хорошей целевой страницей ».

Что хорошо сделано

• Логотипы известных медиа-компаний являются социальным доказательством.
• Отзывы известных людей в отрасли предоставляют еще больше социальных доказательств.
• Призыв к действию «Присоединяйтесь к 52 134 людям» демонстрирует конкретность и делает информационный бюллетень популярным.

Что можно было проверить / улучшить

• Непонятно, что означает «умнее» в растущих стартапах.
• Непонятно, что подразумевается под самым захламленным рынком в истории.

Экспертный анализ

«Что они сделали хорошо:

• логотипы социальных доказательств
• свидетельство социального доказательства с хедшотами
• социальное доказательство на кнопке CTA

Что они могут улучшить (тест):

• первая строка (я не знаю, кто такой Али, поэтому для меня ничего не значит, использование этого имени подойдет только для теплой аудитории, которая знает Али)
• заголовок мог бы быть более сильным (я бы использовал заголовок, который соответствует заголовку главной статьи Али, и отдал бы его как первое эссе)
Строка описания
• не дает ощутимой выгоды, которую люди получат прямо сейчас (я бы описал преимущество №1 от чтения главной статьи Али о росте стартапов) ».

26.HubSpot

Что хорошо сделано

• Слово «бесплатно» заманчиво.
• Подзаголовок сообщает о пользе.
• Синяя кнопка CTA появляется со страницы.
Пули
• обладают преимуществами, которые легко потреблять.

Что можно было проверить / улучшить

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

Экспертный анализ

«Я считаю, что это здорово, что как только мы переходим на эту целевую страницу, мы сразу понимаем, что предлагает HubSpot. И h2, и h3 выделены жирным шрифтом, что немного отвлекает. При просмотре целевой страницы на iPhone текст основного заголовка идеально подходит под верхний gif, что выглядит очень аккуратно. В целом, контент отлично демонстрирует, почему нам нужны эти шаблоны электронных книг. Самая большая проблема сейчас в том, что я не могу прочитать оранжевый текст в FAQ, примеры электронных книг расплывчаты, а изображение за формой внизу отвлекает от кнопки CTA.Я беспокоюсь, что людям будет сложно найти эту кнопку с призывом к действию. Я также беспокоился бы, что люди не смогут видеть стрелки для навигации по примерам электронных книг и захотят проверить наличие менее размытых примеров электронных книг. Я также думаю, что стоит протестировать отсутствие кнопок совместного доступа на целевой странице, так как это также может отвлекать посетителей ».

• Дэниел Уоллок , вице-президент (агентские услуги), BlitzMetrics

Что хорошо сделано

• Заголовок дает сильное преимущество.
• Форма захвата свинца очевидна и привлекает внимание.
• Таймер обратного отсчета указывает на срочность.
• Использование вкладов экспертов передает достоверность.

Что можно было проверить / улучшить

• Я добавлю еще немного описания того, что влечет за собой весь курс.

Экспертный анализ

«Мысли о том, что бы я тестировал на Email1k, для меня нет« готовой »целевой страницы, всегда есть место для тестирования и улучшения.

«Тестирование должно проводиться на всех устройствах, чтобы убедиться, что преимущества очевидны, и пользователь может легко предпринять действия на каждом устройстве.Например, на мобильном устройстве страница загружает форму в поле зрения, поэтому пользователь не видит «Бесплатный 30-дневный курс по УДВОЕНИЮ СПИСКА ЭЛЕКТРОННОЙ ПОЧТЫ» — важное сообщение, которое дает пользователю повод ввести свой адрес электронной почты.

«Понятно, что цель на этой странице — заставить кого-то оставить свой адрес электронной почты, но есть многое, что их отвлекает, самая первая ссылка -« Powered by SumoMe »в самом верху страницы, социальная значки общего доступа — это наложение, которое появляется после загрузки страницы. Вам нужно проверить все это: сколько людей нажимают на них, сколько репостов в социальных сетях вы получаете с помощью виджета общего доступа, насколько ценны доказательства того, что многие люди поделились страницей — стоит ли отвлекаться.Сколько людей нажимают SumoMe и не заполняют форму — все это вам расскажет тестирование.

«Я вижу, что« Знакомство с экспертами по электронному маркетингу »призвано придать курсу серьезность. Это имена, о которых ваша аудитория слышала и уважает? Если нет, то какой цели они служат? Если в курсе есть комментарии Сета Година, я буду ценить это имя по сравнению с кем-то, о ком я никогда не слышал.

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

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

• Дэниел Леннокс , руководитель отдела цифрового маркетинга, Riverford

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы попробовал придерживаться одного предложения вместо двух.

Экспертный анализ

«Как только вы открываете этот конкретный веб-сайт, владелец не теряет времени, чтобы сразу перейти к делу.Непосредственная выгода от быстрой потери веса очевидна. Упомянутые бренды и рецепты немедленно подкреплены обширными социальными доказательствами, свидетельствующими о том, что Нагина фигурирует в таких журналах, как Forbes, Huffington post и Time.

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

«Двигаясь дальше вниз, показаны 3 специи, которые, как было« научно доказано », сжигают жир. Цитата специалиста по питанию или врача, хотя это и не является необходимостью, укрепит ценность Nagina и ее бренда.

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

«У Masala Body очень интересная и прямая целевая страница. Индустрия, часто связанная с мошенничеством или любителями, дающими правильное сообщение, как никогда важна. С некоторыми дополнительными (необязательными) настройками его можно будет еще больше оптимизировать, что повысит коэффициент конверсии ».

• Мориц ван Концен , основатель и генеральный директор, Avenik

29. Удар

Что хорошо сделано

• Предложение отличное — 10 бесплатных электронных книг на один адрес электронной почты.
• Правильное использование стрелки для указания на CTA

Что можно было проверить / улучшить

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

Экспертный анализ

«Маркетологи склонны чрезмерно усложнять свои целевые страницы за счет причудливого дизайна и длинных текстов (нарушая принцип KISS), но не эту целевую страницу. Простой и минималистичный дизайн позволяет посетителям сосредоточиться на самом важном: на предложении.

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

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

Что хорошо сделано

• Слово «бесплатно» заманчиво.
• «Формирование бицепсов, которые привлекают внимание» — хорошее пособие, привлекающее потенциальных клиентов.

Что можно было проверить / улучшить

• Я бы протестировал фокусировку целевой страницы, удалив другие элементы с веб-сайта.
• неясно, что означает «Черная книга бицепса».

Экспертный анализ

«На целевой странице есть отличное видео и четкий призыв к действию. У них также есть HTTPS перед URL-адресом, чтобы посетители чувствовали себя в безопасности.Но есть несколько простых способов превратить эту целевую страницу в ад.

1. Добавьте социальное доказательство — отзывы и обзоры людей, которые уже использовали книгу.
2. Старайтесь как можно больше убирать отвлекающие факторы. Например, нижний колонтитул слишком большой для целевой страницы и отводит слишком много внимания от основного CTA. Верхнее меню слишком «переполнено», а под основным призывом к действию есть еще одно с просьбой подписаться на рассылку новостей. Постарайтесь придерживаться всего одного призыва к действию.
3. Используйте наложение с намерением выхода, чтобы привлечь больше посетителей, покидающих страницу без регистрации.
4. Измените заголовок HTML-тега страницы с «бесплатный подарок» на «Получите« The Biceps Black Book »бесплатно».
5. Если вы долго покидаете свою страницу, не забудьте повторить CTA или добавить плавающую кнопку «зарегистрироваться», которая будет следовать за посетителями при их прокрутке ».

• Томер Аарон , соучредитель Poptin

Лучшие примеры целевых страниц в 2018 году — не начинайте с нуля

Необязательно создавать целевые страницы с чистого листа.

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

А затем наблюдайте, как ваш коэффициент конверсии взлетает до небес.

Об авторе: Онг Си Куан (Ong Si Quan) — менеджер по контент-маркетингу в CandyBar, приложении для цифровых карт лояльности. Используйте CandyBar, чтобы запустить целую программу лояльности со своего устройства и узнать, кто ваши лучшие клиенты.Попробуйте CandyBar бесплатно в течение 30 дней здесь сегодня.

Эта статья написана сегодня Daily Eggspert.

12 лучших примеров посадочных страниц

Позвольте задать вам вопрос…

Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?

С точки зрения бизнеса, вам не следует идти ни на что.

Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.

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

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

И это легко заметить, когда вы нажимаете на рекламу, которую видите в социальных сетях.

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

Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия рынку .

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

Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности.

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

Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.

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

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

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

Но прежде чем мы это сделаем, мы должны пройти через…

Этот вопрос зависит исключительно от ваших потребностей.

Итак, позвольте мне задать вам пару вопросов, которые помогут вам очистить свой разум и думать в правильном направлении.

Наиболее распространенные варианты:

• Привлечение людей к участию в обмене на бесплатную ценность предмета
• Прямая продажа недорогого продукта, например книги или мини-курса
• Предложение бесплатной пробной версии для ежемесячного обслуживания или программного обеспечения
• Предложение бесплатно + доставка где вы рассчитываете на дополнительные продажи для получения прибыли

Вы должны точно знать, какое предложение вы хотите разместить на своей целевой странице, прежде чем создавать ее.

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

Если вы не уверены, ниже по тексту будет несколько примеров.

Теперь следующий вопрос, вы должны задать себе …

Создание целевой страницы с высокой конверсией — это не малая суета.

Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль.

И если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете.

Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но рассчитывать на это — бред.

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

И последний вопрос…

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

Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса.

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

Это может быть разработчик, конструктор / построитель воронки, специалист по рекламе или консультант по CRO.

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

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

Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик.

Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить.

Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.

И даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам здесь поможет.

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

Вот почему вам нужна помощь третьего лица.

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

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

Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.

И говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.

Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.

Если вы находитесь на той стадии, когда хотите оптимизировать существующую целевую страницу, но не знаете, как это сделать…

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

А теперь главное событие…

Это 12 лучших примеров посадочных страниц, которые мы смогли найти.

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

Get Response — это простой, но интерактивный пример целевой страницы.

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

Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» ​​и «продажи».

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

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

Это, конечно, неплохо. Это автоматически укрепляет доверие и упрощает подписку на программное обеспечение.

Slack всегда на высоте, когда дело касается целевых страниц.

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

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

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

Intercom на этой целевой странице — помочь вам подписаться на рассылку по электронной почте.

Оставить его только для электронной почты — отличный способ увеличить количество подписок.

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

Изображения, которые они используют, идеально представляют главное УТП заголовка.

Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу.

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

Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь.

И обещание вашим сотрудникам свободы во время работы на вас — лучший способ выделить лучших кандидатов среди ваших конкурентов.

Мы знаем, что Lyft использовала несколько целевых страниц в прошлом, но их текущая страница демонстрирует настоящий профессионализм.

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

И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию.

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

Zoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.

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

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

И заставить кого-то платить намного сложнее, чем просто получить его электронную почту.

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

Squarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.

Сначала вы можете подумать, что этого недостаточно, чтобы кого-то обратить.

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

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

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

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

Их заголовок поражает двух зайцев одним выстрелом, и снова нет бесполезного текста или дизайна.

Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию.

Hubspot — еще одна CRM, которая сегодня возглавляет список.

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

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

Shopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.

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

И целевая страница Shopify Plus показывает это.

Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов.

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

Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок.

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

Webflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу.

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

Это снимает любое напряжение, которое может быть у потенциального клиента.

Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.

Итак, если вы когда-либо пользовались продуктами Adobe, вы сразу понимаете, что эта работа будет для вас легкой задачей.

ClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.

И даже если у вас есть какой-либо скептицизм, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагируют современные воронки.

Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок.

Но они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.

Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам.

И самое лучшее — это аналитика, которую они добавили на свою целевую страницу.

Это смелый и мощный ход, если все сделано правильно.

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

ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.

Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.

Conversion Lab уже много лет использует этот дизайн целевой страницы.

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

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

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

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

Это все для нашего сегодняшнего списка.

В заключение, что вам нужно знать при создании целевой страницы…

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

И всегда, всегда оптимизируйте процесс.

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

И даже тогда они все равно оптимизируются.

Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли оно конвертировалось и какие были ваши самые большие открытия в этом процессе?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четкой рентабельностью инвестиций.

Заказать звонок

32 лучших целевых страницы от популярных брендов

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

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

32 дизайна целевой страницы от популярных брендов

Вот список из 32 дизайнов целевой страницы, которые могут вдохновить:

1. Страница «О программе» Medium

Целевая страница «О программе» Medium — прекрасный пример упрощенной, но заполненной целевой страницы. до краев информацией для любознательного посетителя.

Они рассказывают историю. Играя с типографикой и копированием в качестве центрального мотива дизайна, Medium рассказывает историю вдохновения и празднования любопытства от верха страницы до последнего сгиба внизу страницы.

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

Medium знает, как общаться и продавать свой бренд, сообщения и ценностные предложения своей аудитории.

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

2. Регистрация DoorDash’s Dasher

Иногда ключом к созданию хорошей целевой страницы является выполнение обмена сообщениями. Страница регистрации Dasher на DoorDash является подтверждением этой идеи.Он разработан для обеспечения высоких показателей конверсии.

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

Посетителя встречают с призывом к действию и полем регистрации, которое направляет его на регистрацию и начало рывка для DoorDash.

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

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

3. Целевая страница пользовательского интерфейса Figma

Figma стала одной из наиболее предпочтительных платформ для дизайна пользовательского интерфейса среди сообщества пользователей — и не зря.

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

Подобно DoorDash, Figma следует традиционному дизайну отличных целевых страниц. Figma начинается с вводного сгиба и сопровождается полями, которые демонстрируют их ценность, их что, их почему и их как. В заключение они приводят список основных брендов, которые используют их платформу, тем самым укрепляя доверие посетителей на одной странице.Доверие огромно для привлечения новых клиентов.

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

4. Целевая страница Apple Mac Pro

Apple лидирует в индустрии высоких технологий в области маркетинга и эстетического использования белого пространства в своем брендинге. Это видно по дизайну их целевой страницы для Mac Pro.

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

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

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

Внизу страницы Apple завершает особо нишевым призывом к действию, побуждая посетителя исследовать Mac Pro в дополненной реальности, среди прочего, позволяя этим областям служить целям лидогенерации.

5. ShareCalmly

ShareCalmly — отличный пример для стартапов и малых предприятий, которые рисуют пробел в дизайне своей целевой страницы, и это делается в Webflow!

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

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

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

6. Mind Maps ClickUp

Целевая страница ClickUp Mind Maps — еще один отличный пример целевой страницы, который может служить источником вдохновения для SaaS-предприятий или стартапов в технологическом секторе.Они тоже следуют традиционному макету, который часто используется в дизайне посадочных страниц — , если доказано, что он работает, почему бы и нет!

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

Поле формы согласия электронной почты CTA в нижней части страницы является подходящим выводом для страницы, которая открывается с тем же полем формы согласия электронной почты.

7. Miro

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

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

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

8. Запоминание

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

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

Статическое меню боковой панели обрисовывает учебную программу курса с помощью кнопки «Зарегистрироваться сейчас» с призывом к действию, когда посетитель прокручивает веб-страницу — гениальное дополнение.

Memorisely, безусловно, имеет один из лучших примеров целевой страницы для платформы обучения / образования, и он создан в Webflow!

9. Дизайнер Webflow

Целевая страница нашего дизайнера — отличный пример дизайна целевой страницы. В частности, это отличный пример для SaaS-компаний, которым нужен так называемый дизайнерский толчок в правильном направлении.

Подобно веб-дизайну Apple, мы добавили мощь прокрутки, чтобы раскрыть возможности конструктора простым движением пальца.

Прокрутка может быть идеальным способом организовать контент на веб-странице, поскольку она погружает посетителя в страницу и рассказывает историю в процессе.

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

И, конечно же, эта целевая страница была сделана в Webflow.

10. Shef

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

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

Целевая страница Shef завершается соответствующим разделом часто задаваемых вопросов и тем же призывом к действию с момента открытия их страницы, связывая все это воедино.

11. Stripe для торговых площадок

Целевая страница торговой площадки Stripe — потрясающе красивая веб-страница!

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

Эта складка примечательна тем, что может служить автономно — она ​​показывает посетителю с первого взгляда, что именно делает Stripe, а также их ценность.

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

По сути, это сводная презентация питча и ценностного предложения, преобразованная в веб-страницу, и она работает в пользу Stripe.

12. Nightwatch

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

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

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

13. Сотрудничество с контентом в Dropbox

Следуя той же модели, что и DoorDash и Shef, Dropbox использует проверенный подход к дизайну целевой страницы для совместной работы над контентом.

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

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

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

14. Преимущества Gusto

Целевая страница Gusto доказывает, что иногда лучше отказаться от шаблона и создать выдающуюся веб-страницу, которая отличает ваш бренд от конкурентов. Дизайн целевой страницы Gusto очень интересен.Их интерактивный дизайн затрагивает такие банальные темы, как льготы сотрудникам (без обид), и вызывает ощущение игры.

В то время как остальная часть страницы соответствует традиционному дизайну целевой страницы, типичному для поставщиков SaaS, включение Gusto этой интерактивной функции вверху делает их целевую страницу привлекательной и необычной.

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

15. Wise

Раз уж мы поговорим об интерактивном дизайне, давайте поговорим о Wise, платформе для перевода денег за границу. Информация на этой целевой странице обширна, но TransferWise включает интерактивную демонстрацию функциональности своей платформы на начальном этапе, чтобы четко сообщить, что их платформа может делать. Это мудрый выбор !

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

При прокрутке посетителю показывается плотная демонстрация, которая расширяется во вводной части TransferWise. Целевая страница завершается последней кнопкой с призывом к действию «Узнать больше», рядом с изображениями реальной потребительской базы, заставляя их целевую аудиторию думать: «Эй, это похоже на меня!» и убедить их использовать Wise.

16. Keeper Tax

Целевая страница Keeper Tax доказывает, что рассказывание историй на целевой странице не имеет границ, независимо от вашего продукта, услуги или бренда — если вы мечтаете об этом, это возможно.Вам просто нужен подходящий дизайнер. (И платформу для дизайна — это тоже вам предоставил Webflow!)

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

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

17. Slack

Если вы не жили под камнем, вы слышали о Slack и, возможно, даже использовали его.

Slack стал популярной платформой для общения и совместной работы на рабочем месте, являясь основной платформой как для новых, так и для старых отраслей. Это поразительно.

Их целевая страница краткая, содержит только релевантную информацию для посетителя — что такое платформа, ее функции и учетные данные.

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

18. Езжайте с Uber

Мы все знакомы с этой службой каршеринга. Однако нельзя упускать из виду целевую страницу Uber «Поездка с Uber».

Эта веб-страница заслуживает внимания благодаря центральной функции: поле формы для подключения к водителю.

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

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

19.Mailchimp Email marketing

Компания Mailchimp, незаменимая в маркетинге по электронной почте, способствовала росту и успеху многих малых предприятий и стартапов.

Люди знают, что Mailchimp работает, и бренд знает об этом. Они используют свою целевую страницу как подробное руководство, а не как подробное объяснение того, «почему».

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

Эта целевая страница, мягко говоря, обширна и не оставляет камня на камне от посетителя.

20. Принимающие дома Airbnb

Целевая страница хоста Airbnb попала в список! Они объединяют красивые изображения домов и практическую информацию о том, как работает хостинг, чтобы убедить посетителей попробовать.

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

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

Airbnb завершает свою целевую страницу великолепным изображением, вызывающим чувство удивления. Под этим изображением призыв к действию побуждает посетителя узнать больше, указав свой адрес электронной почты и / или номер телефона, чтобы получить дополнительную информацию и получить доступ к вебинарам Airbnb в реальном времени.

21. Proof Pulse

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

Это с их стороны умно. Это дает им пространство для расширения содержимого видео по всей остальной части веб-страницы.

Контент плотный, но его необходимо включить на целевую страницу. Современные и красочные визуальные эффекты демонстрируют интерфейс платформы. В середине страницы находится исчерпывающий список ее функций, таких как A / B-тестирование, аналитика и т. Д., А также поддержка заявления платформы о том, что она является инструментом социального доказательства номер один для SaaS-компаний.

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

22. Kajabi

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

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

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

23. Gemnote

Gemnote, еще один веб-сайт, созданный с помощью Webflow, имеет довольно впечатляющую целевую страницу.

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

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

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

24. Ткацкий станок для маркетинга

Ткацкий станок быстро стал излюбленным инструментом для множества вариантов использования. Он используется в качестве маркетингового инструмента для таких брендов, как HubSpot, Lacoste, Intercom и т. Д.

Вы можете понять, как Loom удалось так быстро обеспечить коэффициенты конверсии и лид-поколения, посмотрев на их целевую страницу.

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

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

Они завершают свою очередь впечатляющей клиентурой, эффективно демонстрируя посетителям ценность Loom.

25. Buffer

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

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

Buffer намеренно берет тему, которая обычно ассоциируется со страхом — аналитику социальных сетей — и переосмысливает ее как доброжелательную.

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

26. Взаимодействие с клиентами Intercom

Еще один отличный пример передачи ценности сложного продукта или услуги через дизайн можно найти на целевой странице Intercom «Взаимодействие с клиентами».

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

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

27. Lattice Grow

Lattice понимает силу прокрутки, и они включили эту силу в дизайн своей целевой страницы в Webflow!

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

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

28. AngelList Venture

AngelList Venture переосмыслил, как использовать целевую страницу для продвижения новых предприятий и привлечения новых инвесторов (и они сделали это с помощью Webflow)!

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

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

29. Talkspace для бизнеса

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

Взгляните на их целевую страницу и убедитесь в этом сами.Эти тонкие движения придают реалистичность дизайну их целевой страницы. Также стоит отметить, что это было сделано в Webflow.

30. VanMoof S3

Apple установила новый стандарт для дизайна веб-страниц продуктов, и команда дизайнеров VanMoof приняла вызов, создав дизайн целевой страницы для VanMoof S3.

Сила свитка и их захватывающие визуальные эффекты раскрывают почти чувственный и футуристический опыт модели VanMoof S3 следующего поколения. Вызов этих настроений через дизайн страницы был и всегда будет инновационным способом убедить аудиторию инвестировать в продукт, независимо от его высокой цены.

Просматривая эту целевую страницу, вам нужен не просто велосипед, вам нужен VanMoof S3 нового поколения. И все это благодаря безупречному веб-дизайну.

31. Misfits Market

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

Брендинг действительно является лидером этой целевой страницы. Misfit Market умно использует принципы риторики, чтобы убедить свою целевую аудиторию в их ценности.

32. Пример использования целевой страницы Webflow

В завершение нашего списка мы представляем нашу собственную целевую страницу о целевых страницах. Да, знаем, но мы просто не удержались!

Целевая страница Webflow о целевых страницах — это обширное подробное руководство по началу работы над созданием собственной целевой страницы с помощью нашей платформы веб-конструктора.

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

А благодаря трем выбранным кнопкам CTA, подробным ресурсам на странице и ряду самых популярных шаблонов Webflow начать работу можно одним щелчком мыши.

Итак, вот он — наш исчерпывающий список лучших дизайнов целевых страниц, которые вы найдете в Интернете. Мы надеемся, что вам понравился этот веб-дизайн, и вы нашли эти примеры как информативными, так и вдохновляющими.

Ваша целевая страница — это ваше коммерческое предложение

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

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

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

7 лучших примеров целевых страниц, из которых следует учиться

Сколько времени у вас есть, прежде чем посетители вашего сайта заскучают и уйдут?

Есть много источников, которые говорят, что это где-то от 15 секунд до семи или меньше.

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

Целевые страницы не совсем такие, как средняя веб-страница. Они более целенаправленны и ориентированы на действия. Они здесь, чтобы сделать вам несколько конверсий.

По этой причине им необходимо уделять особое внимание тому, чего вы пытаетесь достичь.

В этой статье мы рассмотрим, что делает хорошую целевую страницу. Затем мы рассмотрим 7 примеров целевых страниц, чтобы вы могли получить представление о своих кампаниях.

Давай сделаем это.

Не ждите, пока это сделает кто-то другой.Возьмите на работу себя и начните командовать.

Источник

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

Целевая страница — это отдельная страница, которая предназначена для достижения одной конкретной цели — например, подписки на ваш список адресов электронной почты, регистрации в вашей VIP-программе или покупки товара.

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

Итак, что делает хорошую целевую страницу? Вот основы:

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

Имейте в виду, что это общие рекомендации для целевых страниц.Необязательно следить за ними все время.

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

7 лучших примеров посадочных страниц

Эта целевая страница от One Page Love использует хитроумную тактику, чтобы привести к продаже их электронной книги «Горячие советы по целевой странице».

В верхнем баннере вы можете увидеть объявление о предварительной продаже книги.

Это дает посетителям ощущение срочности и FOMO, говоря, что предварительная продажа на 30 долларов закончилась, но они все еще могут получить скидку 20 долларов до конца месяца.

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

Это дает необходимое количество обязательств и дает посетителям возможность «попробовать, прежде чем они купят». А если им понравятся первые письма по электронной почте, они купят книгу, вместо того чтобы ждать более трех месяцев, чтобы получить все советы.

Genius.

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

One Page Love отлично справляется с задачей привлечь внимание посетителей к тому, чтобы они купили книгу или протестировали ее содержание.

Целевая страница бесплатной пробной версии Shopify призвана побудить вас зарегистрироваться.

В соответствии с рекомендациями по использованию целевой страницы, на всей странице есть только одна кнопка с призывом к действию: «Начать бесплатную пробную версию». Это появляется один раз в герое, а затем снова в самом низу.

Двойной призыв к действию — эффективная стратегия. Это понятно и просто в самом верху страницы для посетителей, которые готовы к работе.

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

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

Подумайте об этой тактике на своих целевых страницах … вы удивитесь, сколько людей нажимают нижнюю кнопку!

Как правило, лучшие примеры целевой страницы следуют главному правилу: иметь только одну кнопку или ссылку с призывом к действию.

Но некоторые правила могут быть нарушены.

Целевая страница «Что нового» Fitbit — отличный тому пример. Зонтичный CTA предназначен для того, чтобы узнать больше о том, что нового, с возможностью щелкнуть, чтобы узнать больше о том, какие именно новинки интересуют каждого посетителя.

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

По мере продвижения вниз по странице в каждом разделе используются привлекающие внимание визуальные приемы, такие как:

• Полужирный, четкое разделение цветов и изображений между разделами
• Негативное пространство или пустое пространство вокруг объекта фокусировки, которое рисует взгляд посетителя на звезду фотографии
• Фотография стиля жизни, на которой показаны люди, использующие продукты Fitbit в действии

Каждое изображение сопровождается коротким заголовком и описанием из одного предложения, чтобы страница не была слишком загроможденной или отвлекающей .

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

Mixpanel содержит забавный и креативный пример целевой страницы, на которой пользователи могут загрузить свою бесплатную электронную книгу.

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

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

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

Ниже приведено социальное доказательство в виде прошлых клиентов, таких как Clorox и US Bank.

Затем краткое изложение того, какую информацию вы найдете в книге.

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

Эта страница следует практике некоторых из лучших конвертирующих целевых страниц:

• Чистый дизайн с правильным привлечением внимания
• Несколько возможностей привлечь посетителей к основному действию, которое вы хотите, чтобы они выполнили
• Правильное количество информация, чтобы убедить посетителей в том, что это предложение является законным, надежным и содержит ценный контент

Winc имеет одну из лучших целевых страниц электронной коммерции, когда дело доходит до простоты.

Эта страница начинается с привлекательного предложения: скидка 50% на первый заказ. И вам даже не нужно ничего делать — это применяется автоматически.

Наберите несколько баллов за упрощение взаимодействия с пользователем.

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

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

Winc завершает страницу убедительной поддержкой Forbes, которая гласит: «Доказательство в бутылке».

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

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

Компания по доставке еды Home Chef сразу привлекает пользователей: баннер в верхней части страницы предлагает вкусную скидку в размере 60 долларов на ваши первые четыре коробки с едой.

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

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

Но Home Chef следит за ней с полной прозрачностью в следующем разделе. Заголовок гласит: «Почему мы думаем, что вам стоит попробовать Home Chef».

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

Домашний повар завершает этот пример целевой страницы электронной коммерции коротким видео-отзывом от молодой пары и тем же призывом к действию «Выбери свою еду», что и герой.

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

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

Под основным призывом к действию находится вторичный призыв к действию: «Не готовы начать? Выучить больше.»

Если щелкнуть эту кнопку, остальная часть целевой страницы будет развернута с полезной информацией о том, что делает Crazy Egg и как это может принести вам пользу.

Вместо того, чтобы говорить о компании и хвастаться ее возможностями, Crazy Egg фокусируется на том, «что это для вас выгодно» (WIIFY). Это помогает посетителям установить связь и визуализировать, как продукт соответствует их потребностям и целям.

Под героем есть несколько разделов с одинаковым призывом к действию: «Начните с анализа вашего веб-сайта». Это приведет вас обратно в верхний раздел для получения тепловой карты.

У этой целевой страницы есть одна четкая цель с несколькими возможностями направить посетителей к конверсии.

Это лаконично, эффективно и отлично демонстрирует продукт, не теряя при этом внимания потенциальных клиентов.

Делайте заметки!

Помните об этих дополнительных советах при создании потрясающих целевых страниц:

1. Убедитесь, что они оптимизированы для мобильных устройств. Это касается каждой страницы вашего сайта. По состоянию на 2019 год 53 процента всего веб-трафика приходилось на мобильные устройства. Не упускайте этих посетителей из своего плана.
2. Если на вашей целевой странице используются формы, постарайтесь минимизировать количество полей, которые им необходимо заполнить. Одна компания сократила свою форму с 11 полей до четырех и увидела рост конверсии на 120 процентов.
3. Все любят видео, поэтому по возможности используйте видео на своих целевых страницах. Еще лучше, если вы сможете сделать свою собственную, а не использовать чужую. Одно исследование показывает, что добавление видео может повысить конверсию на 86 процентов.

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

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

Просто помните: все потрясающие целевые страницы имеют четкий и прямой обмен сообщениями в сочетании с плавным и оптимизированным пользовательским интерфейсом.