Как убедить своих посетителей сделать решающий шаг на вашем сайте?
Существует так много элементов, в которых нуждается первоклассная целевая страница, и то, как сделать эти элементы «лучшими», часто зависит от целей вашей целевой страницы.
Возьмите длину формы, например. Это лишь один из многих компонентов, которые необходимо оптимизировать, но лучшие практики покажут, что как короткие, так и длинные формы работают хорошо; Все зависит от того, хотите ли вы генерировать много (потенциально) представлений формы низкого качества или меньше представлений более высокого качества.
Поэтому, если вы хотите улучшить игру на целевой странице, полезно узнать, что включает в себя отличная целевая страница, и посмотреть некоторые примеры этих нюансов в действии.
Нажмите на одну из ссылок ниже, чтобы перейти к этому разделу статьи:
Удивительно, но когда я начал исследовать примеры целевых страниц, я понял, что едва ли есть какие-либо сайты с современными и впечатляющими макетами целевых страниц, которые были бы чем-то большим, чем просто регистрационная форма на домашней странице. Поэтому мы решили составить список целевых страниц, которые мы любим.
Большое предупреждение здесь: У меня нет доступа к статистике на этих страницах, поэтому я не могу сказать вам, насколько хорошо они конвертируют посетителей, потенциальных клиентов и клиентов. Тем не менее, эти примеры, даже те, которые больше не активны на веб-сайте компании, содержат некоторые из лучших комбинаций элементов целевой страницы, которые я видел.
Очевидно, что если вы захотите попробовать какую-либо из этих тактик на своем собственном сайте, единственный способ узнать, сработают ли они для вас наверняка, – попробовать их самостоятельно.
Регистрация целевых страниц
1. Shopify
Как и многие другие целевые страницы в этом посте, тестовая целевая страница Shopify делает его простым. Например, ориентированный на пользователя заголовок – это всего лишь несколько слов, а страница опирается на простые маркеры, а не на абзацы, для передачи деталей и преимуществ теста. Есть только несколько полей, которые вы должны заполнить, прежде чем начать. Все это облегчает задачу: продавайте онлайн с помощью своего инструмента.
2. Морда
Целевые страницы помогают пользователям решить, действительно ли их продукт или услуга стоят их драгоценного времени и энергии. Что может быть лучше, чтобы четко и прямо донести ваше ценностное предложение до столкновения с проблемой, которую решает ваше приложение?
Muzzle, приложение для Mac, которое отключает экранные уведомления, полностью охватывает этот образ мышления на своей минимальной домашней странице. Посетителей страницы встречает лавина смущающих уведомлений в верхнем левом углу экрана. Анимация не только увлекательна, но и позволяет убедительно передать полезность приложения без длинных описаний.
3. TransferWise
TransferWise позволяет отправлять и получать деньги в разных валютах, а его целевая страница, показанная ниже, разделяет каждое отдельное действие, поэтому вы не отвлекаетесь на варианты, которые не относятся к вам.
Если вы хотите отправить деньги, вы можете заполнить форму перевода. Чтобы получить деньги, просто нажмите на среднюю вкладку, и чтобы подписаться на TransferWise со своей дебетовой картой, нажмите на крайнюю правую вкладку.
Каждая вкладка на этой целевой странице производит различный призыв к действию в зависимости от того, что регистрируется, каждая в ярком зеленом поле, чтобы выделить ваш следующий шаг после трех возможных отправных точек.
4. Airbnb
Чтобы помочь посетителям превратиться в хостов, Airbnb предлагает увлекательную персонализацию – примерный прогноз среднего дохода за неделю в зависимости от вашего местоположения. Вы можете ввести дополнительную информацию о ваших возможных адаптациях в полях, чтобы получить еще более персонализированную оценку.
Если вы посещаете страницу убедительно, четкий призыв к действию в верхней части страницы позволяет легко конвертировать на месте.
5. Teambit
Обычно это не первое слово, которое приходит на ум, когда вы думаете о программном обеспечении для HR, но целевая страница Teambit, которая очень показательна, именно такова. Простая форма поля сопровождается очаровательным офисом, заполненным персонажами животных, все из которых удовлетворены Teambit, если вам интересно. Мультфильм животных появляется рядом с каждым информативным разделом целевой страницы, заставляя посетителей прокручиваться вниз для получения дополнительной информации.
Целевая страница Teambit является прекрасным доказательством того, что вам не нужен традиционно «забавный» продукт или услуга, предлагающая создать забавную целевую страницу.
(Нажмите здесь, чтобы увидеть полную домашнюю страницу.)
6. Вистия
Во-первых, это домашняя страница Wistia для вашей бесплатной учетной записи Wistia. Сразу же посмотрите на форму в поле, чтобы создать учетную запись – синий фон с минимальным дизайном приятно контрастирует с ярко-белым полем формы.
Длина поля формы в сочетании с заметным местоположением устраняет почти все трения при создании учетной записи … но если у вас есть сомнения, вы всегда можете прокрутить вниз, чтобы прочитать ответы на наиболее часто задаваемые вопросы. Разделяя эти две секции в резком цветовом контрасте, Wistia делает намного проще сосредоточиться на преобразовании.
7. Веб поток
Webflow, инструмент дизайна для веб-разработчиков, упаковывает много информации в один GIF и три поля формы. Приятно при этом заполнить регистрационную форму в одной строке, она не только делает страницу короче, но и заполнение каждого поля слева направо показывает пользователям, насколько они близки к нажатию четвертой кнопки. синий и начать бесплатно.
Анимированный GIF под формой отображается в том же фрейме на веб-сайте, поэтому пользователи могут видеть, как работает продукт, зарегистрироваться без прокрутки или щелкнуть новую страницу.
Целевые страницы электронных книг
8. Науто
Nauto, платформа данных для автономных автомобилей, помогает сделать автономное вождение более безопасным для компаний, которые управляют автономными автопарками. Естественно, ваши клиенты будут нуждаться во всех видах информации, чтобы продавать их на этой платформе. У Nauto она есть, она упакована в супер простую электронную книгу, домашняя страница которой дает вам краткую контактную форму и предварительную статистику, чтобы продемонстрировать, почему этот ресурс так важен.
В верхней части страницы, показанной выше, теплое фото интерьера автомобиля охватывает форму захвата свинца. Зеленая кнопка «Загрузить сейчас», возможно, даже была преднамеренной (в конце концов, зеленый означает «идти», в конце концов)
Прокрутите вниз, и вы увидите еще один призыв к действию «Получить электронную книгу», чтобы напомнить пользователям, что впереди. Вы также увидите три резких статистических данных об автомобильных авариях, чтобы побудить пользователей узнать больше. Проверьте это ниже.
9. Маркетинг промышленной силы
С самого начала эта целевая страница привлекает меня неотразимым заголовком: «Не приближай меня». Это прямо говорит об обычном опыте, который испытывал большинство из нас при просмотре на наших телефонах или планшетах, и это также немного дерзко.
Но это не единственное, что меня заинтересовало этой целевой страницей. Обратите внимание, как красный цвет стратегически расположен – он находится сверху и снизу формы, приближая его к событию конверсии.
Кроме того, этот дизайн является целью загрузки: он также выглядит и отлично работает на мобильных устройствах. Имейте в виду, что многие посетители будут получать доступ к вашим целевым страницам на своих смартфонах или планшетах, и, если ваш веб-дизайн им не подходит, они могут просто сдаться и покинуть вашу страницу.
Специалисты Industrial Strength Marketing сделали поле шрифтов и форм достаточно большим, чтобы посетителям, например, не приходилось сжимать изображение, чтобы увеличивать его, чтобы читать и взаимодействовать с контентом.
10. Входящие эмоции
Даже если вы не говорите по-испански, вы все равно сможете оценить возможности конверсии на этом партнерском сайте HubSpot. Мои две любимые функции на странице? Форма остается в фиксированной и заметной позиции при прокрутке сайта. Я также люблю руки, которые служат указателями, чтобы заполнить форму и поделиться страницей с другими.
11. Velaro Live Chat
Иногда самые маленькие детали имеют самое большое значение. Это то, что делает домашнюю страницу Velaro Live Chat удивительной, например.
Этот маленький символ PDF на изображении функции помогает установить ожидания относительно формата, в котором будет происходить загрузка. Стрелка перед заголовком помогает направить ваше внимание на важную копию, которую вы хотите, чтобы посетители читали. Как и IMPACT, у них также есть автоматический флажок для подписки на вашу новостную рассылку в их форме, которая, если она становится флажком принятия, является отличным способом увеличить число подписчиков. Все эти, казалось бы, незначительные мелочи помогают объединить солидный и восхитительный дизайн целевой страницы.
12. ВЛИЯНИЕ Бренд и дизайн
Полное раскрытие: IMPACT является партнером HubSpot, но это не то, почему они включены сюда. Домашние страницы IMPACT издавна были источником вдохновения для дизайна. Мне нравится простой макет страницы, от большой титульной копии и подробного изображения до контуров, окружающих форму, цвета и шрифты, которые очень приятны для глаз.
Бесплатное руководство, которое IMPACT предлагает скачать здесь, также не подчеркивает загрузку на синей кнопке, которая позволяет вам отправить заполненную форму. Скорее, IMPACT приглашает вас «генерировать больше конверсий», сосредоточив внимание на том, что вы можете получить в результате чтения руководства.
Целевые страницы для получения дополнительной информации
13. Отказаться
Неудивительно, что Unbounce находится в верхней части этого списка; фактически они написали книгу о создании целевых страниц с высокой конверсией. Хотя на этой целевой странице есть много удивительных вещей, две из которых мне очень нравятся: 1) Использование окна чата вместо классического способа и два) подробная информация, но хорошо упакованная, ниже формы.
Первый помогает обратить внимание на цель страницы, так что вы аккуратно заполняете форму, и это кажется менее сложной задачей. Второй дает этой странице повышение SEO (у поисковых систем будет больше контента для сканирования) и снимает любые опасения со стороны людей, которым необходимо узнать больше о контенте перед отправкой своей информации, и все это, не отвлекая людей от окно чата.
14. Bills.com
Люди часто думают о целевых страницах как о статических страницах на своем сайте. Но с правильными инструментами вы можете сделать их интерактивными и персонализированными.
Возьмите следующий пример с Bills.com. Чтобы узнать, выиграете ли вы от своего запроса, ответьте на три вопроса, прежде чем отобразить форму. Начните с этого:
Затем ответьте еще на два вопроса, например:
И вот последняя форма на целевой странице, где вы заполняете свои данные:
Я не уверен, как работает алгоритм (или есть ли он), но пока я его заканчивал, у меня было некоторое беспокойство по поводу рейтинга. Как только я узнал, что да, я был взволнован, чтобы заполнить форму, что, я уверен, большинство людей, которые имеют долги и используют этот инструмент, делают. Сделав это предложение более эксклюзивным, прежде чем форма появилась на целевой странице, я бы поспорил, что Bills.com значительно увеличил конверсию.
15. Трулия
Trulia сделала нечто очень похожее на Bills.com со своей целевой страницей. Он начинается с простой формы, которая запрашивает «адрес» (который звучит менее жутко, чем «ваш адрес», хотя именно это они и имеют в виду). Под этим простым полем формы находится ярко-оранжевая кнопка, которая хорошо контрастирует с изображением героя позади формы, подчеркивая, что цитата будет персонализирована в вашем доме.
Конечно, самого адреса не хватит, чтобы оценить стоимость дома. Это просто обозначает окрестности дома. Вот почему на следующей странице приводятся дополнительные вопросы о самой собственности, например, о количестве кроватей и ванн. После этого вы увидите копию «Сообщите нам, куда отправить отчет» с оговоркой об отказе, что, вводя эту информацию, вы соглашаетесь связаться с агентом по недвижимости. Это отличный пример компании, которая ценит своих посетителей с самого начала, одновременно определяя ожидания посетителей относительно того, что произойдет в результате.
16. Landbot
Landbot, сервис, который создает целевые страницы на основе чат-ботов, размещает свой собственный продукт в центре своей целевой страницы на основе чата. Посетителей встречает дружелюбный бот, укомплектованный смайликами и GIF-файлами, который поощряет их предоставлять информацию в формате разговора, а не традиционным способом.
17. Веб-преимущества
Для небольшого контраста … как насчет длинных целевых страниц? С помощью всего лишь нескольких трюков вы можете сделать даже самую длинную целевую страницу короткой. Целевая страница Webprofits ниже показывает, как это сделать.
Справа вверху есть подсвеченная кнопка CTA для получения дополнительной информации, с хорошим контрастом с фоном, чтобы выделить его, и стрелка вниз, чтобы стимулировать прокрутку. Не помещая поле формы заранее, они помогают уменьшить трение и предоставляют посетителям возможность узнать больше, прежде чем им предложат опцию преобразования.
Они также помогают вам узнать, что на самом деле предлагает Webprofits. На остальной части страницы представлена подробная информация о том, что вы получите, когда отправите свою информацию. Кроме того, он включает в себя стратегические CTA, которые помогут вам вернуться наверх и заполнить форму, например «Let's Talk».
18. H.BLOOM
Иногда вам просто нужно остановиться и полюбоваться целевой страницей, чтобы быть красивой. При использовании фотографий высокого разрешения и большого количества пустого пространства приятно видеть домашнюю страницу H.BLOOM.
В дополнение к своей красоте, на странице есть несколько отличных элементов преобразования: форма в верхней половине страницы, четкое и краткое описание того, что произойдет, когда вы заполните форму, и даже ярко-оранжевая кнопка «Отправить». Единственное, что мы изменили бы? Копия на кнопке «Отправить», которая может быть более конкретной для рассматриваемого предложения.
19. Конверсионная лаборатория
Хотя вы обычно не добавляете пример домашней страницы с формой в пост на целевых страницах, этот сайт особенный. Домашняя страница является полным веб-сайтом; Навигационные ссылки приведут вас к информации ниже.
Когда вы нажимаете «Получить справку по целевым страницам», весь сайт перемещается, чтобы освободить место для формы. Вот как это выглядит перед нажатием:
И, когда вы нажимаете на этот CTA, посмотрите, как выглядит форма:
Мне нравится, что вам не нужно покидать страницу, чтобы заполнить форму, однако форма не будет навязчивой для случайных посетителей сайта.
Идеи целевых страниц
Хорошо оптимизированная целевая страница может превратить потенциальных клиентов в потенциальных клиентов, собирая информацию, которая поможет вам лучше понимать, рекламировать и радовать посетителей. Поскольку целевые страницы имеют решающее значение для конверсий, важно убедиться, что они хорошо спланированы, разработаны и выполнены.
Вот несколько вещей, которые следует учитывать при создании целевых страниц:
