Лендинг пример: 25 примеров крутого оформления лендинга

Вместо заключения

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

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

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

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

По материалам: oberlo.com

05-12-2016

Вдохновляющие примеры лендингов для вашего бизнеса

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

Особенности построения landing page

Чаще всего лендинги создают для продажи товаров, анонсирования конкурсов, регистрации на мероприятия, набора учеников или поиска сотрудников.

Можно создать посадочную страницу по своим правилам, но проще руководствоваться проверенными советами.

Дизайн

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

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

Контент

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

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

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

Мы писали подробный материал о том, как сделать лендинг самому.

Важно! Лендинги не продвигают с помощью SEO, так как их жизненный цикл слишком короткий. Большинство посадочных страниц создают на время действия акции или для вывода на рынок нового товара. Пользователи приходят через email-рассылку, таргетированную, баннерную и контекстную рекламу, поэтому вряд ли удастся найти удачный пример landing page, оптимизированной под поисковики.

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

Примеры хороших лендингов

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

Продажа товаров

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

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

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

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

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

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

Конкурсы и специальные проекты

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

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

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

Регистрация на мероприятия

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

Организаторы Digital sales and marketing world приглашают маркетологов зарегистрироваться на воркшоп. Поскольку информации много, ее разбили на небольшие блоки и разбавили фотографиями. Видеоподложка на первой странице демонстрирует масштаб мероприятия.

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

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

Набор на обучение

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

Khan Academy выбрала стиль оформления в духе энциклопедий научпоп. Чтобы донести свое послание до будущих учеников и преподавателей, на лендинге кратко сформулированы преимущества академии и добавлены яркие живые фотографии. Кнопка CTA есть почти в каждом блоке.

Вирусный контент

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

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

Поиск сотрудников

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

Creative People придумали персонажей и изобразили будущих сотрудников в роли супергероев. С помощью этого приема удалось небанально и увлекательно рассказать соискателям о компании.

Творчество и юмор

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

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

Австралийский информационный портал SBS адаптировал рассказ из книги «Лодка» вьетнамского писателя Нам Ле и поместил его на лендинге. Это творческий проект по переводу художественных книг в визуальный формат. Получился графический черно-белый роман с интерактивными элементами. По мере прокрутки страницы обновляется текст, меняется фон и появляются дополнительные эффекты в виде дождя и молний. На момент написания статьи лендинг собрал 19 тысяч лайков.

Активисты бегового клуба Run Evolution создали шутливый лендинг, чтобы привлечь внимание к беговому клубу. Вместо того, чтобы в очередной раз рассказать о пользе здорового образа жизни, они пообещали избавить от беговой зависимости. Лендинг получил вирусный эффект и появился на многих развлекательных сайтах.

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

Аудитория попадает на landing page благодаря таргетированной и контекстной рекламе. Еще один способ привлечь посетителей — настроить email и push уведомления или создать чат-бота. Это удобно сделать с помощью сервиса SendPulse.

Примеры одностраничных лендингов

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

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

Примеры одностраничных лендингов:

1. Дом на бульваре – жилой комплекс

Vib-dom.ru – грамотный и красиво собранный лендинг агентства недвижимости, нацеленный на сбор заявок на приобретение жилья в новострое. Примечательно, на странице нет кнопок вроде «перезвонить» или «оставить заявку». Страница убедительно описывает преимущества жилого комплекса, выдаёт кучу ссылок на цифровые копии разрешительных, отчётных и других типов документов, подтверждающих надёжность перспектив жилмассива, и щедро делится контактной информацией. Лендинг рассчитан на то, что клиент, ознакомившись с характеристиками проекта, сам перезвонит в отдел продаж или заедет на один из офисов компании. То есть призыв к обращению ненавязчивый, описание комплекса является естественным поводом для заинтересованности.

Дизайн у страницы отличный. Приятная пастельная цветовая гамма ассоциируется с уютом и, кстати, примерно соответствует цветовой схеме отделки жилого комплекса, судя по фото. Гармонично получилось, всё в едином стиле. Фотографии подобраны отличные, они дают выгодно позиционируют проект. Описания планировок квартир чёткие, понятные. Доводы для преимуществ выбраны весомые, текст лаконичный и качественный. Без воды и пространных утверждений, каждая фраза несёт полезную информацию потенциальному клиенту. Страница существует уже около 2-х лет – перед вами лендинг-долгожитель. Это связано со спецификой ниши – привлекать клиентов начали ещё в начале застройки. Интересный одностраничник.

2. Viaresto – цифровое оборудование для кафе и ресторанов

Viaresto.ru – превосходно оформленная страница компании, которая занимается поставкой, установкой и обслуживанием цифрового оборудования для видеонаблюдения, звука, работы касс, Wi-Fi и прочего в различных общественных заведениях. Предельная информативность, тщательно подобранные аргументы убеждения, грамотная текстовая и структурная подача, отличное графическое сопровождение описаний – всё это в совокупности производит сильное впечатление. Несмотря на большое количество информации и элементов, лендинг не ощущается перегруженным, читать интересно, потому что всё по делу и в деталях подано.

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

3. Re: content – страница веб-студии

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

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

4. Печатниковъ – лендинг типографии

Печатниковъ.рф – симпатично оформленная страница типографии. Характерный логотип с отсылкой к старославянским первопечатникам, намекающий на аутентичность ремесла и повышающий его значимость в наше цифровое время. Шапка атмосферно выглядит, хотя элементы в ней расположены ассиметрично. В мобильной версии этого не видно. Есть меню для быстрой навигации по секциям. Кстати, этот лендинг многостраничный: иконки с изображениями услуг содержат ссылки на страницы с их описаниями. Это не противоречит идее лендинга, они тоже бывают многостраничные. Суть оффера сводится к обращению в типографию. На одной странице нельзя выкладывать два десятка услуг – она получится слишком длинной, не дочитают. Поэтому создание дополнительных статических страниц здесь вполне оправдано.

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

5. Страница производителя кабин для переводчиков

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

Структура страницы крайне простая: чередующиеся секции с описанием нескольких моделей синхрокабин. Характеристики везде практически одинаковые, по ним трудно понять отличия между моделями, зато можно отметить несколько полезных свойств. Тем не менее, они не являются информативными. Главный посыл страницы в том, что существует компания, которая производит столь специфический товар, у неё есть адрес, телефон, почта и даже профиль VK. Можно звонить и узнавать подробнее.

Подводим итоги

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

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

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

Разбираем понятие «Лендинг», чем отличается от сайта, в каких случаях использовать, раскрываем секреты конверсионных лендингов

Что такое лендинг?

Чем лендинг отличается от сайта?

Для чего и в какиз случаях используется?

Структура лендинга 

Ошибки при создании лендингов

Примеры 

Что такое лендинг?

Лендинг (landing page) в переводе с английского — «посадочная страница» — одностраничный сайт, который нацелен на сбор контактных данных посетителей либо на продажу конкретного товара или услуги. Такие одностраничники называются «посадочными страницами», потому что на них, условно говоря, «сажают» трафик. То есть посетители попадают на лендинги из контекстной, таргетированной или медийной рекламы, а также из email-рассылок.

Чем лендинг отличается от сайта

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

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

Для чего и в каких случаях используется

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

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

Структура лендинга

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

• Первый экран — знакомство и захват внимания. Пользователь должен понять, куда он попал, что ему предлагают и захотеть изучить информацию ниже. Для этого постарайтесь создать как можно более цепкий заголовок и привлекательный оффер, который содержит ваше уникальное торговое предложение. 
• Короткий призыв к действию — Call to action. Пользователь должен быть заинтересован оставить свои контакты вам. Вы можете выбрать 1 или 2 призыва к действию, которые будут повторяться у вас на странице. Например, «Заказать обратный звонок» и «Получить чек-лист по созданию лендинга». Этого достаточно, чтобы не «распылять» внимание пользователей. Именно эти лиды будут попадать в скозную аналитику для дальнейшего анализа.
• Раскройте оффер, который вы заявили на первом экране. Расскажите подробнее о сути вашей услуги или продукта. Говорите на языке выгод для клиента («Вы получаете…») и используйте тезисную подачу информации. 
• Описание продукта/услуги, информация о том, как вы работаете. Подробное описание усиливает доверие, вносит ясность в процесс получения услуги и ускоряет принятие решение о контакте с вами. 
• Триггеры доверия: информация о ваших клиентах, достижения или отзывы. Если у вас есть сертификаты или дипломы, которые вы можете показать, то обратите внимание на то, чтобы каждый сертификат был кликабельным, увеличивал масштаб и был читабельным. Отзывы или логотипы клиентов удобно размещать в формате слайдера с автопрокруткой.
• Тарифы и стоимость. Расскажите о стоимости продукта/услуги и возможностях оплаты. 
• Контакты для связи. В финале — еще раз призыв к действию с формой обратной связи и контактные данные (телефоны, адрес, ссылки на социальные сети). Обязательно поставьте подменный номер телефона в контактах и учитывайте эти лиды в сковзной аналитике.

Ошибки при создании лендингов

• Хаотичная и не проработанная структура лендинга — одна из самых главных ошибок. Перед тем, как создавать дизайн, необходимо предварительно продумать путь пользователя по вашему будущему одностраничнику. Разумеется, он будет двигаться «сверху-вниз», но вот какую информацию он будет получать и в каком порядке — другой вопрос. Задача любого хорошего лендинга проста: привлечь внимание → усилить интерес → отработать возражения → окончательно убедить социальными доказательствами → мотивировать оставить свои контакты. 
• Ошибки в копирайтинге или «текст не продает». Текст должен быть емким и по делу, а также удобным для чтения. Никаких сплошных абзацев текста, информацию лучше подавать тезисами, инфографикой и только в крайних случаях — малыми абзацами. Говорить с пользователями важно на «языке выгод», а описывать преимущества компании лучше с использованием цифр.
• Оффер в рекламе не совпадает с оффером на лендинге. Бывает так, что пользователь кликает на объявление в контекстной или таргетированной сети, а при переходе на лендинг он видит совсем другие условия акции либо полное отсутствие информации о таковой. Все это вызывает недоумение и ощущение ошибки, как следствие — пользователь покидает страницу. 
• «Перегруженный» визуал. Слишком яркий, аляповатый, иногда даже с неуместной анимацией. Все это приводит не только к долгой загрузке страницы, но и к эстетическому дискомфорту пользователей и снижению уровня доверия. 
• Ссылки на другие сайты. Задача лендинга — конвертация пользователей в лиды. Поэтому очень важно не ставить ссылки на сторонние ресурсы (даже очень полезные), а сохранить максимальное количество посетителей на вашей странице до тех пор, пока они не заполнят форму регистрации. 
• Отсутствие страницы благодарности — хотя она несет в себе полезную для функцию. После заполнения формы пользователь попадает на отдельную страницу, на которой желательно поблагодарить посетителя и указать информацию о том, что именно будет происходить после того, как он оставил свои данные. Например, «Спасибо за вашу заявку! Наш менеджер свяжется с вами в течение часа» или «Спасибо! Чек-лист по созданию лендингов отправлен на ваш email-адрес». 
• «Перегруженная» форма регистрации. Она должна быть как можно проще: поля для заполнения с именем, номером телефона и электронной почтой. Некоторые оставляют в форме только поле для номера телефона или только поле для электронного адреса. Все это делается для того, чтобы психологически процесс заполнения формы не вызывал никаких трудностей или сопротивления. Чем меньше заполнять, тем меньше усилий. И тем скорее пользователь решится оставить свой контакт. Формы регистрации с огромным количеством ненужных полей для заполнения вызывают только раздражение и нежелание тратить на них время. 
• Кнопки без «легкого шага». Лучше не размещать на кнопке слова «купить» или «заказать» — психологически это весомый шаг для пользователей. Такие глаголы допустимы, но в отдельных случаях. Если вы не интернет-магазин, а цикл сделки занимает у вас некоторое время, то лучше мотивируйте пользователя просто оставить свой контакт для бесплатной консультации или взамен на получения подарка.

Примеры удачных решений на лендингах

Отличный первый экран

http://ji-fruits.ru 

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

Наглядная отработка возражений

http://lite.youdrive.today/  

Хорошее наглядное решение, которое отрабатывает самый часто задаваемый вопрос целевой аудитории: как снять с замка городской самокат и начать поездку?

Еще один вариант отработки возражений

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

Вариант оформления социальных доказательств

https://quadrata.studio/ 

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

Карта выполненных работ

https://quadrata.studio/ 

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

Отличный призыв к действию

https://quadrata.studio/  

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

Сегментирование целевой аудитории

https://www.codecademy.com/ 

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

Еще один пример отличного первого экрана

https://www.codecademy.com/ 

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

Примеры ошибок на лендингах

Неудачное цветовое оформление

https://www.kotofabrika.com/sphere/ 

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

Все хорошо, кроме невнимательности

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

«Перегруженная» форма регистрации

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

примеры + секреты высокой конверсии

Все люди постоянно в поисках каких-либо фишек и ноу-хау. Они ищут интересненькие ходы, чтобы результат увеличился в десятки раз.

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

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

с чего начать

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

По теме:  Отличие лендинга от сайта: кто победит?

Уже ни для кого не секрет, что продающий и идеальный лендинг (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.

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

1. Провести анализ рынка и конкурентов;
2. Выявить ожидания, стереотипы, страхи, боли и возражения целевой аудитории;
3. Разделить ЦА на сегменты и определить их критерии выбора.

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

Поэтому, если Вы еще этого не делали и не знаете, как, то скорее бегите изучать наш блог.

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Сделайте сами
на конструкторе

структура лендинга

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания: Бена Ханта”. Выглядит схема следующим образом:

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример, как применять Лестницу Ханта, мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье.

По теме: Средняя конверсия сайта: миф разрушен.

Ну а мы с Вами разберём более детально “уровень осознанности” трафика, после чего Вы поймёте, почему это так важно. Начнём с первого этапа, основываясь на нашем клиенте.

Этап 1: Нет проблемы

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

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.

И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.

НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ

Этап 3: Решение есть, сравниваем варианты

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

1. Нужно чистить ковер, чтобы продлить его срок службы;
2. Необходимо проводить профилактику для избежания скопления бактерий;
3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
4. Можно вывести даже самые ужасные пятна.

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

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

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

– Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

На этой стадии докажите, что Ваша компания самая лучшая и предоставляет наилучшие условия среди всех других.

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

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и call to action.

А Вы откуда

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

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргетинг, либо контекстную рекламу… Еще не решили”.

Почему это так важно?

1. Таргетированная реклама. С нее придут люди, которые находятся на Этапе 1 – 2. Редко 3. И почти никогда 4.

То есть они “еле теплые” и, прежде чем купят, нужно им еще все показать-рассказать-объяснить. Поэтому не обманывайте себя ожиданиями огромной конверсии.

2. Контекстная реклама. С нее скорее всего придут те, кто находится на этапе 4 или 5. И наверняка у них в браузере будет открыто сразу несколько сайтов конкурентов помимо вашего.

Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

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

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

Пример структуры

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

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

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

1. Заголовок;
2. Выгоды;
3. Преимущества перед конкурентами;
4. Сравнение с услугами/аналогами;
5. Пример результата;
6. Условия работы;
7. Этапы чистки;
8. Почему нам доверяют;
9. Футер (карта с адресом и контакты).

Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую конструкторы landing page – PlatformaLP, Tilda, Bloxy. Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь 😉

Задачи блоков

При создании и наполнении блоков и элементов landing page, мы опирались на то, чтобы каждый из них выполнял одну из трёх задач:

1. Привлечение внимания. Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.
2. Донесение выгод. То, что чаще всего мы видим на всех сайтах. А именно информация о себе любимых или почему нужно выбрать нас.
3. Отработка возражений. Например, отработка возражения “Что будет, если мне испортят ковер?”

Прототип сайта

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

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

Вот вам пример прототипа, структура лендинг пейдж со схемами. Этот прототип я честно украла с нашего сайта, посвященного созданию landing page 😉

Коротко о главном

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

И теперь вы точно знаете, что все не так просто, как кажется на первый взгляд. Для логичного итога, давайте подытожим всё что узнали. Итак.

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

По теме:
Дизайн лендинга: 99 фишек с примерами
Landing page картинки: 14 ТОПовых примеров

12 примеров детских лендингов: оформление и структура

Характеристики хорошего лендинга

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

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

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

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

При создании лендинга важно помнить: он должен быть посвящен только одному товару/услуге. Так пользователь не растеряется в потоке информации и совершит целевое действие.

Рассмотрим несколько примеров реальных лендингов.

Пример 1. Детский фотоаппарат

Первая часть лендинга — главный экран с заголовком, УТП и кнопкой для связи:

Пример лендинга магазина детских фотоаппаратов

Далее располагаются фото и видео с призывом к действию:

Пример оформления блока с обзором товара

Есть информация о партнерстве:

Блок с информацией о партнерстве

Ниже перечисляются аксессуары, которые идут в комплекте с фотоаппаратом:

Перечисление аксессуаров

Также на лендинге есть информация по видам товара:

Обзор товаров с ценами

Внизу страницы размещена форма заявки и призыв к действию:

Форма заявки

Пример 2. Плюшевое авокадо

Следующий лендинг немного сложнее, но отличается идеальной структурой. На первом экране видим название товара и кнопку для связи:

Пример лендинга по продаже плюшевого авокадо

УТП в формате бегущей строки представлено чуть ниже:

УТП магазина — доставка в течение суток

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

Пример оформления блока с фотографиями

Затем располагается блок с отзывами:

Отзывы клиентов на лендинге по продаже игрушек

В конце — большая форма заявки:

Образец формы заявки

Пример 3. Плюшевый медведь

Главный экран лендинга выглядит так:

Пример лендинга по продаже плюшевых медведей

Описания и формы заявки здесь нет. Предложение увидят только те пользователи, которые проскролят ниже:

Кнопка заявки

Дальше перечислены характеристики товара:

Преимущества игрушки

Внизу располагаются видеоотзывы:

Отзывы в формате видео

На сайте три формы заявки; контактные данные указаны в футере.

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

Пример 4. Хомячок-плед

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

На первом экране мы видим товар, его название, УТП, характеристики, цену и форму заявки:

Пример лендинга по продаже пледов

Далее — видеообзор товара:

Блок с видеообзором

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

Ниже располагается блок с характеристиками товара:

Блок с преимуществами товара

Ближе к концу страницы находится блок с социальными доказательствами:

Пример оформления отзывов

А в конце — еще одна форма заявки:

Образец формы заявки на лендинге

Пример 5. Детский бассейн

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

Лендинг детского бассейна

Еще ниже перечислены преимущества занятий плаванием для детей:

Преимущества занятий плаванием

Далее расположен блок с описанием программ занятий:

Пример описания программ занятий на лендинге детского бассейна

Пример 6. Кроватка-дом

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

Пример лендинга по продаже детских кроваток

Сразу после главного экрана идет видео, на котором товар показан максимально наглядно:

Видео вместо текстового описания товара

Внизу страницы располагается блок с отзывами:

Блок с отзывами и фото из Instagram

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

Пример 7. Детский сад

На главном экране здесь есть описание услуги и кнопка заказа обратного звонка:

Пример лендинга детского сада

Далее следует описание преимуществ:

Пример оформления преимуществ частного детского сада

Структура лендинга не отличается ничем особенным. Здесь есть несколько форм заявок, отзывы, а также видеоролик:

Видео на лендинге детского сада

Ближе к подвалу сайта находится форма заявки с прайс-листом:

Пример оформления цен на дополнительные услуги

Пример 8. И снова плюшевое авокадо

На главном экране располагается большая фотография товара и кнопка, нажатие по которой переносит на блок с каталогом:

Пример лендинга по продаже мягких игрушек

Далее мы видим схему покупки:

Этапы покупки

Товар представлен в нескольких вариациях:

Игрушки отличаются размерами и ценами

В конце есть видеоотзывы довольных клиентов со ссылками на их аккаунты в Instagram:

Видеоотзывы клиентов

Пример 9. Фотоаппарат-игрушка

Рассмотрим еще один лендинг, на котором продаются фотоаппараты для детей. Основное его достоинство — яркий и приятный дизайн:

Пример дизайна лендинга по продаже детских фотоаппаратов

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

Далее представлена инструкция по оформлению заказа:

Инструкция по оформлению покупки

Пример 10. Детский сад

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

Еще один удачный пример лендинга детского сада

Ниже подробно расписан прайс-лист:

Образец оформления прайс-листа

Есть список преимуществ:

Описание преимуществ детского сада

Единственный заметный минус — отсутствие формы заявки в конце страницы. Здесь есть только кнопка для связи:

Футер лендинга детского сада

Пример 11. Еще один детский сад

На главном экране есть форма заявки и цена:

Пример лендинга детского сада

На экране ниже — список преимуществ детского сада:

Перечень особенностей детского сада

Далее о каждом из преимуществ рассказывается подробнее:

Подробное описание преимущества

В конце располагаются форма заявки и блок с отзывами:

Форма заявки в формате записи на экскурсию

Пример 12. Плюшевая акула

Главный экран этого лендинга выглядит следующим образом:

Пример лендинга по продаже плюшевых акул

Есть название товара, его фотография, описание, УТП, цена и кнопка заказа.

Ниже описываются характеристики игрушки:

Оформление характеристик игрушки

Вместо отзывов здесь представлены фотографии довольных клиентов:

Фото клиентов с товаром

Далее располагается галерея с забавными и привлекательными фотографиями игрушки:

Галерея с фото

В конце есть форма заявки и информация о доставке.

8 невероятных целевых страниц для приложений (и как их создавать)

Вот действительно веская причина, почему вам нужна целевая страница для приложений:

Вы в последнее время заглядывали в магазин приложений iPhone? Как насчет Google Play?

Я видел свалок с лучшей обработкой.

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

(И, перефразируя Брэдли Литтла Contently, вирусное распространение — это , а не стратегия.)

Первый шаг в продвижении вашего приложения для iPhone или Android — это поиск правильных каналов для его продвижения. Использование универсальных кампаний для приложений (UAC) Google Рекламы — хорошая отправная точка, но многие маркетологи получают дополнительные преимущества от традиционных кампаний PPC, маркетинга в социальных сетях, перекрестного продвижения приложений или даже рассылки сообщений по электронной почте подписчикам информационных бюллетеней.

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

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

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

Как создать целевые страницы мобильного приложения

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

1. Сначала определите цель конверсии. Как видно из приведенных ниже примеров, целевая страница приложения может состоять из множества элементов. Это может быть простая страница загрузки со ссылками непосредственно на магазины приложений для Android и iOS.Или вы можете захотеть, чтобы ваши клиенты сначала подписались на вашу услугу. или им может потребоваться приобрести физический продукт для работы приложения. В любом случае, ваша цель конверсии будет иметь большое влияние на ваши призывы к действию, текст и даже дизайн. Итак, начнем с этого.
2. Начни с мобильного. Если вы похожи на меня, при создании новой целевой страницы вы по умолчанию используете рабочий стол. (Честно говоря, наш конструктор вроде как поощряет это.) Но поскольку приложения предназначены в первую очередь для телефонов, обычно имеет смысл сначала создать вашу мобильную версию.Таким образом, вам лучше настроить себя для тех посетителей, которые с наибольшей вероятностью скачают ваше приложение.
3. Держите их внимание. Это верно для всех целевых страниц, но страницы приложений, которые поощряют прямую загрузку, особенно выигрывают от соотношения внимания 1: 1. Так что не давайте им мир. Вместо этого предложите своим посетителям важную информацию, необходимую для преобразования.
4. Покажите прибор. В идеале вы хотите показать, что ваше приложение работает на устройстве, максимально похожем на то, что используют клиенты.Иногда это iPhone. Иногда это телефон Android. Он будет отличаться в зависимости от сценариев использования, кампании, которую вы проводите, и типов клиентов, которых вы обслуживаете.
5. И оставайтесь на месте! Может возникнуть соблазн использовать подход к целевой странице вашего приложения в стиле кухонной раковины, особенно если у вас есть много функций, которыми стоит похвастаться. Но, как правило, медленный опыт после клика (подумайте, четыре секунды или больше) вызывает массу разочарований и снижает ваши конверсии. По этой причине рассмотрите возможность использования AMP-фреймворка для создания быстрых страниц.

Лучшие примеры целевой страницы мобильного приложения

1. Aaptiv

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

(Industry: Fitness)

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

Почему это работает:

• Включите крупных клиентов. Отзыв от существующего члена Aaptiv говорит о гибкости приложения, а также о мотивации, которую оно обеспечивает. Я люблю это. Но для работодателей логотипы престижных брендов, таких как Starbucks и Amazon, могут иметь еще большее значение. Если я хочу, чтобы мои сотрудники чувствовали себя так, будто они работают в первоклассной компании, я не могу ничего лучше, чем сопоставить свои оздоровительные предложения с некоторыми громкими именами.
• Дизайн для устройства. Мы включили сюда скриншоты обеих версий целевой страницы, чтобы подчеркнуть различия между ними.Например, в настольной версии есть удобная разбивка некоторых функций приложения. Он также включает несколько дополнительных визуальных эффектов, которые мобильная версия выбрасывает в пользу более быстрой загрузки. Это гарантирует, что обе версии работают молниеносно — и обе по-прежнему выглядят как миллион долларов — независимо от устройства, которое используют посетители.
• Ясность показывает уверенность. Когда у вас есть что-то действительно интересное, как это делает Aaptiv, лучше, чтобы ваш продукт говорил сам за себя. Вот почему копия здесь такая простая.В настольной версии презентация Aaptiv включает скриншоты и копии, демонстрирующие уникальные программы, опытных тренеров и настраиваемое отслеживание в действии. И это намного эффективнее, чем пустословие.

ПРИМЕЧАНИЕ РЕДАКТОРА. Unbounce Builder позволяет скрывать элементы в зависимости от того, какую версию видят ваши посетители. Вы можете добиться максимального визуального воздействия на рабочий стол, ориентируясь на лучшую производительность (и большую вовлеченность) на смартфонах.

2. Продвинутый производитель

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

(Отрасль: недвижимость)

Мобильное приложение Advanced Producer Mobile от Advanced Commission служит также обучающим инструментом и средством экономии времени для РИЭЛТОРОВ®, использующих сервис комиссионного кредитования компании. Хотя у них есть и другие страницы для мобильных кампаний, эта разработана специально для просмотра на компьютере. Давайте посмотрим на некоторые из умных решений, которые они сделали при его создании.

Почему это работает:

• Используйте текстовые сообщения, чтобы загрузить их. Как обеспечить загрузку, если вы собираете целевую страницу для просмотра на компьютере? В конце концов, если у посетителей не настроена удаленная установка приложения — а не многие из них, — нажатие на ссылку на любой из магазинов приложений с рабочего стола приводит к сообщению об ошибке . Это не хорошо. Advanced Producer умело решает эту проблему, отправляя SMS прямо на свой телефон.
• Используйте мощный язык. REALTORS® — это команда конкурентоспособных, и у них нет времени тратить время на мелкие приложения. И копия, и дизайн здесь уважают это. Дело не только в сильных словах («доминируйте на своем рынке», «пожирайте страницы профессиональных советов»), но и в том, чтобы быть прямым и точным.
• Скажите, какие платформы вы поддерживаете. Какое-то время казалось, что все разработчики приложений занимаются Apple. Но поскольку телефонов Android в США больше, чем iPhone, неплохо сообщить посетителям, что ваше приложение можно загрузить в Google Play, а также в магазине приложений iTunes (при условии, что это действительно так).

3. Cameo

Как это работает Cameo: покажите свое приложение в действии.

(Сфера деятельности: таланты / подарки)

Уникальная услуга Cameo: персонализированные сообщения от знаменитостей, спортсменов и влиятельных лиц, которые вы можете отправить своим друзьям, семье или коллегам. Таланты зарабатывают деньги за минуту своего времени, а клиенты получают удовольствие на всю жизнь. Это очаровательная идея, и в ее основе лежит простое в использовании приложение.Поверьте, вашей маме понравятся эти поздравления с днем ​​рождения от RiFF RAFF.

По словам Тайлера Мабери, дизайнера из KlientBoost, создавшего эту страницу, проблема заключалась в том, чтобы дать пользователям знать, как использовать Cameo:

Я сделал раздел, в котором объясняются три шага получения Cameo, чтобы пользователи точно знали, как сервис работает. Я решил сделать так, чтобы он выглядывал выше сгиба, чтобы пользователи могли прокрутить вниз больше, чтобы прочитать об услуге. Это сработало, и эта страница получила рейтинг кликов 85%.

Почему это работает:

• Простые шаги. Как говорит Мабери, страница не стесняется рассказывать пользователям, как именно она работает. В случае с Cameo вам не нужна степень в области ракетостроения, чтобы разбираться в приложении — искать таланты, набирать таланты, получать видео от талантов. 1-2-3. Но в том-то и дело. Это легко . Перечисление шагов, когда это не требует усилий , усиливает простоту .
• Покажите им, как это работает. Не всегда удается выделить все, что делает ваше приложение.Но умное использование анимации или видео может продемонстрировать либо функциональность, либо результаты. Вот, например, Cameo предоставляет отрывок из «Mr. Замечательно », Кевин О’Лири из Shark Tank. Еще более убедительно другое видео, демонстрирующее реакцию фанатов на сообщение от Коди Ко. (И да, мне тоже пришлось его искать.)
• «Для чего это нужно?» Это тот вопрос, на который многие маркетологи забывают ответить о своей продукции. Целевая страница приложения Cameo занимает много места, чтобы рассказать о своих многочисленных применениях.Они даже приводят живые, юмористические примеры — «Пусть Крис Харрисон преподнесет подарок лучше, чем« Последняя роза »», — которые вдохновляют на творчество и веселье.

4. Карли

Как это делает Карли: Создайте целевую страницу, которая действительно соответствует вашему предложению.

(Промышленность: автомобилестроение)

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

Почему это работает:

• Предлагайте варианты (если нужно). Теперь, , обычно Unbounce рекомендует сосредоточить целевые страницы на одном призыве к действию. Но вот другой подход. Поскольку точный таргетинг на потенциальных клиентов в зависимости от их автомобиля может оказаться сложной задачей, на странице Карли есть семь кнопок.Нажав на один из них, вы попадете на страницу магазина, которая соответствует вашим потребностям. (Однако сразу же переход на страницу магазина может вызвать неприятные ощущения, поэтому стоит проверить, что может произойти, если посетители будут перенаправлены на целевую страницу второго уровня, адаптированную для каждого производителя.)
• Не спускайте глаз. В идеале посетитель должен сразу проверить, поддерживает ли Карли их автомобиль. Тогда они купили бы устройство. Но конверсия редко бывает такой. (Хотелось бы, чтобы они это сделали!) Для тех, кого не убедили, анимированная стрелка заставляет их прокручивать страницу до более подробного описания продукта, его преимуществ и некоторых кристально четких иллюстраций того, что он может делать.
• Под влиянием. Я ничего не знаю о Бимерсе. (На работу я обычно езжу на автобусе.) Но Джастин Буйс делает . Он влиятельный человек, который ведет успешный канал, посвященный настройке и обновлению BMW, и его видео на YouTube размещено на этой странице вместо отзыва. Если бы я сказал вам, что Карли классный, вы бы, вероятно, засмеялись. («Отправляйся в поход, парень из автобуса!») Но то же утверждение от кого-то вроде Джастина убедит тебя.

5.Crash Detech

Как это решает Crash Detech: предоставление бесплатных альтернатив платным услугам.

(Отрасль: автомобильная безопасность)

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

Генеральный директор компании Жако Герритс вкратце рассказывает о том, как это работает:

Наша основная цель — привлечь пользователей по нашей платной подписке, но мы также предлагаем альтернативу, в которой они могли бы попробовать приложение бесплатно. «Как только пользователь нажимает CTA, отправляется приветственное SMS / текстовое сообщение со ссылкой на наше приложение, побуждающее пользователей загрузить и войти в систему. Затем мы используем методы автоматизации, чтобы перенаправить пользователей, которые не загрузили приложение и не вошли в него, чтобы еще больше повысить коэффициент конверсии.

Почему это работает:

• Предложите бесплатную альтернативу. Здесь есть две кнопки, позволяющие посетителям либо подписаться на платную подписку сейчас, либо получить бесплатную версию службы. Подключение людей к вашему приложению с ограниченной функциональностью (или использование бесплатной пробной версии) делает две вещи. Во-первых, это позволяет им попробовать перед покупкой. И, во-вторых, он начинает стратегию по привлечению потенциальных клиентов, которая в конечном итоге превратит многих неоплачиваемых пользователей в платящих клиентов.
• Обещание безопасности. Безопасность и надежность могут быть мощными мотиваторами, как и на всей этой странице. По словам Герритса, копия здесь сразу же устанавливает «прочную связь с посетителем с помощью эмоционального текста заголовка. В нашем подзаголовке суммируются наши преимущества, предлагая решение, которое обеспечит вам безопасность и безопасность ».
• Используйте освещение в СМИ как источник доверия. Если вам посчастливилось попасть в местные или международные новости — надеюсь, по веским причинам — включение его на вашу целевую страницу, как это делает Crash Detech, может придать вам легитимность и преодолеть скептицизм.(В эпоху «фейковых новостей» лучше обращаться к наиболее надежным источникам.)

6. Hearth

Как это делает Hearth: не усложняйте задачу, чтобы посетители не отвлекались.

(Отрасль: ремонт дома / финансирование)

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

Почему это работает:

• Только самое необходимое. Если вы творческий человек, то легко увлечься добавлением наворотов на целевые страницы. По правде говоря, у Hearth есть и другие страницы на их сайте, которые во многом убеждают. Эта целевая страница имеет одну цель — побудить существующих подписчиков загрузить свое приложение — и делает это чисто и напрямую.
• Пуговицы над сгибом. Очень часто можно увидеть целевую страницу приложения, заставляющую пользователей прокручивать страницу, чтобы найти ссылку для загрузки. Вместо этого Hearth разумно решает поместить их обоих ближе к вершине. Они также держат их большими и разнесенными, чтобы преодолеть проблему «большие руки, маленькие устройства», с которой сталкиваются подрядчики.
• Ослабьте нагрузку. В Unbounce мы можем многое сказать о важности скорости. Но для целевых страниц мобильного приложения скорость важна вдвойне. Когда вы заходите на эту страницу на телефоне, вы замечаете, что быстро загружает (примерно за 2 секунды).Это связано с тем, что Hearth помогает пользователям смартфонов не допустить добавления ненужного контента (например, анимированного GIF-изображения, показывающего приложение в движении).

7. Ibotta

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

(Отрасль: Retail Rewards)

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

Почему это работает:

• Простое не означает тихое. Как и в примере из Hearth выше, целевая страница приложения Ibotta выглядит довольно просто.Но только вдумайтесь, сколько они говорят на этой странице парой десятков слов. Во-первых, их обещание предельно ясно: «Зарабатывайте кэшбэк на повседневных покупках». Затем они подслащивают сделку обещанием бонуса за регистрацию. Даже кнопка напоминает вам, что приложение можно использовать бесплатно.
• Сократите это. Если вы посмотрите на всю страницу, то заметите, что Ibotta потрудился включить сюда только верхнюю треть телефона. Помимо того, что вы видите при загрузке страницы, на самом деле нет ничего, кроме нижнего колонтитула.Это сохраняет страницу светлой и сфокусированной . Это также означает, что вариант загрузки Ibotta — независимо от того, нажимаете ли вы кнопку или ссылку в нижнем колонтитуле — это , а не на экране. Гений!
• Загрузка приложения — это только начало. Для того, чтобы Ibotta преуспела, им нужно, чтобы пользователи освоили этот приятный цикл взаимодействия с мобильными устройствами и начали регулярно использовать свое приложение. По этой причине щелчок приводит посетителей к более подробной странице регистрации (где они могут создать учетную запись с помощью Facebook или Google), которая также служит для улучшения подписчиков на борту.

ПРИМЕЧАНИЕ РЕДАКТОРА. Цикл взаимодействия с мобильным приложением — это то, что происходит, когда клиент постоянно повторно привлекается после конверсии. Благодаря ему люди будут использовать ваше приложение еще долго после того, как скачали его, что может иметь важное значение в зависимости от вашей бизнес-модели.

8. Overwolf

Как это делает Overwolf: геймифицируйте свои маркетинговые кампании приложений.

(Отрасль: игры / киберспорт)

Учитывая размер игровой индустрии, «ниша» определенно не подходит для описания целевого рынка Overwolf.Но эта целевая страница — потрясающий пример того, как привлечение определенной аудитории выходит за рамки остроумного текста и четкого дизайна. В рамках перекрестного продвижения с фильмом 20th Century Fox «Ребенок, который хотел бы стать королем» Overwolf создал игровой процесс, который напрямую обращается к более молодым игрокам, составляющим аудиторию этого фильма.

Менеджер по коммуникациям и контенту Overwolf, Шей Зелдис, подробно излагает стратегию:

Это страница, созданная для игроков CS: GO, League of Legends и Rocket League, с сильными стимулами и призами игрового оборудования, в проверенный макет, повышающий конверсию.Чтобы привлечь трафик и игроков, которые готовы участвовать, мы сосредоточили внимание на сообществах, социальных сетях и видеоканалах, а соответствующие материалы привлекали внимание игроков еще до того, как они попали на страницу.

Почему это работает:

• Сделайте загрузку приложения более игровой. Это не просто целевая страница, это задача : как начать свой путь к славе? Вы загружаете приложение Overwolf’s Game Summary, выигрываете матч в одной из трех популярных игр, а затем публикуете результатов в Twitter.Это отличный способ стимулировать скачивание и отражает соревновательный дух киберспорта.
• Используйте перекрестное продвижение. Связь с «Ребенком, который хотел бы стать королем» выходит за рамки простого использования логотипа. Копия здесь смешивает легенду о короле Артуре («Отправляйтесь в волшебное приключение») с тем, как игроки разговаривают друг с другом (миссии, пользовательские игры, исключения, цели), чтобы создать ощущение веселья.
• Выберите правильные социальные каналы. Как сказал генеральный директор Ури Маршан в недавнем посте на Medium, «бренды, пытающиеся привлечь игроков так же, как они обращаются к случайным посетителям веб-сайтов, быстро осознают свою ошибку.«Overwolf, например, научился попадать в сообщества и социальные каналы, где на самом деле собираются молодые игроки. Например, они создали эти потрясающие промо-ролики и ролики с реакциями на YouTube, которые вызывают шумиху еще до того, как они увидят саму целевую страницу.

Не ждите, пока ваше приложение будет обнаружено, создайте целевую страницу приложения

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

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

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

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

---

Лучшие целевые страницы для приложений: связанный контент

Я просто поразил вас огромным количеством информации, но есть еще чему поучиться! Если вы хотите, чтобы ваша целевая страница работала как Queen на LIVE AID в 1985 году — извините, только что смотрел этот фильм — тогда вам нужна отличная система преобразования. Приведенные ниже фрагменты должны помочь в этом:

1. Прежде чем конвертировать людей на свою страницу, вы должны привлечь их на свою страницу: Прочтите Брэда Смита о том, как вы можете выйти за рамки лучших практик PPC.
2. Еще не создали страницу? Unbounce и Skillshare помогут вам:
   Бесплатный ускоренный видео-курс от Unbounce и Skillshare
3. Наконец, это для тех из нас, кто просто хочет немного больше вдохновения в нашей жизни: Вот лучшие примеры целевой страницы для вашего файла смахивания.

.

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

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

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

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

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

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

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

Вот несколько верных способов создания отличных мобильных целевых страниц:

1. Будьте краткими в письменной копии.

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

2. Обеспечьте содержание выше сгиба

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

3. Делайте свой дизайн максимально простым

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

Что означает «коэффициент внимания»? Коэффициент внимания — это отношение количества ссылок на целевой странице к количеству целей конверсии. Поскольку у каждой кампании одна цель, соответствующая целевая страница должна иметь только один призыв к действию. (И, эй, почти все лучшие примеры мобильных целевых страниц, которые мы представили, делают это.)

4. Используйте липкие полосы

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

5. Попробуйте более короткий (и более сладкий) экземпляр

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

6. Подумайте о добавлении кнопки «Звонок по клику».

Если ваша цель конверсии предполагает телефонный звонок (или, черт возьми, даже если нет), использование кнопки «Звонок по клику» — разумный шаг. Больше всего выиграет мобильная целевая страница со сложными предложениями. Эти кнопки позволяют людям легко получать ответы от вашей команды. В конце концов, ваши посетители уже используют свои телефоны, так почему бы им не поговорить?

7. Убедитесь, что все загружается молниеносно.

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

Готовы повысить скорость загрузки страницы?

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

Лучшие примеры мобильных посадочных страниц

1.Western Rise

Изображение предоставлено Western Rise. (Щелкните изображение, чтобы увидеть полную страницу.)

Социальные сети являются мощным двигателем электронной коммерции. Примерно 54% ​​людей, активных в социальных сетях, используют платформы для исследования продуктов и примерно четверть кликают по продвигаемому посту в любой конкретный месяц. Но для увеличения количества конверсий с социальных платформ требуется согласованный и единообразный опыт — с момента, когда кто-то нажимает на объявление на своей временной шкале, до того момента, когда он пытается вспомнить свой пароль PayPal при оформлении заказа.(Было ли это «12345» или просто «пароль»?)

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

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

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

Лучшие выводы для мобильной целевой страницы:

• Поддерживайте унифицированный опыт от начала до конца. Когда вы создаете беспрепятственный интерфейс взаимодействия с магазином, вы не хотите, чтобы потенциальные клиенты выпрыгивали из этого конвейера. Вся информация, необходимая посетителю для принятия решения о покупке, находится прямо здесь, на странице, поэтому нет необходимости отказываться от поиска дополнительных деталей. В дополнение к этому каждый призыв к действию на этой целевой странице приводит посетителей на одно и то же место в интернет-магазине Western Rise.
• Если у вас есть привлекательный товар, покажите его. Люди не покупают одежду, если не верят, что она хорошо выглядит. (Очевидным исключением являются поролоновые сабо — какая за этим стоит психология?) Western Rise включает смелые фотографии, чтобы выделить их одежду в контексте использования, демонстрируя прилегание и функциональность, которые было бы здорово показать в вашей социальной хронике.
• Оптимизируйте эти изображения (серьезно). Это страница с большим количеством изображений, что может вызвать проблемы при загрузке на мобильном устройстве.Не здесь: Western Rise получает впечатляющую оценку скорости страницы от Google, что все равно, что получить большой палец вверх от Бейонсе или отпад от Джеффа Голдблюма.

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

2. Glints

Изображение любезно предоставлено Glints. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Лучшие выводы для мобильных посадочных страниц:

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

3. Promo

Изображение предоставлено Promo. (Щелкните изображение, чтобы увидеть всю страницу.)

Promo — эксперты в использовании видео для увеличения конверсии на своих целевых страницах (как мы подчеркивали в этом посте на страницах с высокой конверсией). И они должны быть такими: простая в использовании платформа позволяет клиентам быстро создавать видео для спонсируемых сообщений в социальных сетях.Промо без использования видео в своем маркетинге было бы похоже на Супермена, не использующего силу полета в своем маркетинге . (Это птица, это самолет? Ах, вы слишком молоды.)

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

Яэль Мириам Класс, руководитель отдела контента Promo, рассказала, как компания использует видео на мобильных целевых страницах, не жертвуя при этом общим впечатлением:

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

Лучшие выводы для мобильной целевой страницы:

• Создайте легкий опыт. Это непонятно, просто взглянув на мобильную версию этой целевой страницы, но Promo многое сделала для того, чтобы уменьшить объем контента с настольных компьютеров. Полноразмерная страница содержит видео с автоматическим воспроизведением вместо снимка героя и динамические кнопки, наложенные на образцы видео. Вместо этого в мобильной версии используются статические изображения, которые воспроизводят видео только после того, как посетитель с ними взаимодействует.Их тщательная оптимизация имеет большое значение для обеспечения потрясающих впечатлений посетителей.
• Получите максимум от пространства над сгибом. Заголовок передает уникальное торговое предложение Promo для этого целевого сегмента, то есть простое создание видео для социальных сетей. В сочетании с интерактивным поясняющим видео и заметным призывом к действию Promo максимально использует доступную недвижимость, чтобы произвести первое впечатление на публике.
• Создайте доверие с помощью логотипов проверенных брендов. Promo включает значки партнеров Facebook и Instagram в верхней части страницы, чтобы сразу подтвердить, что им доверяют основные платформы социальных сетей. Это важный момент, когда вы пытаетесь добиться успеха с помощью сценария использования социальных сетей. На странице также представлены логотипы брендов клиентов и индивидуальные отзывы клиентов, что еще больше укрепляет доверие.

4. Краска Country Chic

Изображение любезно предоставлено краской Country Chic. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Лучшие выводы для мобильной целевой страницы:

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

5. ClaimCompass

Изображение любезно предоставлено ClaimCompass. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

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

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

Лучшие выводы для мобильной целевой страницы:

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

Бонус: Изображение героя обращается ко всем, кто когда-либо был на задержке рейса. Ее лицо — мое лицо. Ее боль — моя боль.

6. Helix

Изображение любезно предоставлено Helix. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Лучшие рекомендации по мобильной целевой странице:

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

7. Повышение устойчивости

Изображение предоставлено компанией Boostability. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Лучшие выводы для мобильных целевых страниц:

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

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

8. Good Eggs

Изображение предоставлено Good Eggs. (Щелкните изображение, чтобы увидеть полную страницу.)

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

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

Хайди Хирвонен, менеджер по маркетингу Good Eggs, объяснила, как компания создает целевые страницы, которые привлекают мобильных посетителей:

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

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

Лучшие выводы для мобильной целевой страницы:

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

9. Ace

Изображение любезно предоставлено Ace.(Щелкните изображение, чтобы увидеть полную страницу.)

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

Ace — это компания по подготовке к экзаменам, которая помогает начинающим студентам сдать экзамен по тесту «Английский как иностранный язык» (TOEFL), который может улучшить или разрушить их академические и профессиональные цели.Используя этот эмоциональный элемент для увеличения количества конверсий, целевая страница Ace, созданная DMR, вызывает чувство стремления, которое побуждает потенциальных клиентов мечтать о большом.

Лучшие выводы для мобильной целевой страницы:

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

10.GoBoat

Изображение любезно предоставлено GoBoat. (Щелкните изображение, чтобы увидеть полную страницу.)

Как и Ace в предыдущем примере, GoBoat освещает описание своей услуги по аренде лодок и вместо этого фокусируется на опыте наблюдения за Копенгагеном с воды — на том, как это чувствуется. Конечно, пиратских изображений меньше, чем мы хотели бы для компании, которая заявляет, что мы можем «быть [нашим] собственным капитаном», но GoBoat включает в себя массу красивых фотографий, которые уже заставили меня спланировать летнюю поездку в Данию.

Лучшие выводы для мобильной целевой страницы:

• Убедитесь, что посетители сразу понимают преимущества. GoBoat преуспевает в передаче самой важной информации, но при этом ясно показывает главное преимущество: пилотирование лодки самостоятельно. И хотя компания решила исключить автоматическое воспроизведение видео из настольной версии этой страницы, статический снимок героя отлично передает опыт, который предлагает GoBoat.
• Расскажите о том, что вы предлагаете. Большинство людей арендуют с GoBoat не для того, чтобы воплотить в жизнь какую-то детскую фантазию о флибустьере (позор) — они делают это, чтобы полюбоваться прекрасными видами Копенгагена.Компания играет с этим с помощью этой целевой страницы, предоставляя много недвижимости снимкам самых известных достопримечательностей города. Между тем, страница краткая по тексту и использует маркеры для быстрого ответа на стандартные вопросы.

---

Хотите больше примеров мобильных целевых страниц? Мы слышим тебя.

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

1. Создавайте целевые страницы с высокой конверсией за 30 минут: бесплатный ускоренный видеокурс от Unbounce и Skillshare
2. Эффективные целевые страницы, которые тоже выглядят великолепно: лучшие примеры посадочных страниц, которые вам нужны Сохраните файл для перелистывания
3. Рассчитайте эффективность целевой страницы: анализатор целевой страницы Unbounce

.

Ваша целевая страница — отстой! Вот 10 примеров, которые не …

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

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

Примечание: я возвращаю этот пост из архива.А) потому что это вечно, Б) потому что это круто и В) как тизер к предстоящему посту с примерами целевой страницы.

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

Опыт приземления в реальном мире
Представьте себе, что вы идете в ресторан, и обнаружив, что декор отвратительный, музыка слишком громкая, персонал выглядит отрывочно, в меню есть 400 вариантов, на стене висит награда «Лучший мясной рулет в Айдахо, 1995 год» и, в довершение всего, место пусто.Что бы вы сделали? Я знаю, что буду убираться из Доджа.

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

Извините, официант, можно мне нажать кнопку «Назад»?

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

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

1. WebTrends Analytics — «впереди всех»

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

Что мне нравится

• Иерархия элементов страницы и информации хорошо структурирована и фокусируется на основах: логотип, снимок героя, сочетающий в себе четкий заголовок, краткое описание причины и преимуществ продукта / service (в данном случае веб-семинар) и форма захвата лида для сбора данных о посетителях.И… главное… больше ничего.
• Призыв к действию (CTA) форм лидогена почти всегда не соответствует действительности. Чтобы обойти этот , они поместили указатель направления (стрелку) вверху формы , чтобы указать путь к области действия ниже.

Вещи, которые я бы изменил или протестировал

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

Сайт *: Webtrends

2. UPS — использование модальных окон для удержания посетителей на странице

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

Что мне нравится

• Ссылки «Еще» для динамиков запускают модальные диалоговые окна (с использованием стиля Lightbox). Это удерживает посетителей на целевой странице, вместо того, чтобы уходить на другую страницу — и не приближаться к вашей цели конверсии.
• У них есть видео. Хорошо! Видео — это проверенный механизм повышения конверсии. Исследования eyeviewdigital.com сообщают об улучшении конверсии до 80%. Специалисты по видеомаркетингу Turn Here выделяют хорошие показатели повышения конверсии и дополнительное преимущество, заключающееся в том, что правильно оптимизированное видео может в 53 раза повысить вероятность попадания на первую страницу результатов поиска Google.Совет: часто вы можете повторно использовать свое видео, разместив его на YouTube.

Что я бы изменил или протестировал

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

Сайт *: UPS

3. Будущее маркетинга — социально подтверждено

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

Что мне нравится

• Социальное доказательство здесь зашкаливает. Вместо того, чтобы показывать людей, подписавшихся на конференцию или зарегистрированных на ней, они показывают фотографии и имена огромной коллекции известных игроков в маркетинговой индустрии. Подтверждения вызывают доверие, которое приводит к конверсиям. Даже если вы не знаете, кто является организатором (в данном случае ThoughtLead), тот факт, что он спонсируется IBM и имеет таких спикеров, как Гай Кавасаки, сделает за вас продажу.
• Призыв к действию прекрасно описывает то, что вы получаете. Бесплатная регистрация. (Обратите внимание, что этот снимок экрана был сделан после конференции, поэтому обмен сообщениями связан с воспроизведением звука, а не с регистрацией для самой конференции).
• Контраст: Ярко-розовый CTA выделяется на монотонном фоне.
• Повторяющийся призыв к действию: На длинных целевых страницах (щелкните изображение, чтобы просмотреть его полностью) важно повторить призыв к действию, чтобы напомнить людям о цели вашей страницы, если они просматривали 10 экранов. Здесь он расположен вверху — над сгибом и в конце — для тех, кто закончил изучать всю страницу.
• Дополнительный CTA: В современном социальном мире WOMM (маркетинг из уст в уста) является ключевым. Здесь они добавили кнопку публикации в Twitter, чтобы посетители могли распространять информацию от их имени.
• CTA-подтверждение: После того, как вы заполните форму, вам снова будет предоставлена ​​возможность распространить информацию через Twitter. Это отличное использование страницы с благодарностью.

Сайт *: Future of Marketing

4. Clearvale: No Jive Talkin ‘- соблазнительный сингл CTA

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

Что мне нравится

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

Вещи, которые я бы изменил или протестировал

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

Сайт *: Clearvale

5. Groupon — красиво упрощенная схема

Вот отличный пример простой управляемой посадки от Groupon.

Что мне нравится

• Они использовали геотаргетинговую сегментацию для определения моего местоположения и представляют большое ценностное предложение (скидка 50% -90%), чтобы заинтересовать меня.
• Цветной с хорошим контрастом области действия . Яркий смелый цвет соблазняет и делает зону действия (форму) очень четкой.
• Удобство использования. Индикатор выполнения под формой позволяет узнать, что есть 3 шага и где вы находитесь в процессе.
• Простые формы: На шаге 2 (часть лидогенерации) они запрашивают только ваш адрес электронной почты, сводя барьер для входа к минимуму.

Вещи, которые я бы изменил или протестировал

• Если вы не знаете, кто такие Groupon (и, несмотря на их размер, они еще не достигли всех), нечего сказать вам, что вы можете сэкономить 50% -90% об.Изображение указывает на алкоголь, что могло быть причиной того, что я согласился ввести свой адрес электронной почты, но некоторая квалификация деталей предложения будет хорошей.

Сайт *: Groupon

6. Опра — розыгрыши для лидогенерации

Это Опра. Эти вещи обычно продаются сами по себе, но не все хорошо. Читать дальше.

Что мне нравится

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

Что я бы изменил или протестировал

• Ссылки на политику конфиденциальности и правила открывают новых окна, что немного беспорядочно . Лучшее решение — использовать модальный лайтбокс, как в примере с ИБП выше. Вы можете увидеть, о чем я говорю, на одной из целевых страниц конкурса Unbounce (щелкните ссылку с правилами конкурса внизу, чтобы увидеть модальное окно).
• Мне больно повторять одно и то же снова и снова, но призыв к действию на ваших кнопках — ДЕЙСТВИТЕЛЬНО ВАЖНО .Любые сомнения посетителей относительно того, что произойдет, может привести к небольшой утечке уверенности. Изложите это четко, чтобы люди знали, чего ожидать. Здесь можно использовать двойной призыв к действию, который начинается с основной первой строки: «Принять участие в конкурсе», затем второй строки «и начать свою пробную подписку».

Сайт *: Oprah Magazine

7. Verisign — формирование доверия

Эта целевая страница посвящена созданию главного обещания бренда Verisign — доверия.

Что мне нравится

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

Вещи, которые я бы изменил или протестировал

• Контрастность призывов к действию: Я бы предпочел, чтобы призывы к действию были более контрастными по сравнению с остальной частью страницы.

Сайт *: Verisign

8. CameraPlus — максимальная страница продаж длинных продуктов

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

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

Это очень хорошая целевая страница .

Что мне нравится

• Дизайн соответствует желаниям и ожиданиям покупателя. У целевого покупателя уже есть iPhone, поэтому они привыкли видеть красивый дизайн с приложениями, помещенными в контекст их предполагаемого использования.
• Контекст использования: Это концепция ВАЖНО . Основное изображение iPhone воспроизводит видео, показывающее используемое приложение. Это почти все, что вам нужно, чтобы продаваться с помощью крутого фактора приложения. Затем вы можете изучить большой список функций ниже, чтобы подтвердить свое решение о покупке.
• Цена и призыв к действию для покупки приложения красиво расположены над сгибом , позволяя вам исследовать страницу, зная, как взаимодействовать, когда вы будете готовы.
• Поддержка знаменитостей: В том числе знаменитость-фотограф Лиза Беттани, которая официально (и по слухам) встречается с основателем Mashable Питом Кэшмором, — это умное устройство, которое помогает убедить посетителей в том, что это стоит покупать. Профессиональные фотографы, которым просто нужно крутое приложение для своего телефона, найдут это убедительным.
• Доказательство концепции: Фотогалерея в конце красиво подчеркивает, что вы можете делать отличные фотографии с помощью этого приложения.
• Обзоры под телефоном выделены красным, что делает их наиболее важным визуальным аспектом первого экрана .Хотя я обычно рекомендую уделять призыву к действию такой уровень внимания, он действительно подталкивает вас к тому, что часто является решающим голосом при покупке — что говорят другие люди.

Вещи, которые я бы изменил или протестировал

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

Сайт *: https://campl.us/

9. SEOmoz — выбор с информацией, чтобы сделать информированный

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

Что мне нравится

• Доверие и доверие: Символ Verisign помещен рядом с кнопкой покупки, а расположенные непосредственно под ним названия мировых брендов помогают повысить ценность продукта.
• Краткий заголовок.
• Незначительное упоминание о количестве клиентов: Под логотипами крупных брендов есть небольшое приятное дополнение — «и тысячи других» — добавляющее элемент доверия.
• Внимание к разным стилям чтения: Есть хорошее сочетание пунктов маркированного списка и подробных описаний для тех, кому нужно копнуть глубже.
• НАСТОЯЩИЕ отзывы: Фотографии выглядят так, как будто взяты из социальных сетей. Вместе с именем и названием компании вы легко сможете убедиться, что это настоящие деловые люди.

Вещи, которые я бы изменил или протестировал

• Призыв к действию: Здесь в CTA используется приятное мягкое слово — «ПОПРОБУЙТЕ». Это создает впечатление предложения с низким уровнем обязательств. Однако единственное упоминание об элементе отсутствия риска — это «30-дневная гарантия возврата денег» в верхней части страницы. Это должно быть пересмотрено в точке конверсии (то есть под CTA).
• Хотелось бы знать, как это преобразуется по сравнению с аналогичной страницей, на которой была обычная глобальная навигация и отвлекающие элементы нижнего колонтитула.

Сайт *: Страница цен на SEOmoz

10. Times Reader — показывающий контекст использования

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

Давайте проанализируем последнюю целевую страницу этой коллекции…

Что мне нравится

• Образ жизни. Уровень, до которого демонстрируется модернизация потребления новостей, впечатляет.Использование красивого Macbook Pro и встроенного видео отображает отличный «контекст использования» и позволяет представить себе новый опыт чтения, который они продают.
• Это отличное видео, которое действительно демонстрирует , как оно может рассказать историю . Особенно трогательно учитывая продукт.

Что я бы изменил или протестировал

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

Посмотрите видео

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

Если у вас есть другие отличные примеров целевых страниц или у вас есть какие-либо вопросы, прыгайте в комментарии.

Cheers,

— Oli Gardner

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

Другое примечание: источник изображения «Ты отстой» (со страницы индекса блога)

Как создать партнерские целевые страницы с высокой конверсией + примеры (2019)

Если вы специалист по эффективному маркетингу в 2019 и не знаете, как создать целевую страницу… ..

… тогда ваши шансы увидеть успешной кампании очень малы.

Это не сообщение в блоге о передовых методах…

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

Интернет-маркетинг — это все о конкурентных преимуществах .

Целевая страница — это ваш шанс как маркетолога получить это преимущество.

Невероятно, сколько крупных компаний я вижу ежедневно, тратя огромные суммы денег, отправляя трафик своим….

..Главная страница

Тогда спросите меня: «Почему эта кампания не работает!? !!»

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

Но

Времена изменились…

Этот метод подходит для кампаний по брендингу.

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

Итак, прежде чем мы перейдем к тому, как сделать классную целевую страницу…

Позвольте мне сначала ответить на вопрос…

Что такое целевые страницы?

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

Типы посадок Страница

Существует два основных типа целевых страниц — страницы предварительного просмотра и страницы лидогенерации, также известные как страницы лидогенерации или захвата лидов.

Pre-Landers

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

Ландерс генерации свинца

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

Исследование целевой страницы

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

Определите цель целевой страницы

В идеальном мире каждый посетитель превратился бы в конверс.

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

Для этого мы должны сначала точно определить, что мы хотим, чтобы они делали.

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

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

Цель вашей целевой страницы — заставить посетителя выполнить одно очень точное действие.

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

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

Для этого мы должны точно понимать, кто наша аудитория.

Определите свою аудиторию

Все разные — у всех разные надежды, мечты и стремления.

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

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

Источник изображения

В настоящее время наши потенциальные клиенты могут чувствовать себя скучающими, напуганными, испытывать боль или просто несчастными.

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

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

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

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

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

Узнать больше о покупателях

Вопросы дорожного движения

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

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

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

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

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

Между тем…

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

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

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

Учитесь у своих конкурентов

Найдите своих крупнейших конкурентов и просмотрите их воронки.

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

• Есть ли у них лид-магнит? — например, 7 морковок для улавливания свинца
• Какую информацию они собирают о пользователе?
• Как они повторно привлекают или сообщают о выходе из трафика? е.г. Новый лид-магнит, код купона и т. Д.
• Используют ли они динамические выноски, чтобы привлечь внимание пользователя?
• Какую цветовую схему они используют? Общие или «доверенные цвета» (подробнее об этом позже)?

Дублируйте их целевую страницу как можно больше без