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

Как создать лендинг: раскрываем секреты дизайнеров

Главная проблема большинства современных лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства?

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

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

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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

Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.

Конкретные цифры (результаты)

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

Мы делаем лендинги с учетом интересов ЦА и юзабилити. 7 дней – и посадочная готова. Обращайтесь!.

Персонализация

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

Как сделать хороший лендинг еще лучше?

Удобная форма ответа

На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.

Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info, который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.

Демонстрация результатов

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

Параллакс-эффект

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

Как сделать крутой лендинг: 13 небанальных идей

Анимация

Вообще, у анимации функций много. Движущиеся картинки и предметы привлекают и удерживают внимание пользователя, направляют его взгляд на самые важные элементы лендинга (кнопку СТА, таймер, виджет и так далее), частично заменяют текст. Один из примеров – на сайте madwell.com. Пройдите по ссылке – цепочки двигаются. И мало того что двигаются – слушаются каждого движения мышки.

Внимание, вопрос: какую функцию выполняет эта анимация? Ответить можно в комментариях к статье.

Иллюстрации

Не будем говорить банальности: авторские иллюстрации способны оживить самый тухлый шаблонный лендинг, это все знают. Важно, чтобы рисунки отвечали тематике лендинга и ожиданиям его целевой аудитории. Смотрите: на сайте полезного детского питания marcandfisa.com картинки стилизованы под детские рисунки. Точное попадание в ЦА – мамам и папам, которые покупают продукцию, должно зайти.

Еще один пример на лендинге satellite-express.ru. Иллюстрация идеально дополняет заголовок: «Главное при диабете – найти баланс».

Мультилендинги

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

Вот пример мультилендинга для компании «Овионт», который сделали мы.

Клиент планировал сделать отдельные лендинги для трех продуктов: инструментов автоматизации делопроизводства.

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

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

• описание функциональности;
• дополнительные модули;
• частые вопросы по использованию;
• тарифы;
• отзывы.

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

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

Нover-эффект

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

Сплит-макеты

Split screen, или разделенный экран – очень эффектный дизайнерский прием. Суть в том, чтобы привлечь внимание пользователя к каждой части экрана – чтобы информация точно не потерялась. Таким образом можно рекламировать два товара, две услуги, два важных преимущества и так далее. Вот как это делается на лендинге baesman.com.

Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi. Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.

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

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

Трехмерную модель кубика можно увидеть на иллюстрации (gif).

Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.

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

Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

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

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

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

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

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

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

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

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

Необычные и обычные прелоадеры

С помощью прелоадера или спиннера можно сделать более удобным и визуально привлекательным любую посадочную страницу. В этом разделе поговорим о прелоадерах и посмотрим на примеры этих элементов, созданные специалистами «Текстерры».

Что такое прелоадер и какие задачи он решает

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

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

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

Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге Whalenet можно увидеть спиннер в виде бирюзового прямоугольника.

На сайте Parielle работает классический прелоадер в форме круга.

На лендинге Projectto использовали прелоадер в форме прямоугольника.

Внешний вид прелоадера обычно обсуждается на этапе проектирования лендинга.

Интерактив

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

Как работает лендинг

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

При наведении курсора на свободный офис всплывает кнопка «Подробнее».

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

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

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

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

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

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

Сайт Цветаны Сафроновой об одежде

Пример лендинга с высокой конверсией — Как стиль в одежде влияет на жизнь женщины.

Антигравийная пленка

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

Сайт карт водителя

Изготовление карт водителя на тахограф в Москве и области от 14 дней. Сайт создан в спокойных белых тонах

Сайт мужских костюмов

Компания занимается продажей мужских костюмов премиум класса. Представлен новый каталог с костюмами

Сайт класса школы №91

Сайт создан для 2Б класса школы номер 91. На сайте есть расписание занятий, учебные материалы и многое другое

Сайт компании Геом21

Данная компания занимается бурением скважин по всей Чувашской Республике. На сайте есть примеры работ и выполняемые услуги

Web сайт ARTIDES студия

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

Сайт свадебной выездной регистрации

Пример продающего сайта выездной свадебной регистрации в Астрахани под ключ

Сайт продажи iphone аксессуаров

Пример современного сайта iphone аксессуаров с продажей по всей РФ.

Сайт чугунного завода в г. Чебоксары

Сайт для продажи чугунных печей для бань и саун от завода производителя

Сайт санатория «Aрай Deluxe Thermal Resort»

Пример сайта одностраничника санатория Aрай Deluxe Thermal Resort в городе Сарыагаш.

Сайт продажи игровых ПК

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

Сайт продажи автокресел

У этой компании вы можете купить автокресла. Сайт выполнен в современном и минималистичном стиле

Сайт клуба MMA

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

Сайт SEO-специалиста

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

Услуги свадебной фотосъемки

Сайт частного фотографа на свадьбу. Нежные тона на сайте помогают передать атмосферу радости и праздника

Списание долгов юридических лиц и ИП

Компания БИЗНЕС Логик занимается списанием долгов с юридических лиц и индивидуальных предпринимателей

Стоматология Дент

Сайт частной стоматологической клиники, занимающейся лечением зубов в Москве. Присутствуют голубые и белые тона

Примеры сайтов

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

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

Примеры лендинг пейдж

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

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

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

54 примера потрясающего дизайна лендингов

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

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

Надеемся, что среди них вы найдете вдохновение для вашего лендинга.

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

Содержание статьи

Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг

Электронная коммерция

1. Luhse Tea

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

2. Fit For A Frame

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

3. Shop Locket

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

4. White Lotus Aromatics

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

5. Evel

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

6. Lega-lega

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

7. Urban Originals

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

8. Scotch & Soda

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

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

Читайте также: Лендинг vs главная страница: ключевые отличия

Развлекательные сайты

9. Clouds over cuba

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

10. Universeries

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

11. Jacqui co

Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.

12. Pottermore

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

13. Heath Life

Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.

14. Uncrate

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

15. The good man

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

16. Silktricky

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

17. Magic Leap

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

18. Life and times

Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.

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

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

Читайте также: 10 примеров лендингов необычных стартапов

Лендинги-портфолио

19. Hello monday

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

20. Jib

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

21. Ride for the brand

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

22. Andy Patrick design

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

23. This is the brigade

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

24. Built by buffalo

Данный лендинг представляет собой пример необычного плиточного дизайна.

25. Galpin

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

26. Made by Vadim

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

27. Art&code

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

28. Riley Cran

Страница-портфолио отображает самое главное — примеры работ.

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

Читайте также: 20 советов для создания идеального портфолио

Розничная торговля

29. Rei

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

30. Austin beerworks

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

31. Jaquet droz

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

32. Italio kitchen

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

33. TV safety

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

34. Grey Goose

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

35. Toyota

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

36. Got Milk?

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

37. Buffalo Wild Wings

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

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

Читайте также: Как создать успешный ecommerce-бренд?

Интернет-проекты

38. Chrome Web Lab

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

39. Viddy

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

40. Who is Wildlife?

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

41. Prezi

Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.

42. Impress a penguin

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

43. СSS piffle

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

44. Fannabee

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

Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версию

Сфера услуг

45. Captain Dash

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

46. Woodwork

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

47. Sagmeister walsh

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

48. Madwell NYC

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

49. Ryan Edy

Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».

50. Oliver Rassel

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

51. Quarter Rest Studios

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

52. Fancy Rhino

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

53. Flint Boutique

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

54. Blind Barber

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

Читайте также: 10 примеров лендинг пейдж из сферы рекламных услуг

Заключение

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

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

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

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

18-06-2016

Лендинг пейдж — что это такое? Полное описание с примерами

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

Вот как выглядит полная схема: Трафик — Лендинг — Заявка — Оказание услуги — Профит

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

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

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

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

Профит — получаете оплату или предоплату, зависит от того, как вы ведете свой бизнес. Лид превращается в клиента. Сделка совершена!

Какое может быть ключевое действие у лендинг пейдж?

1. Получить контакт

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

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

2. Продать

На лендинге вы можете сразу продавать товары, обычно такие товары из низкой ценовой категории – до 2000-3000 р. Это относится к страницам, которые продают на холодную аудиторию в лоб, например товары из Китая (портмоне, очки, наушники и пр.) продают именно так.

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

лучшие примеры [и критический разбор]

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

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

Что же делает дизайн посадочной страницы эффективным?

Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:

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




• Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).




• При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).




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




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

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

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

Содержание

E-commerce

Влюбиться в продукт по фото

Крутой баннер с рисованными продуктами

О сервисе за 27 секунд

Крутая анимация первого экрана

Милые (как котики) тексты

Теплый ламповый сайт

Мобильные продукты и услуги

Отвечает на вопросы

Забавная графика

Регистрация в 2 строчки

Начать без регистрации

Проще некуда

Все самое главное в одном экране

Финансовые продукты и страхование

Просто о сложном продукте

Люди. Люди. Люди.

Продать страховку в два экрана

Офлайн-услуги

Call to Action с размахом

Продать любой ценой

Связь

Просто как в интернет-магазине

Экспериментальный минимализм

Спецпроекты

Красивое путешествие

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

Сайты B2B

Кнопка на каждом экране

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

Веселые картинки для B2B

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

Сначала история — потом продажи

Поиграли со шрифтами

Лендинг как авангардное искусство

Новый модный русский дизайн

HR-лендинги

Определение ЦА

Страница одного удачного элемента

Хайповые лендинги

Мемы и шуточки для своих

Шутки шутками — но не забываем про продукт

Образцово-показательный лендинг

Дочитали до конца? Круто!

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

Минусы ну таких лендингов

E-commerce

Влюбиться в продукт по фото

kitchenceremony.com

Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.

Можно улучшить: блок с самыми популярными товарами в каталоге. Наличие самого блока — очень хорошо, но, субъективно, фотографии могли бы быть более аппетитными (например, добавить насыпанные горкой приправы рядом с баночкой и т. д.). Хотя не поспоришь, качество фото и создание ощущения премиальности — на высоте.

Крутой баннер с рисованными продуктами

ji-fruits.ru

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

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

Удачная иллюстрация процесса заказа — переписка в мессенджере:

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

О сервисе за 27 секунд

partiyaedi.ru

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

Милые уникальные картинки — всегда хорошо:

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

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

Крутая анимация первого экрана

satellite-express.ru

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

Все продукты (их четыре) расположены на втором экране:

Процесс использования глюкометра наглядно показан в картинках, выполненных в стилистике сайта:

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

Милые (как котики) тексты

www.kotofabrika.com

Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?

Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):

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

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

Теплый ламповый сайт

oknaludyam.ru

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

Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).

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

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

Карта и Васька прекрасны

Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.

Инструменты PromoPult для рекламы в соцсетях: все каналы в одном кабинете, минимальные бюджеты, все делают штатные специалисты системы, вам нужно только дать вводные.

Мобильные продукты и услуги

Отвечает на вопросы

lite.youdrive.today

Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.

Кнопки приложений для Android и iOS — сразу под видео:

Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:

Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.

Забавная графика

molodost.bz/fact/

Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.

И вот такой баннер на третьем экране:

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

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

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

Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.

Регистрация в 2 строчки

lingualeo.com

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

Дизайнеры последовательно используют символ продукта — львенка — на всей странице:

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

Начать без регистрации

www.duolingo.com

Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!

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

Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.

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

Проще некуда

https://www.strava.com/

Плюсы. 100% прямолинейность и простота.

Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.

Все самое главное в одном экране

ru.bookmate.com

Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.

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

Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.

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

Финансовые продукты и страхование

Просто о сложном продукте

rocketbank.ru

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

Описание тарифов — компактно и наглядно:

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

Люди. Люди. Люди.

www.mtsbank.ru/malomu-biznesu

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

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

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

Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом

17 вдохновляющих примеров лендингов и советы по их оформлению

«Хорошие художники копируют. Великие — крадут»

— Стив Джобс публично процитировал Пабло Пикассо

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

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

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

1. Подбирайте слова

Язык всегда считался мощным орудием влияния на аудиторию. Ниже — пример того, как используя «правильные» термины, можно увеличить интерес посетителей к ресурсу: главная страница сайта Patreon содержит броскую надпись: «Стань меценатом в искусстве!»:

В чем особенность этого оффера?

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

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

И это работает.

2. Вызывайте доверие

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

Оффер компании, занимающейся автоматизацией создания и рассылки счетов, вызывает доверие у посетителей: «Утонченное решение для CFO (Chief Financial Officer, финансовый директор). Простое — для команды».

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

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

Блестяще!

3. Выделите ваше УТП

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

Фраза: «Приватная социальная сеть для студентов колледжа» — короткая, но с емким тезисом. Она не только объявляет сайт социальной сетью, но и раскрывает ключевое УТП, в котором потенциальные пользователи могут увидеть сразу несколько выгод: конфиденциальность, которая беспокоит многих владельцев аккаунтов Twitter и Facebook, желающих скрыть от любопытных глаз свою виртуальную жизнь, а также некоторую эксклюзивность. Слово «приватная» предполагает не только безопасность данных, но и наличие своеобразной «экосистемы» только для своих.

4. Добавьте интерактивные элементы

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

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

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

5. Пусть изображение говорит за себя

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

Например, Chatterbox Labs:

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

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

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

*По мнению Harvard Business Review, наука о данных (data science) — самая «сексуальная» профессия XXI века.

6. Будьте проще

Прежде чем мы рассмотрим следующий пример, окинем быстрым взглядом предыдущие. Что их объединяет? Все они имеют единственную кнопку призыва к действию.

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

Лендинг содержит два CTA: «Начать — это бесплатно» и «Посмотреть видео»

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

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

7. Ближе к делу

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

Это ошибка. Ваша страница должна максимально полно раскрывать предложение, а посетители — понимать, куда они попали и почему им это может быть интересно. Причем понимание должно происходить мгновенно, например, как на лендинге AskNative.com:

«Ответы местных жителей на все ваши вопросы в путешествии»

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

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

8. Вы не продаете вещи — вы улучшаете жизнь

Возьмите на заметку: люди не хотят покупать — они пытаются сделать свою

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

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

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

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

9. Добавьте видео

Многие компании при создании лендингов откладывают съемку видео «на потом» из-за ее дороговизны. Тем не менее, видео может перенести бизнес на другой уровень.

Для примера рассмотрим главную страницу сайта и контекстное объявление ChickenSaloon.com — производителя курятников. К услугам посетителей пошаговая видео-инструкция по изготовлению собственного курятника:

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

10. Помогите сделать правильный выбор

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

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

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

11. Сделайте сильное заявление

Иногда то, что вы делаете, само по себе настолько важно и ценно, что вам и не нужно применять какие-то особые ухищрения для получения высоких результатов. Last Days of Ivory (компания, обеспокоенная вопросами терроризма и браконьерства в отношении слонов и снимающая фильм на эту тему) разработала очень лаконичный лендинг:

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

12. Держите марку. Рискуйте

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

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

13. Спрашивайте

Еще один эффективный способ установить контакт с посетителями — начать первое знакомство с вопроса, как это делает Trulia:

«Хотите узнать, сколько стоит ваш дом?»

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

14. Обращайтесь к эмоциям

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

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

Воздействие на эмоции может быть эффективным. Happify успешно использует этот прием на своей посадочной странице:

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

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

15. Говорите прямо

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

Аналогично примеру выше, Awesometalk сделали ставку на чувства посетителей: «Позвони маме, она скучает» — сообщает текст на странице. Такое прямое заявление даже без эмоциональных изображений на заднем плане воздействует на посетителей, находящихся вдали от близких:

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

16. Внимание к общим проблемам

Один из замечательных способов привлечь к себе внимание — поговорить о наболевшем. Многие компании косвенно уже делают это, но иногда простой подход может быть более убедительным, например, как в случае Meeting Hero:

«Попрощайтесь с невыносимыми совещаниями»

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

17. Помните о цвете

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

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

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

Желтый — оптимизм, ясность, теплота

Оранжевый — дружелюбие, радость, доверие

Красный — возбуждение, молодость, смелость

Сиреневый — творчество, воображение, мудрость

Синий — доверие, надежность, сила

Зеленый — миролюбие, рост, здоровье

Серый — баланс, нейтральность, спокойствие

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

По материалам wordstream.com 

01-10-2015

8 вдохновляющих примеров товарных Landing Pages

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

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

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

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

Содержание

1. Google Nexus
2. Nest
3. Garmin Fenix
4. Playstation 4
5. Jawbone Up
6. Recon Jet
7. Marshall Hanwell
8. Withings Pulse
Как лучше оформить товар на лендинге

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

Если вас интересует новая версия Android Marshmallow, установленная на данном устройстве, достаточно нажать на ссылку «Узнать все детали» (Get all the sweet details) и перейти на страницу с подробным описанием этой оперативной системы.

Целевая страница Google Nexus выполнена в минималистическом стиле, на ней очень много пустого пространства, текстовый контент разбит на параграфы, перечисляющие преимущества и выгоды оффера. Каждый параграф снабжен заголовком, формулирующем одну из основных ценностей УТП, которая подробно раскрывается в текстовом контенте величиной 150-250 слов.

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

Такую образцовую страницу портит разве что безликий призыв к действию «Купить сейчас» (Buy Now) на малозаметной CTA-кнопке вверху лендинга.

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

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

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

Он загорается, когда вы входите в комнату

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

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

3. Garmin Fenix

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

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

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

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

На целевой странице Playstation 4 применяется изысканный чистый и строгий дизайн лендинга. Для усиления оффера на сайте задействованы 2 дополнительных канала воздействия на посетителя: помимо основного продукта (очков виртуальной реальности), о котором можно посмотреть видео, кликнув по ссылке Learn More, к продаже предлагаются актуальные игры:

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

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

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

• Слайдер с преимуществами во втором экране лендинга? Есть!
• 
  Анимированные интерактивные элементы? Разумеется!
• 
  Отзывы пользователей о продукте? Сами смотрите!

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

Вы думаете, что Google Glass есть неповторимое в своей уникальности изобретение? Подумайте еще раз. Правильный ответ: отнюдь нет — аналогичный носимый компьютер есть еще как минимум один, и называется он Recon Jet.

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

Гораздо хуже, что сразу под видео помещены внешние ссылки на СМИ, оставившие хвалебные отзывы о Recon Jet. Почему бы просто не поставить текстовые цитаты от тех же Time или Wired? Посетитель, ушедший на внешний ресурс — тем более такой захватывающий как The Huffington Post — может ведь и не вернуться назад.

В остальном же — это классический лендинг, сделанный очень качественно.

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

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

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

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

Еще один трекинг физической активности — и еще одна приятная, чистая, стильная целевая страница. Лендинг Withings Pulse — как и страница Jawbone Up — строго следует самым современным тенденциям веб-дизайна: параллактическая прокрутка, «липкое» меню, видеоролик о продукте.

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

Как лучше оформить товар на лендинге

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

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

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

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

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

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

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

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

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

01-11-2013

21 отличный пример целевой страницы (+ как сделать свою собственную!)

Это сообщение в блоге было обновлено на 2020 год.

Что такое целевые страницы? Целевая страница — это страница, на которую посетитель попадает на ваш веб-сайт после нажатия на объявление (например, текстовое объявление Google или медийное объявление). Неопытные маркетологи часто направляют весь свой PPC-трафик на свою домашнюю страницу, но это может быть большой ошибкой. Конкретные целевые страницы, адаптированные к различным предложениям, необходимы для обеспечения качественного обслуживания посетителей и увеличения числа конверсий с помощью целевого сообщения, которое соответствует потребностям каждого пользователя.

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

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

Перед созданием целевой страницы сначала спросите себя…

1. Какова цель? В идеальном мире, что бы посетители делали, достигнув вашей целевой страницы? Купили бы они что-нибудь? Заполнить форму? Подпишитесь на рассылку новостей? Скачать электронную книгу? Откинуть в сторону их клавиатуру, зажать губную гармошку и сыграть сладкий блюзовый рифт? Первый шаг любой стратегии — определение целей.(Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)

2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и следовать тому же. Они будут вам благодарны (хотя это не обещание…)!

Вы можете попробовать Кирби. Ты можешь попробовать.

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

4. Как они попали на мою целевую страницу? Подумайте о том, чтобы изменить свое сообщение в зависимости от того, откуда приходят ваши пользователи — для пользователей, пришедших на вашу целевую страницу из Google, может подойти другое сообщение.из Twitter или Facebook. Компании с большим количеством целевых страниц (30+) привлекают в 7 раз больше потенциальных клиентов, чем компании с небольшим количеством, поэтому их ценность нельзя отрицать. В идеале вам нужна индивидуальная целевая страница для каждой группы объявлений, но это довольно сложная задача, поэтому начните с того, где можете. Попробуйте начать с одной настраиваемой целевой страницы для каждой кампании и добавлять оттуда для отдельных групп объявлений, когда позволяют ресурсы.

Как создавать отличные целевые страницы, конвертирующие

Теперь, когда мы рассмотрели основные вопросы перед целевой страницей, давайте обсудим, как сделать отличных убедительных целевых страниц.Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Head to Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

Отличные целевые страницы…

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

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

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

Другой, более вкусный вид воронки. (Изображение из Holder Concessions )

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

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

Очень крутая иллюстрация Tell-Tale Heart от Daniel Horowitz .

Имейте четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (например, «отправить» или «загрузить бесплатное маркетинговое руководство»). Не должно быть никаких сомнений в том, какие дальнейшие шаги необходимы — расскажите своим посетителям, что именно вы хотите, чтобы они сделали, большим жирным шрифтом.Для Kajabi изменение текста кнопки с «Посмотреть планы и цены» на «Начать работу сегодня» увеличило конверсию на 252%!

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

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

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

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

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

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

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

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

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

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

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

Это похоже на картину человека, любящего жизнь?

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

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

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

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

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

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

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

Фото Джейсон Голдинг

Пройдено много раундов A / B-тестирования. Тестирование и исправление — это то, как мы учимся и становимся лучше.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и проверка их эффективности по сравнению с предыдущей настройкой), вероятно, является самым мощным инструментом для создания отличных целевых страниц. Не уверен, где начать? «Сигнал против шума» — прекрасный пример хорошего A / B-тестирования, который легко читать. Всегда есть вещи, которые можно улучшить, так что никогда не прекращайте тестирование!

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

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

21 пример отличных посадочных страниц

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

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

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

Прочтите этот пост, чтобы получить более подробные советы по целевым страницам Facebook.

Gift Rocket — еще один сайт с хорошей целевой страницей. Что делает Gift Rocket правильно?

• Сильный графический элемент привлекает внимание

Заголовок

• в нескольких словах объясняет, что такое Gift Rocket
• Небольшие маркированные фрагменты информации под заголовком можно легко сканировать
• Кнопка CTA понятна и удобна для нажатия
• Наличие кнопок соцсетей
• Дополнительную информацию можно найти, прокрутив страницу под сгибом
• Сигналы доверия и отзывы существуют ниже сгиба

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

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

Social Sprout (представленный в нашем руководстве по инструментам управления социальными сетями) — еще один пример мощной целевой страницы. В нем есть несколько элементов, которые действительно работают в его пользу, например:

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

С программным обеспечением, аналогичным Social Sprout, HootSuite — еще один веб-сайт с хорошей целевой страницей, хотя и использует другой подход.Это хорошо работает, потому что это:

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

Подход

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

• Легко начать — просто нажмите одну из двух кнопок
• Pinterest подчеркивает, насколько легко зарегистрироваться, говоря, что это занимает всего 45 секунд
• Использует базу пользователей как фактор доверия. Любой сайт с более чем 25 миллиардами элементов пользовательского контента должен что-то делать правильно

Airbnb позволяет легко снимать дома или комнаты у людей со всего мира в условиях все более ориентированной на акции экономики.Что здесь хорошо смотрится?

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

Lyft — альтернатива Uber для совместного использования пассажиров.

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

Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.

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

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

• Кратко обращается к общей проблеме в заголовке
• Короткое анимационное видео дает посетителям сайта увлекательный способ узнать больше
• Цитата из общенациональной газеты является убедительным социальным доказательством

Форма

• не слишком длинная, поэтому преобразовать

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

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

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

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

Flock — это приложение, которое упрощает общение между сотрудниками, работающими в одной компании.

• Заголовок подчеркивает необходимость централизованного и эффективного общения на рабочем месте \

Подзаголовок

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

Squarespace, как и Wix, помогает частным лицам и компаниям создавать веб-сайты.

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

Shopify продает программное решение, которое помогает частным лицам и компаниям создавать интернет-магазины для своих сайтов.

• Заголовок и подзаголовок кратко и точно соответствуют намерениям посетителя сайта
• Визуальный креатив показывает 1) что покупатели Shopify могут создавать и 2) что магазины Shopify работают на всех устройствах
• Относительно долгий период бесплатного пробного периода заманчиво
• Для запуска процесса требуется только адрес электронной почты

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

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

Подзаголовок

• подчеркивает проблему, которую решает Trendy Butler
• Информация для начала работы не требуется

Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.

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

Exact Data представляет собой программное решение, которое хранит маркетинговые данные предприятий в централизованных местах.

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

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

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

Bloomsy Box — это служба подписки для дома и сада, которая доставляет собранные вручную цветы к дверям потребителей.

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

.

Что такое целевая страница? Разъяснение целевых страниц

В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для маркетинговой или рекламной кампании. Это место, где посетитель «приземляется» после того, как он щелкнет ссылку в электронном письме или рекламу из Google, Bing, YouTube, Facebook, Instagram, Twitter или аналогичных сайтов в Интернете.

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

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

Вот где целевые страницы могут вписаться в вашу маркетинговую воронку:

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

В. Подождите, а не может ли какая-либо страница быть целевой?

Технически конечно. Этот термин используется, например, в Google Рекламе и Аналитике. Но не все целевые страницы одинаковы. В Unbounce мы используем термин «целевая страница» для описания страницы для конкретной кампании с одним единственным призывом к действию и без навигации по сайту.

Основное различие между домашней страницей и целевой страницей
(или Почему целевые страницы так чертовски хороши в преобразовании)

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

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

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

Но он не обязательно совершит покупку. И в этом суть.

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

Есть еще вопросы по целевым страницам?

Мы слышим тебя. Вот три вопроса, которые нам часто задают:

1. Что мне нужно включить на свои целевые страницы?

2. У меня есть целевая страница, но как узнать, насколько она хороша?

3. Как лучше всего начать создание целевой страницы?

В.Почему бы просто не заплатить за увеличение трафика?

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

Типы целевых страниц

Вы увидите множество вариантов, в зависимости от специфики бизнеса, но на самом деле существует две типичных целевой страницы (определяемых их целями):

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

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

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

Привлечение трафика на целевые страницы

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

Платный поисковый трафик

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

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

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

Платный социальный трафик

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

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

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

Электронные кампании

Электронная почта часто рекламируется как самый эффективный маркетинговый канал из-за ее огромного охвата (и низкой стоимости) по сравнению с другими платформами. Согласно исследованию Radicati Group, проведенному в 2018 году, к 2022 году число пользователей электронной почты будет составлять 4,2 миллиарда. Это больше половины нашей планеты!

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

Органический поисковый трафик

Термин «органический трафик» относится к любым посетителям, которые приходят из неоплачиваемого источника, например из нижней части результатов поиска Google или Bing (SERP). Создавая убедительный, законно полезный контент на своем веб-сайте или целевых страницах, вы можете гарантировать, что ваша компания будет чаще появляться в связанных поисковых запросах.Чем выше рейтинг вашего контента, тем лучше.

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

Q.Есть ли другие каналы, по которым работают лендинги?

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

Почему бы не узнать немного больше?

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

.

Ваша целевая страница — отстой! Вот 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,

— Оли Гарднер

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

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

.

10 примеров целевых страниц для общественного блага

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

Когда вы делаете пожертвование на благотворительность в Интернете, куда уходят ваши деньги?

Просто выполнив поиск в Google в течение нескольких минут, можно найти множество целевых страниц некоммерческих организаций (НКО) и неправительственных организаций (НПО).

Получают ли эти организации максимальную отдачу от своего рекламного бюджета? Могут ли они генерировать больше пожертвований с меньшими затратами на рекламу?

С оптимизированными целевыми страницами они могли бы.

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

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

1. Канадский Красный Крест

Щелкните, чтобы увидеть полноразмерное изображение

Минимум отвлекающих факторов

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

Сильный заголовок требует большего внимания

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

Усильте ваш призыв к действию

Этот призыв к действию требует двух вещей: эмоций и контраста.

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

Во-вторых, этот призыв к действию требует эмоций. Как насчет чего-то вроде этого:

Пожертвовать сейчас
Дайте надежду нуждающимся канадцам

Основной текст может быть более конкретным

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

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

« канадских семей сейчас борются из-за [вставьте здесь соответствующую катастрофу] »

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

2. Благотворительность: Вода

Щелкните, чтобы увеличить изображение

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

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

Дайте мне понять цель страницы.

Термин «добро пожаловать» не следует использовать, мы уже не в 90-х, и это пустая трата ценного пространства. Конечно приветствую. Если бы меня не приветствовали, вы бы вообще не создали страницу.

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

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

Ем ли я пирожные?

Дизайн этой страницы отполированный и современный. Однако для меня это не имеет никакого смысла. Я ем торт на этой странице? Почему кекс и свеча могут быть самой большой визуальной подсказкой на странице о воде?

Я понимаю, что «15 000 человек отказались от своих дней рождения», но как? Почему? И при чем тут эта страница?

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

Посмотрите, как тысячи других используют свои кампании myCharity: Water для продвижения чистой воды

Объясните призыв к действию и устраните страхи

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

И самое главное: Могу ли я что-то изменить?

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

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

3. Sight Savers

Щелкните, чтобы увидеть полноразмерное изображение

Похвала главному изображению

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

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

Что означает этот заголовок?

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

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

Как насчет этого:

Xxxx детям диагностировали болезни, вызывающие слепоту в прошлом году
Помогите сохранить зрение ребенка сегодня, пожертвовав всего 7 долларов

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

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

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

Пожертвовать 7 долларов
Пожертвовать 14 долларов
Пожертвовать 21 доллар
Пожертвовать _____

Вы только что устранили один лишний клик, мешающий конверсии.

4. УВКБ ООН

Щелкните, чтобы увидеть полноразмерное изображение

Добавьте заголовок

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

Более 10 миллионов беженцев нуждаются в поддержке таких щедрых людей, как вы

Что с формой?

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

Да, и потеряйте окровавленную кнопку «Отправить». Отправить ничего не говорит, и его следует заменить сильным призывом к действию. Примерно так:

Отправить мой подарок
В поддержку беженцев

5. World Vision

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

Утечки Утечки Утечки!

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

Заголовок прямой и подчеркнутый

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

Взаимодействие на странице

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

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

Призывы к действию

Призывы к действию — единственная часть этой страницы, которая мне не нравится.То, как они поместили «Спонсируйте Дриссу сейчас» прямо над целью другой страницы «Найти ребенка для спонсирования», сбивает с толку.

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

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

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

6. IFAW

Щелкните для увеличения изображения

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

Заголовок не является заголовком

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

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

Животные, терпящие бедствие, нуждаются в вашей помощи
Сделайте пожертвование сегодня и спасите животных по всему миру от катастрофы

Форма повсюду

Где форма? Это вверху страницы? Левый? Право?

Эту форму нужно объединить в одну область, чтобы посетители не заблудились.Если вы сделаете форму трудной для заполнения, вы неизбежно потеряете конверсии. Животные рассчитывают на вас, не теряйте внимательность!

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

7. Врачи без границ

Щелкните, чтобы увеличить изображение

Где заголовок?

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

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

Достойный призыв к действию

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

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

Где статистика?

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

8. Накормите детей

Щелкните, чтобы увидеть полноразмерное изображение

Этот заголовок сбивает с толку

Формулировка заголовка довольно неуклюжая. Не совсем очевидно, почему «Мой подарок» используется в этом контексте, поэтому я бы отказался от него. Заголовок можно преобразовать во что-то, что легче читается и больше привлекает посетителей:

Вы можете помочь накормить голодающих детей в США и во всем мире — Пожертвуйте свой подарок ниже

Дайте мне больше статистики

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

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

Проверьте свои значки безопасности

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

9. Oxfam

Щелкните, чтобы увидеть полноразмерное изображение

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

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

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

У вас отличная форма, но…

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

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

10. Покорите рак

Щелкните для полноразмерного изображения

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

Расставьте приоритеты для своей копии

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

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

Отправить что?

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

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

Пришлите мне дополнительную информацию о поездке

Amnesty International

Щелкните, чтобы увидеть полноразмерное изображение

Что означает заголовок?

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

Urgent Action Network необходимо использовать как заголовок или логотип вместо заголовка. Настоящий заголовок должен быть примерно таким:

Получайте оповещения по электронной почте о нарушениях прав человека во всем мире в реальном времени

И, возможно, подзаголовок вроде этого:

Узнавайте о событиях, когда они происходят, чтобы вы может принять меры

Эта форма беспорядочная

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

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

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

Подпишитесь на оповещения в реальном времени

Что дальше?

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

При написании этого поста возникает вопрос: почему при таком большом количестве талантливых цифровых маркетологов эти благотворительные организации не могут создавать отличные целевые страницы?

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

— Эрик Слоан

.