Суббота , 21 мая 2022
Бизнес-Новости
Разное / Пример landing page: Лендинг: 15 примеров хороших лендингов!

Пример landing page: Лендинг: 15 примеров хороших лендингов!

Содержание

Примеры landing page с оригинальным дизайном

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

Дизайн лендинга и хенд-мейд

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

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

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

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

Тык на картинку, чтобы перейти на лендинг и увидеть его вживую!

Пример лендинга в нише свадьбы

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

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

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

Пример лендинга в нише студия дизайна

Пример 2. Первый экран лендинга небольшой, но известной в своем регионе дизайн-студии. И снова формат «главной страницы» со скроллингом вправо. Кстати, формат страницы при желании можно заменить на привычный вертикальный лендинг (нарисованный пластиковый стаканчик с надписью «skinny version»).

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

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

В следующем примере представлен дизайн лендинга агентства, которое занимается SMM:

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

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

Еще один пример дизайна посадочной странице от сербской дизайн студии:

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

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

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

Пример лендинга в нише веб-дизайн

Пример 5. В качестве примера выбран первый экран посадочной страницы веб-студии с очень приятными векторными иллюстрациями.

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

Пример в нише мобильный провайдер

Пример 6 Первый экран лендинга по продаже сим-карт лучше оценивать «вживую». Милые рукописные шрифты и иллюстрации дополнены анимацией.

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

Пример лендинга в нише дизайн интерьера

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

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

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

Пример лендинга в нише «игры»

Пример 8 Кнопка лендинга предлагает ни много ни мало — «убить всех хипстеров!». Однако оформление сайта доставляет.

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

Пример лендинга в нише алкогольные напитки

Пример 9. Желтый на желтом — не самое лучшее решение, скажете вы? Только не в этом случае! Удачный пример, как можно использовать дизайн этикетки в качестве фона. Так у пользователей не останется шанса не узнать нужное пиво на полке в магазине.

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

Пример 10. Лендинг, рекламирующий новозеландское вино со скроллингом вверх, выполненный в стильной и сдержанной меловой стилистике.

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

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

Вывод:

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

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

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

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

С использованием материалов статьи «Lovely Website Designs with a Hand-Drawn Feel and Awesome Sketchy Illustrations».

советы по созданию Компания landing page

Виктория Кучинова

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

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

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

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

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

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

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


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

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


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

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


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

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


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

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


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

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


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



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

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


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


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


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


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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


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


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

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


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

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

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

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


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

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


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

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

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

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


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

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


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


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


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

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

Собственно дизайн

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


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

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

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

Что мы делаем для решения этих задач

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


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

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

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

Почему мы

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

Широкий профиль: создание разнообразного контента для сайта

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

Опыт и портофолио

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

Всесторонняя аналитика, стратегия продвижения

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

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

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


В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:


12 шагов по созданию идеального лендинга

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

  1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
  2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
  3. Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

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

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

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

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

  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

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

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

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

Примеры ошибок делающих landing нерабочим

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

  1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
  2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
  3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.
  4. Дизайн посадочной страницы на самом деле очень важен. Если он не закончен, сделан непрофессионально или имеет отталкивающий для большинства пользователей вид, то даже соблюдение всех описанных выше правил создания хорошего лейдинга не убережет вас . Если вы сами не обладаете должными умениями и вкусом, или у вас нет в штате фирмы дизайнера, то можно воспользоваться многочисленными конструкторами или же готовыми шаблонами лендинга, которые останется лишь немного переделать под свои нужды.

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

Разработка дизайна лендинг пейдж по принципу «хочу, как у него» осталась еще в 2014 году, когда эффективность продающей страницы раскрылась по максимуму, а компании поняли, что с помощью лендинга можно не только быстро продавать товар/услугу, но и раскрывать себя с креативной точки зрения. Современные landing page — это не только продающая структура, но и отличная возможность вызвать у посетителя WOW-эффект, восхищаться идеей страницы и ее реализацией.

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

Все 9 примеров , собранных из Интернета, мы посчитали крутыми. Простота, соответствующая принципу лендинга, удобство и учет основных требований, свойственных целевой странице, делают примеры продающих Landing page высококонверсионными.

Пример продающего сайта № 1

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

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

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

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

Пример лендинга № 2

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

Разжигается интерес критериями.

Профессиональные и яркие фото и видеоматериалы еще сильнее разжигают интерес к услуге.

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

Логический завершающий структуры AIDA — блок «действие».

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

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

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

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

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

Пример страницы лендинга № 4

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

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

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

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

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

И фотография директора компании с его обращением к клиенту.

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

Пример посадочной страницы № 5

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

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

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

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

Пример удачного лендинга № 6

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

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

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

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

Пример посадочной страницы № 7

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

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

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

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

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

Здесь нет социальных доказательств, блока доверия, блоков преимуществ и выгод. Зато есть рецепт котлеток:-)

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

Пример продающего сайта landing page № 8

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

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

Блок выгод акцентирует внимание на удобство сотрудничества.

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

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

Пример landing page № 9

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

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

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

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


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

Напутственные слова

Современный пользователь, изощренный бесчисленным количеством продающих страниц, попадающимся ему на глаза, уже устал от однотипности. Сегодня в моду вошла уникальность, чем интереснее и необычнее лендинг, тем выше вероятность того, что он привлечет внимание юзера. К тому же, хороший и эксклюзивный дизайн — это всегда плюс: и посетителя удивить, и себя порадовать. А приятно удивленный посетитель, как минимум, +10% к конверсии. Желаем оригинальных и вкусных идей! А если с этим возникли трудности, вы всегда можете заказать landing page в нашей веб-студии.

Подписывайтесь на блог и следите за нашими обновлениями.

22 свежих примера дизайна Landing Pages

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

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

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

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

3. Raventools — это проект, предоставляющий услуги по автоматизации маркетинговых онлайн-мероприятий, связанных не только с контент- и SMM-маркетингом, но и с SEO, а также с контекстной рекламой в Google AdWords.

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

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

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

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

8. Positionly — прекрасный лендинг по SaaS-решению, позволяющему отслеживать, анализировать и управлять положением сайта в поисковой выдаче.

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

10. Tapshop — лендинг чешского сервиса, продающий услуги по настройке автоматических онлайн-продаж в интернет-магазинах.

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

12. Postable — лендинг онлайн-сервиса по сбору и управлению почтовыми адресами с возможностью отправки писем в адрес получателя без участия отправителя.

13. Getharvest — landing page по продаже программного обеспечения по управлению временем и координации совместных проектов.

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

15. Grazsecrets — мобильное приложение-путеводитель по австрийскому городу Graz. Программный продукт интегрирован с Google Map и позиционируется в качестве приложения, которое поможет туристам увидеть и узнать о городе то, чего обычным способом они узнать никогда не смогут.

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

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

18. Showcaseapp — мобильное приложение, позволяющее создавать свое собственное онлайн-портфолио с помощью iPad, а затем управлять им через планшет.

19. Довольно известный конструктор сайтов и интернет-магазинов. Команда Shopify помешана на тестировании и оптимизации конверсии, к этому лендингу нужно отнестись серьезно.

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

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

22. Squareup предлагает получить специальное приспособление в виде карт-ридера (Card Reader), позволяющее акцептировать кредитные или дебитовые карты, используя девайсы, работающие под управлением мобильных операционных систем iOS и Android. Этот лендинг неоднократно появлялся в нашем блоге, как прекрасный пример сбалансированной, высокопрофессиональной страницы.

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

пример в редакторе Block Editor – Блог ClickDimensions

Подпишитесь, чтобы получать новые статьи

В сегодняшней статье мы расскажем, как создать собственную Landing page в редакторе Block Editor решения ClickDimensions на нашем примере страницы записи на вебинар.

Чтобы создать страницу, перейдите в меню в Параметры => Web-контент.

Укажите название, выберите тип контента «Landing Page», наш пример выполнен в редакторе Block Editor, укажите ваш домен и при необходимости свяжите запись с маркетинговой кампанией.

Откройте редактор и в меню нажмите кнопку «Layouts» (Шаблоны):

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

Теперь выбранный вариант отобразился на странице в окне редактора для дальнейшей настройки (у нас дополнительно добавлен блок):

Далее сразу перейдем к настройке цвета фона страницы (в меню: Page => Background). Можно выбрать изображение, либо указать цвет. Не забываем нажимать важную кнопку «Apply» (Применить изменения)!

Аналогично можно настроить изображение или цвет фона для конкретного блока (в меню: Container => Background).

Чтобы добавить контент в блок, его необходимо выбрать, затем вызвать меню блока (правый клик мыши). В открывшемся меню нажать «Add content» (добавить содержимое).

Откроется окно, где надо настроить макет для контейнера:

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

Для загрузки изображений есть некоторые ограничения:

  • Максимальный вес 500КВ;
  • Файлы должны быть одного из доступных расширений (*.jpg, *.png, *.gif, *.jpeg, *.bmp).

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

Настройка заголовка страницы осуществляется в меню Page => Title.

Вы даже можете добавить собственный Favicon для своей Landing page.

Все внесенные изменения можно оперативно смотреть в предпросмотре (слева снизу окна редактора переключение на Preview).

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

После того, как вы все настроили и проверили, сохраните внесенные изменения и нажмите в меню кнопку Embed для дальнейшего использования ее вне системы (варианты: ссылка/iframe).

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

Также оговорюсь, что это простой пример, если немного дольше посидеть, то будет еще прекрасней. Главное: доступно любому даже без опыта работы и создания web-страниц; никакого HTML, если вам не надо. Если надо, то в редакторе Block Editor доступны для редактирования header и footer.

Но если вы более опытный пользователь, то можно использовать редактор Free Style, в котором помимо общих функций еще доступен для редактирования еще и HTML-код страницы.

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

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

#Landing page#Web-контент#Форма

Что такое Landing Page: определение, виды и примеры для чего нужны

Что такое Landing Page? Дословный перевод с английского звучит, как целевая страница или посадочная. Простыми словами, лендинг — это сайт из одной страницы.

Зачем нужен лендинг

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

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

Рекомендуем: Click.ru – сервис вернет 18% от расходов на контекстную и таргетированную рекламу:

  • Подключите к Click.ru рекламные кабинеты и ведите рекламу как раньше.
  • Чем больше вы тратите на рекламу, тем больший процент от расходов вернется.
  • Переводите выплаты на электронные кошельки, на банковскую карту или реинвестируйте в рекламу.
  • Оцените, как просто начать экономить на рекламе!
Узнать подробнее >> Реклама

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

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

Виды Landing Page

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

Продажа товара или услуги

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

Сбор лидов

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

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

Сбор подписной базы

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

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

Одностраничник внутри сайта

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

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

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

Многостраничный сайт из лендингов. То есть, когда каждая страница вашего основного сайта выглядит, как лендинг.

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

Статья в тему: Продающая структура лендинга

Примеры Landing Page

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

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

Следующий пример.

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

Кому доверить создание Landing page?

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

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

экспертная выборка. Спортивный корсет “Loni-corset”

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

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

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

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

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

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

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

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

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

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

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

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

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

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

Также тут размещается заключительная форма захвата.

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

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

99 фишек с примерами

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

1. Сайт – Dogstudio.com


Dogstudio.com

Интерактивная смена цветов

Цветовой окрас 3D элементов и фона изменяется с прокручиванием колесика мыши.


Интерактивная смена цветов

Интерактивный 3D дизайн

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


Интерактивный 3D дизайн

2. Сайт – Stuart.com


Stuart.com

Фоновое видео

Для эффективного использования пространства landing page используется видео на фоне вместо изображения. Видео способно быстро поведать пользователю информацию о деятельности компании.


Фоновое видео

Бегущие контент-элементы

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


Бегущие контент-элементы

Несколько кнопок

Такая уловка, как две кнопки с целевым действием на одном экране, способна значительно повысить конверсию. В данном случае эта возможность реализована тремя кнопками “Get started”, “Get in touch” и “Request a delivery”.


Несколько кнопок

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


Палитра цветов

Анимационные линейки

Интересное решение – анимированные линейки для отображения размеров товара.


Анимационные линейки

Модифицирующийся экран

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


Модифицирующийся экран

15. Сайт – Оснащение фитнес клубов


Оснащение фитнес клубов

Кнопка с подсветкой

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


Кнопка с подсветкой

Рамка вокруг целевых слов

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


Рамка вокруг целевых слов

Интерактивная шкала

Элемент поможет разнообразить лендинг. В данном случае используется для выбора площади.


Интерактивная шкала

Переключатель опций

Реализован для выбора типа оборудования и включения дополнительных функций.


Переключатель опций

16. Сайт – Maze.design


Maze.design

Изометрический дизайн

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


Изометрический дизайн

Анимация

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


Анимация

17. Сайт – Gyrosco.pe


Gyrosco.pe

Интерактивная схема

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


Интерактивная схема

18. Сайт – Unbounce.com


Unbounce.com

Инфографика

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


Инфографика

Анимированные скрины

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


Анимированные скрины

19. Сайт – Гриль-зона


Гриль-зона

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


Элемент в форме речевого облака

Размытый и легкий фон

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


Размытый и легкий фон

20. Сайт – Лайк Кар


Лайк кар

Треугольные элементы

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


Треугольные элементы

21. Сайт – Sundaybreakfast.org


Sundaybreakfast.org

Рукописный шрифт


Рукописный шрифт

22. Сайт – Tweakr.io


Tweakr.io

Общее фото и описание команды – статичные элементы

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

Общее фото и описание команды – статичные элементы

23. Сайт – Majortom.com


Majortom.com

Проявляющиеся надписи

Надписи проявляются постепенно, сверху вниз: вначале рисуется контур, затем плавно заполняется цветом.


Проявляющиеся надписи

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


Вертикально ориентированные шрифты

Интерактивная анимационная кнопка

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

Интерактивная анимационная кнопка

Загружающийся круг

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


Загружающийся круг

Логотип

Отображаемый лого при загрузке сайта – эффективное использование этого времени.


Логотип

24. Сайт – Embacy.io


Embacy.io

Цветные плоские плашки

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


Цветные плоские плашки

Смена направления прокрутки

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


Смена направления прокрутки

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


Индикация количества просмотренных экранов

25. Сайт – DK-SPORT


DK-SPORT

Градиентное затемнение фото

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


Градиентное затемнение фото

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


Фото в миниатюре-превью для слайдера

Интерактивный выбор цвета

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


Интерактивный выбор цвета

Такой прием позволяет одновременно передавать информацию о компании (на фото), с другой – колорировать лендинг фирменными цветами.


Затенение цветом фонового изображения

Светло-серый фон на фото

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


Светло-серый фон на фото

26. Сайт – Airbase.com


Airbase.com

Иллюстрации, выполненные в упрощенной технике и с применением узнаваемых символов.


Иллюстрации в стиле инфографики

Акцентирование цветом

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


Акцентирование цветом

Бегущая строка из логотипов

Непрерывно бегущая горизонтальная строка (слева направо или наоборот) – необычное и не заезженное решение.


Бегущая строка из логотипов

27. Сайт – Dotphotonraw.com


Dotphotonraw.com

Белый шрифт на темном фоне

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


Белый шрифт на темном фоне

2D иллюстрации

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


2D иллюстрации

28. Сайт – Absurd.design


Absurd.design

Юмористические элементы

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


Юмористические элементы

Плавное появление контента

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


Плавное появление контента

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


Прозрачная плашка с кнопками меню

29. Сайт – Boni corset


Boni corset

Совмещение фото и схемы

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


Совмещение фото и схемы

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


Двухстороннее фото в стиле “было” и “стало”

Счетчик обратного отсчета

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


Счетчик обратного отсчета

30. Сайт – Edu.pixton.com


Edu.pixton.com

Яркие насыщенные цвета

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


Яркие насыщенные цвета

Плоский дизайн

Плоский дизайн (упрощение форм и линий, отсутствие теней и объема) с одной стороны – достаточно прост, с другой – выразителен и по-прежнему популярен.


Плоский дизайн

31. Сайт – Drift.com


Drift.com

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


Плитки-посты из социальных сетей

32. Сайт – Couple.co


Couple.co

При наведении курсора мыши на фото – всплывает ник клиента в Instagram. При клике на фото – происходит переход на страницу компании в Instagram.


Коллаж из фотографий от клиентов

33. Сайт – Salesforce.com


Salesforce.com

Плейлист из видео-отзывов

Видео-отзывы, организованные в плей-лист – неожиданное и редкое решение.


Плейлист из видео-отзывов

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


Видеоколлаж, как заставка плей-листа

34. Сайт – Йога


Йога

Аудио отзывы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример необычного плиточного дизайна.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Landing Page: примеры хороших современных лендингов

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

Итак, почему же структура лэндинга подойдёт не каждому предприятию? Ответ прост: если фирма занимается продажей одного товара или оказанием одной услуги, такой как продвижение сайта в Яндексе недорого – тогда разработка лендинга будет то, что надо.

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

Landing Page: примеры

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

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

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

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

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

На изображение приведён пример удачного макета и заманчивого предложения. Качественное фото-фон, равномерно наложенный текст разборчивым шрифтом, что является вторым принципом создания Landing Page.

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

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

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

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

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

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

Лендинг Инстаграм: примеры

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

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

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

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

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

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

Красивые лендинги: примеры

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

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

Минимальное содержание текста, удачное сочетание цветов и полю для клиента отведена лишь одна кнопка – что в данном случае удобно, так как речь идёт только о подключении, то есть если кликнуть по кнопке «подключить», вероятно, покажется форма заполнения.

Такое решение подойдёт если для создания сайта Вы будете использовать конструктор сайта Tilda: что это такое мы уже описывали в отдельной статье.

Рассмотрим ещё один макет лендинга, который на наш взгляд, тоже заслуживает внимания. Нежные, неброские оттенки и красивое и, самое главное, качественное фото-фон ненавязчиво предлагают свои услуги. Форма заполнения так же пребывает в контрасте с основной страничкой, что так же является удачным дизайнерским решением.

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

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


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

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

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

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

Попробуйте Kajabi бесплатно в течение 14 дней

Без риска, без контрактов, без долгосрочных обязательств.

Да! Поехали

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

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

Целевые страницы отличаются от других веб-страниц:

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

Теперь давайте рассмотрим несколько примеров целевых страниц с высокой конверсией. В этой статье мы рассмотрим:

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

Приступим.

Целевые страницы недорогих курсов

При создании целевой страницы первый вопрос, который приходит на ум: «Какой длины она должна быть?»

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

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

#1: Chris & Jen — Be on TV Bootcamp.И, конечно же, они действительно перегружены.

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

10-кратное значение цены

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

Для сравнения, ваша цена в 55 долларов не представляет никакой сложности.

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

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

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

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

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

Сделайте акцент с помощью цвета

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

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

На этой целевой странице несколько слов, выделенных красным цветом:

  • Пройдите путь от «застревания» до получения заказов на телевидении!
  • Будьте на телевидении
  • Вы заслуживаете
  • (и это ваше)

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

СОВЕТ: Сделайте свой текст максимально ориентированным на клиента. Расширьте их возможности. Говорите с ними напрямую, используя слово «вы».

#2: Энн Хелмштадтер — Оценка продаж историй

Стоимость: 595 долларов США

Это предложение по оценке, предложенное коучем Анной Хелмштадтер, является хорошим примером коучинга или предложения по оценке.

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

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

Сопереживание потенциальным клиентам

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

Она переходит прямо к делу, обращаясь к ней:

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

Копирайтинг с прямым откликом

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

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

Вот как она это делает:

  • Четко определяет проблему
  • Рисует картину проблемы и то, как она сдерживает потенциальных клиентов
  • Пишет короткие, емкие предложения и абзацы копию (чтобы скиммеры не пропустили сообщение)
  • Акцентирует внимание на преимуществах продукта
  • Объясняет, для кого предназначено это предложение
  • Предлагает отзывы и другие доказательства
  • Просит потенциального клиента представить свои (новые и улучшенные) жизнь после работы с ней
  • Дает железную гарантию
  • Предлагает бонусы за добавленную стоимость
  • Добавляет P.S. для последнего убедительного толчка

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

#3: RTY Art – реалистичные портреты за 21 день

Стоимость: $197

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

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

Расскажите историю

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

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

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

Почувствуйте боль

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

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

Имейте в виду, это может занять МНОГО копий для продажи. Но, как показывает этот пример, вы действительно можете сериализовать свою историю.

СОВЕТ : Не торопитесь, изучая трудности, с которыми сталкиваются ваши потенциальные клиенты… и свое решение. Разрывы страниц не повредят пользовательскому опыту, если вы создадите хорошие переходы между страницами.

Заранее преодолеть все возражения

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

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

#4: Тед МакГрат — Быстрый регулярный доход в Интернете

Стоимость: $19,95

Это предложение Теда МакГрата необычно длинное для предложения за $19,95. Но на самом деле он предлагает набор из трех продуктов, а не один.

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

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

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

У покупателей есть вопросы

Начнем с названия его товара.Recurring Fast Online Revenue хорошо описывает результат, который вы получите от этого пакета, но не говорит вам, как работают программы или что вы с ними получаете.

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

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

Для всех остальных остальная часть этой длинной целевой страницы описывает: 

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

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

    СОВЕТ. Разместите кнопки под наиболее привлекательными или убедительными блоками текста. Не заставляйте посетителей прокручивать страницу, чтобы найти кнопку.

    #5: Билли Джин занимается маркетингом – все, что я когда-либо создавал

    Стоимость: $59

    Беспокоитесь о своих навыках копирайтинга?

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

    На этой целевой странице Билли Джин мало что продает. Он говорит вам, что он предлагает и почему. Затем он дает вам форму для покупки.

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

    Здесь Билли Джин группирует свои тренировки по темам. В конце каждой группы есть кнопка купить. Как и Тед МакГрат выше, он упрощает покупку. Всякий раз, когда потенциальный клиент готов, для него есть кнопка.

    Телефон посадочный курс

    # 6: Тони Роббинс — Дата с Destiny Virtual

    Стоимость: $ 4995

    Хорошая целевая страница рисует картину того, что возможно. Он обещает трансформацию, которая волнует их идеального клиента. Никто не делает это лучше, чем Тони Роббинс.

    Помогите потенциальным клиентам визуализировать результат

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

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

    Сделайте страницу удобной для чтения и сканирования

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

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

    Решение? Разбейте копию, чтобы она была визуальной и сканируемой.

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

    Используйте убедительную структуру

    Вот как Тони структурирует свою страницу:

    • Вверху: вся необходимая информация
    • Что вы будете делать на мероприятии (небольшие преимущества)
    • Дифференциация.Что отличает это событие?
    • Ожидаемые результаты
    • О Тони Роббинсе + спикеры
    • Для кого мероприятие?
    • Получите перспективы, визуализируя результат для себя
    • Отзывы предыдущих студентов
    • Ваш выбор: Посещать или [плохой результат]
    • Предложение + цена: Что вы получаете при регистрации
    • Гарантия

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

    #7: Сэм Овенс — Консультант-акселератор

    Стоимость: 1999 долларов США

    Когда целевые страницы не работают, это часто происходит из-за расплывчатых, общих сообщений.

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

    Давайте посмотрим, как это делает Сэм Овенс на своей целевой странице Consulting Accelerator.

    Сделайте свое обещание в заголовке

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

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

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

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

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

    Социальное доказательство

    Один из самых важных вопросов, на который вам нужно ответить: «Это работает?» Консультант отвечает на этот вопрос таким образом, что сразу же создает социальное доказательство:

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

    Бесплатная пробная версия

    Цена на этой странице нигде не указана. Призыв к действию — просто попробовать: начните бесплатную пробную версию.

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

    № 8: Джеймс Уэдмор — страница продаж по дизайну

    Стоимость: 2 взноса по 597 долларов

    и предоставление решения.

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

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

    «Создателю курса, который знает, что ваш цифровой продукт заслуживает ЛУЧШЕЙ страницы продаж».

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

    Проблема, агитация, решение

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

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

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

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

    Резюме перед предложением

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

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

    № 9: Фрэнк Керн — программа «Максимайзер»

    Стоимость: 999 долларов США

    .

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

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

    Продажи видео

    Шестьдесят четыре процента потребителей покупают после просмотра фирменного видео. 66% предпочитают смотреть видео, а не читать о продукте.

    По данным Wyzowl:

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

      Объединить видео с текстом

      В этом VSL Фрэнк представляет свой продукт и параллельно обучает его. Результат? Посетители получают представление о его стиле преподавания и глубине его знаний.

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

      Цена на странице отсутствует

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

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

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

      СОВЕТ: Найдите способы заставить вашего потенциального клиента сказать да заранее. Им будет легче сказать да , когда вы попросите их купить.

      #10: Dean Graziosi — The Knowledge Broker Blueprint

      Стоимость: $4,997

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

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

      Зацепите их за заголовок

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

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

      Затем это создает срочность: «Время наверстать упущенное прямо сейчас…».

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

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

      Он сжимает все сообщение — проблему, почему это важно и решение — и бросает все сразу на потенциального клиента.

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

      Не заставляйте их ждать

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

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

      #11: Перри Маршалл – Google Ads Immersion

      Стоимость: 4999 долларов США

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

      Посмотрите на разрушительное признание в заголовке: «Вы можете отказаться от участия после первого командного вызова!»

      Это отсылка к ныне известной рекламе, приписываемой сэру Эрнесту Шеклтону.

      «Разыскиваются люди для опасного путешествия. Низкая заработная плата, сильный холод, долгие часы полной темноты. Безопасное возвращение сомнительно. Честь и признание в случае успеха.»

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

      СОВЕТ: не пытайтесь понравиться всем. Выберите свою цель и бросьте ей перчатку. Они ответят.

      Целевые страницы членства и подписки

      № 12: Moms into Fitness

      Moms into Fitness — это не слишком дорогое предложение, но их целевая аудитория — это находка. Если это ваша ситуация, это отличный пример целевой страницы.

      Заставьте ваших потенциальных клиентов поверить

      Прежде чем кто-либо купит ваш продукт, он должен поверить, что он будет работать для них .Их способность верить зависит от: 

      • Их обстоятельств
      • Сколько других продуктов они пробовали
      • Насколько успешными они были в прошлом

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

      Подтверждение каждого утверждения

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

      • Простой трехэтапный процесс
      • До-
      • Изображения мам и активного использования программы
      • -after photos

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

      Дайте разрешение на инвестирование

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

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

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

      #13: Brendan Burchard — Курсы HPX

      Стоимость: $349/год

      Если ваша отрасль развита и вы хорошо зарекомендовали себя в ней, продавать становится проще. Этот пример целевой страницы от Kajabi Hero Brendan Burchard является доказательством.

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

      • На обложке журнала «Успех»
      • Вверху, на видео
      • На миниатюре его курса
      • На видео, одна из его книг перед ним

      Доверие — это все. Если вас еще не считают лидером в своей области, найдите способы повысить свою узнаваемость.

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

      Попробуйте Kajabi бесплатно в течение 14 дней

      Без риска, без контрактов, без долгосрочных обязательств.

      Да! Поехали

      #14: Pure Barre Go

      Стоимость: 29,99 долларов США в месяц

      Целевая страница Pure Barre завоевывает баллы за простоту оформления и качественную графику.

      Заголовок недвусмысленно сообщает посетителям, что это их вариант номер один для barre-тренировок в студии. Затем Pure Barre подкрепляет это утверждение четырьмя блоками текста и графики.

      Планировка проста, и каждый элемент поддерживает их претензию на известность. Как вы можете это сделать?

      Найдите то, что вы можете сделать, что никто другой не может сделать. Затем сделайте ставку на свою претензию как на вариант №1.

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

      #15: Obe Live & On-Demand Fitness Classes — Home

      Стоимость: $27/месяц

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

      Как Обе это делает?

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

      • Экран рабочего стола инструктора 
      • Изображения приложения для телефона
      • Миниатюры программ, которые вы получаете как участник

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

      СОВЕТ: Помогите вашим потенциальным клиентам заглянуть за кулисы, чтобы они могли представить, что используют ваш продукт.

      #16: Titans Mastermind

      Стоимость: 20 000 долларов США

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

      Но Брайан продает вдохновителя за 20 000 долларов с коротким списком пуль. Он также делает невозможным покупку без заполнения заявки.

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

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

      Попробуйте Kajabi бесплатно в течение 14 дней

      Без риска, без контрактов, без долгосрочных обязательств.

      Да! Поехали

      Целевые страницы привлечения потенциальных клиентов

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

      #17: Airbnb — подписка

      Стоимость: бесплатно

      Туристическая компания Airbnb кое-что знает о привлечении клиентов.Они являются экспертами в маркетинге, и их страница захвата лидов доказывает это.

      Взгляните:

      Это простая страница регистрации. И именно поэтому он работает . Эта страница является свидетельством силы простоты.

      Множественные точки входа

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

      Чистый и простой дизайн

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

      Несколько вариантов регистрации

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

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

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

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

      #18: Эд Гандия — Книга Триады Успеха

      Стоимость: Бесплатно

      Одно из самых ценных предложений по генерации лидов – это книга. В этом примере тренер по копирайтингу Эд Гандиа предлагает одну из своих книг в качестве лид-магнита.

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

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

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

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

      Целевые страницы для вебинаров и мастер-классов

      #19: Грант Кардоне — 10-кратный доход веб-класса

      Стоимость:

      Стоимость: бесплатно

      Ищете хороший пример вечнозеленой веб-страницы? Давайте посмотрим на эту страницу Гранта Кардоне.

      Powerwords

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

      В заголовке Гранта я выделил жирным шрифтом ключевые слова:

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

      Социальное доказательство

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

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

      Попробуйте Kajabi бесплатно в течение 14 дней

      Без риска, без контрактов, без долгосрочных обязательств.

      Да! Поехали

      #20: Allie Bjerk — Играйте по-крупному с небольшими предложениями

      Стоимость: Бесплатно

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

      Почему?

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

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

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

      #21: Молли Махони — Мастер-класс с видео в прямом эфире (запуск)

      Стоимость: бесплатно

      Эта страница Молли Махони предназначена для мастер-классов, которые она проводит несколько раз в год. Он был отточен до совершенства и конвертируется на 10% или выше.

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

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

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

      Целевые страницы виртуальных мероприятий 90 90 90 90 1 , давайте рассмотрим несколько примеров целевых страниц с высокой конверсией, которым стоит подражать.

      #22: Джей Абрахам — Вызов превосходства 

      Стоимость: бесплатно

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

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

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

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

      #23: Магнитный маркетинг — Бесплатный мастер-класс

      Стоимость: бесплатно

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

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

      СОВЕТ. Участие знаменитых спикеров — это хороший способ повысить вовлеченность и привлечь основную аудиторию.

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

      #24: Jay Fisset — Connect, Collaborate & Create Summit

      Стоимость: бесплатно

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

      Сила этой страницы в заголовке.Он включает в себя:

      • Запатентованный метод — Upstream Method
      • Осязаемый результат — получение дохода в течение следующих 30 с лишним лет
      • Срок — сейчас

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

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

      #25: Neurogyn — Brain-a-thon

      Стоимость: бесплатно

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

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

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

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

    И ваша кампания начинается с целевой страницы с высокой конверсией.

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

    Найдите больше сообщений в блогах по категориям:

    Создайте свой продукт
    Создайте свой бизнес
    Развивайте свой бизнес
    Новости Каджаби
    Самодельный

    Попробуйте Kajabi бесплатно в течение 14 дней

    Без риска, без контрактов, без долгосрочных обязательств.

    Да! Поехали

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

    Создать целевую страницу A+ может быть непросто.

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

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

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

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

    16 примеров отличного дизайна целевой страницы 

    1) Вистия

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

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

    2) Отскочить

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

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

    3) IMPACT

    Брендинг и дизайн

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

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

    4) WebDAM

    Несмотря на то, что целевая страница WebDAM имеет множество удобных функций, моей любимой (на сегодняшний день) является форма. Маленькие значки перед текстом указывают на информацию, которую нужно ввести — просто посмотрите на значки рядом с «Имя» и «Фамилия».” У формы также есть синий фон, который выделяется на фоне главного изображения. А кнопка «Отправить»? Оно имеет оранжевый фон (дополнительный цвет к синему), персонализированный и убедительный текст и стрелку, указывающую, что вы перейдете к загружаемому руководству.

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

    5) Векселя.ком

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

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

    Затем вы отвечаете еще на два вопроса, подобных приведенному ниже:

    И вот последняя форма целевой страницы, где вы заполняете свою информацию:

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

    6) Трулия

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

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

    7) Базовый лагерь

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

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

    [Нажмите здесь, чтобы увидеть всю целевую страницу.]

    8) Зендеск

    Мне нравится целевая страница бесплатной пробной версии Zendesk, потому что она проста как в тексте, так и в дизайне.Единственное, что действительно выделяется на странице, — это две кнопки CTA и рисунок яйца вверху, который покачивается, как будто вот-вот треснет. Сама форма проста и требует только рабочий адрес электронной почты и пароль для создания учетной записи. Или вы можете просто использовать свою учетную запись Google Apps, что еще больше сократит путь конверсии.

    9) Веб-прибыль

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

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

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

    10) Входящие эмоции

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

     

    11) Х.БЛУМ

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

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

    12) Живой чат Веларо

    Иногда мельчайшие детали имеют большое значение. Например, именно они делают целевую страницу Velaro Live Chat потрясающей.

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

    13) Калифорнийский университет, Дэвис

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

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

    14) Лаборатория преобразования

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

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

    И когда вы нажмете этот призыв к действию, посмотрите, как выглядит форма: 

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

    15) Маркетинг промышленной мощи

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

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

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

    Сотрудники Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось, например, масштабировать, чтобы читать и взаимодействовать с контентом. (Прочитайте эту запись в блоге, чтобы узнать, как сделать ваши веб-страницы удобными для мобильных посетителей.)

    16) Shopify

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

    Вишенка на торте? Эта целевая страница выглядит великолепно (и функционально) на любом используемом вами устройстве. Адаптивный дизайн для победы!

    Хотите больше вдохновения для целевой страницы? Ознакомьтесь с некоторыми из наших любимых примеров целевых страниц HubSpot.

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

    Шаблоны и примеры целевых страниц видео

    Ищете лучший способ использования ваших фирменных видео?

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

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

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

    Прежде чем мы углубимся в шаблоны, давайте разберемся, что на самом деле означает термин «целевая страница с видео».

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

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

    Зачем использовать целевую страницу с видео?

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

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

    Мало того, по оценкам, к 2022 году онлайн-видео будет составлять более 82% всего потребительского интернет-трафика. Вы можете привлечь этот трафик на свой веб-сайт (вместо YouTube) и убедить их оставить свои данные, что позволит вам захватывать потенциальных клиентов с ваших целевых страниц с видео.

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

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

    1. Impact

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

    См. страницу полностью

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

    2. Scribe Media

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

    См. страницу полностью

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

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

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

    3. Wistia

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

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

    См. страницу полностью

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

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

    4. HR Downloads

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

    См. страницу полностью

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

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

    5. Окраина Пресс

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

    Эта целевая страница издательства Outskirts Press предназначена для самостоятельной публикации книг. Тем не менее, вместо того, чтобы использовать страницу, чтобы кричать о том, как работает процесс, они встроили короткое видео на YouTube, чтобы объяснить его:

    См. страницу полностью

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

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

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

    6. ​​Zendesk

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

    Zendesk использует эту целевую страницу, чтобы потенциальные клиенты могли заказать демонстрацию продукта. Тем не менее, вместо того, чтобы бесплатно раздавать его на странице, они закрыли его:

    См. страницу полностью

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

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

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

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

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

    Есть два основных способа добавить видео прямо на любую целевую страницу в ConvertFlow:

    1. Добавить на задний план раздела
    2. Встроить видео прямо на передний план

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

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

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

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

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

    Любой шаблон целевой страницы в ConvertFlow можно настроить для включения видео. Но вот несколько хороших шаблонов целевых страниц с видео для начала:

    17 лучших примеров целевых страниц SaaS и почему они работают

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

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

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

    Подожди, вернемся к началу.

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

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

    Не стесняйтесь переходить от оглавления ниже.

    Оглавление:

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

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

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

    Самым важным фактором в создании хорошей целевой страницы SaaS является понимание вашей аудитории. Каковы их потребности? Что будет мотивировать их на покупку? Каким вы хотите видеть конечный результат страницы?

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

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

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

    • Целевые страницы

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

    Что включать в целевые страницы SaaS

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

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

    Первый пример целевой страницы SaaS, который мы рассмотрим, — это Avocode, инструмент передачи дизайна, который позволяет открывать, совместно использовать, проверять и совместно работать над файлами Sketch, Adobe XD, Photoshop, Illustrator и Figma.

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

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

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

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

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

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

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

    (Источник)

    • Логотипы
    • Характеристики
    • Герой
    • Часто задаваемые вопросы
    • Цены
    • Социальное доказательство
    • Нижний колонтитул

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

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

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

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

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

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

    (Источник: фолио целевой страницы)

    • Особенности
    • СТА
    • Ящик для подписки
    • Демо

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

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

    Несколько кнопок призыва к действию: На этой целевой странице более 8 кнопок призыва к действию; однако есть только 4 основных призыва к действию для регистрации.MeisterNote просто не оставляет места для пропуска кнопки. Несколько CTA помогут вам проверить наилучшую позицию и привлечь внимание посетителя в каждой прокрутке.

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

    Значок конфиденциальности: Если ваш продукт содержит пользовательские данные, покажите значок конфиденциальности, чтобы завоевать доверие клиентов.

    • Несколько CTA
    • Значок конфиденциальности
    • Выделенные интеграции
    • Характеристики

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

    Социальное доказательство с логотипами брендов клиентов: Многие популярные бренды, такие как Medium и Netflix, используют Airtable, и эта целевая страница демонстрирует их логотипы, чтобы завоевать доверие.

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

    Отзывы: Эта целевая страница размещает один отзыв в нижней части со ссылкой CTA на отзыв в формате видео.

    Визуальное пояснение выделенных решений: Airtable также использует анимированные видеоролики для описания функций продукта и решений.

    Четко поставленная ценность продукта: Название героя рифмуется и ясно говорит о том, что предлагает программное обеспечение, как и описание.

    (Источник: фолио целевой страницы)

    • Особенности
    • СТА
    • Аудитория
    • Логотипы
    • Нижний колонтитул
    • Герой

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

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

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

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

    Короткие видеоролики, объясняющие функции продукта: Как и большинство продуктов SaaS в нашем списке, Monday.com использует короткие видеоролики для объяснения возможностей, функций и интерфейса продукта.

    Варианты интеграции: Варианты интеграции указаны с выдвижными логотипами платформы.

    • СТА внизу и вверху сгиба
    • Характеристики
    • Логотипы компаний-клиентов
    • Визуальные демонстрации

    Также прочитайте 10 тактик призыва к действию на целевой странице.

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

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

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

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

    «The» выделено жирным шрифтом: Главный заголовок ActiveCollab слишком длинный по сравнению с отраслевыми стандартами. Тем не менее, стратегическое выделение предлога «the» должно подчеркнуть их конкурентоспособность.

    • Особенности
    • Отзывы
    • СТА
    • Нижний колонтитул
    • Демонстрационный видеоролик о продукте

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

    Maze — это платформа для быстрого тестирования, предназначенная для продуктовых и маркетинговых групп для тестирования дизайнерских проектов на основе Adobe XD, Figma, Sketch, InVision или Marvel.

    Что первым бросается в глаза на этой целевой странице? Анимации.

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

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

    По делу: И заголовок, и описание объясняют предложение продукта и проблему, которую он решает.

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

    • СТА
    • Нижний колонтитул
    • Отзывы
    • Характеристики

    WeTransfer — популярная интернет-служба передачи файлов.Это упрощает отправку больших файлов.

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

    Нет прокрутки вниз: Эта целевая страница представляет собой единую страницу, что делает ее четко сфокусированной и конкретной.

    Однофокусная кнопка CTA: Существует только один основной призыв к обновлению — «Go Pro», и он безупречно согласуется с цветовой палитрой.

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

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

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

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

    • СТА
    • Нижний колонтитул
    • Характеристики
    • Интеграции
    • Отзывы

    Читайте также: Примеры целевых страниц электронной торговли.

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

    Усилители конверсии: Прямо под описанием героя Popuspmart обращает внимание на детали, ориентированные на конверсию, такие как «Бесплатные и платные планы», «Установка за считанные минуты» и «Без кредитной карты».

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

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

    • Отзывы
    • Часто задаваемые вопросы
    • Нижний колонтитул
    • Служба поддержки клиентов
    • Простой конструктор


    Создайте бесплатное всплывающее окно с помощью Popupsmart

    Примеры целевых страниц Bonus SaaS

    Основные моменты Миро

    • Демонстрационная анимация продукта
    • Отзывы
    • Оптимизированный список основных функций

    Основные моменты Figma

    • Анимированный, меняющий заголовок героя
    • Пояснения к анимированным слайдам
    • Отзывы
    • Сообщество

    Основные моменты эскиза

    • Анимированная демонстрация продукта
    • Пояснения к анимированным верхним функциям
    • Отзывы
    • Слайдер расширения
    • Форма подписки по электронной почте внизу

    Основные моменты Vectary

    • Демонстрационная анимация продукта
    • Выдвижная форма
    • Прозрачный дизайн

    Основные моменты Gleap

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

    Подсветка Glide

    • Анимированная демонстрация продукта
    • Социальное доказательство
    • Видео о встроенном продукте
    • Характеристики
    • Обучающие видеоролики по встраиваемым продуктам

    Основные моменты MailChimp

    • Лучшие функции
    • Ссылки на ресурсы внизу
    • Награда G2
    • Отзывы

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

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

    Статьи, которые могут вам понравиться:

    Какой использовать и когда

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

    Целевые страницы

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

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

    Что такое целевая страница? – Краткий обзор

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

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

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

    Какие существуют типы целевых страниц?

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

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

    • Сожмите

    • Всплеск

    • Лидогенерация

    • Целевая страница видео

    • Нажмите

    • Страница продаж

    • Рекламный

    • Лид-магнит

    • Предстартовая версия

    • Спасибо

    • Отписаться

    • Реферал

    • 404

    1) Сожмите целевую страницу

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

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

    2) Целевая страница-заставка

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

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

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

    .

    «Хотите дополнительную скидку 15%?» на их заставке для более практичного подхода. Это дает потенциальному клиенту повод изучить веб-сайт, даже если он случайно там оказался.

    3) Целевая страница генерации лидов

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

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

    4) Целевая страница видео

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

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

    Вот четыре основных типа видео:

    • Объяснители: Они дают прямые ответы на то, как ваши услуги удовлетворяют потребности клиентов.

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

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

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

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

    5) Переходная целевая страница

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

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

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

    6) Целевая страница продаж

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

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

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

    7) Рекламная целевая страница

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

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

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

    8) Целевая страница лид-магнита

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

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

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

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

    Электронные книги

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

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

    9) Целевая страница перед запуском

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

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

    10) Страница благодарности

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

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

    Эти типы целевых страниц также могут использоваться в следующих коммерческих целях:

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

    11) Страница отписки

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

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

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

    12) Реферальная целевая страница

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

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

    Что касается макета, то наш пример из Wealth Hub Australia — классическое решение. Страница остается простой, с четким призывом к действию, интересным текстом и забавным визуальным элементом.

    13) 404 Целевая страница

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

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

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

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

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

    • Каких бизнес-целей я хочу достичь с помощью этой целевой страницы?

    • Как мои соперники достигают этих целей?

    • Каковы цели моей аудитории, когда они заходят на эту страницу?

    • Что в первую очередь привлекло мою аудиторию на эту страницу (т.э., какая деятельность или мотив привлекли их сюда)?

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

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

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

    Готовы ли вы приземлиться?

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

    Похожие темы:

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

    Сколько у вас есть времени, прежде чем посетители вашего сайта устанут и уйдут?

    Есть много источников, которые говорят, что это где-то от 15 секунд до семи или меньше.

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

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

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

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

    Давайте сделаем это.

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

    Начать бесплатно

    Что делает целевую страницу хорошей?

    Источник

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

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

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

    Так что же делает целевую страницу хорошей? Вот основы:

    • Целевой обмен сообщениями с единственной целью: вызвать у посетителя одно конкретное конверсионное действие
    • Короткие и приятные (и мощные) заголовки и тексты, которые иллюстрируют, что предлагается, почему это ценно и почему посетители должны верить вам
    • Минималистский макет, дизайн и ссылки, чтобы посетители не отвлекались и не нажимали на страницу без конверсии
    • Четкие, привлекательные кнопки призыва к действию (CTA), которые ведут пользователей к преобразование, например заполнение формы или совершение покупки

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

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

    7 лучших примеров целевых страниц

    1. One Page Love

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

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

    Это дает посетителям ощущение срочности и FOMO, говоря, что предварительная продажа со скидкой 30 долларов закончилась, но они все еще могут получить скидку 20 долларов до конца месяца.

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

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

    Гений.

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

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

    2. Shopify

    Целевая страница бесплатной пробной версии Shopify призвана побудить вас зарегистрироваться.

    В соответствии с рекомендациями по работе с целевой страницей на всей странице есть только одна кнопка CTA: «Начать бесплатную пробную версию». Это проявляется один раз в герое, а затем снова в самом низу.

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

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

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

    Рассмотрите эту тактику на своих целевых страницах… вы будете удивлены, как много людей нажимают на нижнюю кнопку!

    3. Фитбит

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

    Но некоторые правила можно нарушить.

    Целевая страница Fitbit «Что нового» — отличный пример этого. Зонтичный CTA предназначен для того, чтобы узнать больше о том, что нового, с возможностью щелкнуть, чтобы узнать больше о том, какие конкретные новинки интересуют каждого посетителя.

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

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

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

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

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

    4. Mixpanel

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

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

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

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

    Ниже приведено социальное доказательство в виде прошлых клиентов, таких как Clorox и US Bank.

    Далее следует краткое изложение информации, которую вы найдете в книге.

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

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

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

    5.Винк

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

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

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

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

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

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

    На странице есть две одинаковые кнопки CTA, обе из которых ведут вас к первому этапу их процесса продаж: викторине из шести вопросов, чтобы почувствовать ваш вкус.

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

    6. Домашний повар

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

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

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

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

    Home Chef завершает этот пример целевой страницы электронной коммерции коротким видео-отзывом от молодой пары и тем же призывом к действию «Выбери себе еду», что и герой.

    7. Сумасшедшее яйцо

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

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

    Под основным призывом к действию находится дополнительный призыв к действию: «Не готовы начать? Узнать больше.»

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

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

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

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

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

    Делайте заметки!

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

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

    1. Убедитесь, что они оптимизированы для мобильных устройств. Это касается каждой отдельной страницы вашего сайта. По состоянию на 2019 год 53 процента всего веб-трафика приходилось на мобильные устройства. Не исключайте этих посетителей из своего плана.
    2. Если на вашей целевой странице используются формы, постарайтесь свести к минимуму количество полей, которые необходимо заполнить. Одна компания сократила форму с 11 полей до четырех и добилась увеличения конверсии на 120 процентов.
    3. Все любят видео, поэтому по возможности используйте видео на своих целевых страницах. Еще лучше, если вы можете сделать свой собственный, а не использовать чужой. Одно исследование показывает, что включение видео может повысить конверсию на 86 процентов.

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

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

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

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

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

    Хотите узнать больше?

    Мое пошаговое руководство по целевым страницам, которые конвертируют

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

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

    1/ Объясните ценность, которую вы предоставляете (заголовок)

    2/ Объясните, как вы ее создадите (подзаголовок)

    3/ Дайте пользователю визуализировать ее (визуально)

    4/ Сделайте ее правдоподобной ( социальное доказательство)

    5/ Сделайте следующий шаг легким (CTA)

    1/ Заголовок

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

    1/ Объясните, что вы делаете

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

    2/ Крючки

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

    3/ Займите свою нишу

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

    2/ Субтитры

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

    3/ Visual

    Покажите свой продукт во всей красе. Цель — максимально приблизиться к реальности.

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

    4/ Социальное доказательство

    Социальное доказательство (в верхней части страницы) повышает доверие к ценности, которую вы обещаете.

    Возьмем, к примеру, Privy. Любой стартап может написать «Как маленькие бренды продают больше в Интернете». Но именно их «18 000+ отзывов» заставляют в это поверить.

    5/ CTA

    Ваш CTA упрощает следующий шаг.

    Большинство кнопок подчеркивают действие: «Зарегистрироваться», «Начать пробную версию» и т. д. Вот еще три привлекательных типа призыва к действию.

    1/ Вызов значения

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

    2/ Обработчик возражения

    Добавьте несколько слов в CTA, чтобы обработать самое большое возражение пользователя против клика.

    3/ Захват электронной почты + призыв к действию

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

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

    Резюме «Вверху сгиба»

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

    1/ Объясните ценность, которую вы предоставляете (заголовок)

    2/ Объясните, как вы ее создадите (подзаголовок)

    3/ Позвольте пользователю визуализировать ее (визуально)

    4/ Сделайте ее правдоподобной (социальное доказательство)

    5/ Сделайте следующий шаг легким (CTA)

    «В нижней части страницы»

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

    6/ Конкретизация ценности (функции и возражения)

    7/ Поощрение к действию (социальное доказательство)

    8/ Устранение недостатков (FAQ)

    9/ Повторите призыв к действию ( 2-й CTA)

    10/ Сделайте себя запоминающимся (Примечание основателя)

    6/ Особенности и возражения

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

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

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

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

    7/ Больше социального доказательства

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

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

    • «Улыбка, которую вы любите» ⟶ Клиенты улыбаются

    • «Изобретение электронной почты заново» ⟶ Клиенты описывают разницу

    • «Как небольшие бренды продают больше» ⟶ Номера продаж

    8/ FAQ

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

    Запишите их. Переформулируйте в вопросы и ответы.

    9/ 2-й CTA

    Мы проделали активную продажу. Пришло время для нашего второго CTA.

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

    10/ Заметка основателя

    Наконец, вы оставляете покупателю историю, которую легко подвести итоги.

    1/ Поставьте себя на их место

    2/ Объясните их проблему

    3/ Возьмите ее на себя

    4/ Покажите счастливый конец

    Вы ведете их по пути, по которому они сами захотят пройти.О, и люди покупают у людей.

    Соединяем все вместе

    1/ Объясните ценность, которую вы предоставляете (заголовок)

    2/ Объясните, как вы ее создадите (подзаголовок)

    3/ Дайте пользователю визуализировать ее (визуально)

    4/ Сделайте это правдоподобный (социальное доказательство)

    5/ Сделайте следующий шаг легким (CTA)

    6/ Сделайте ценность конкретной (функции и возражения)

    7/ Воплотите свое предложение в жизнь (социальное доказательство)

    8/ Связывайте незавершенные вопросы (FAQ)

    9/ Повторите свой призыв к действию (2-й CTA)

    10/ Сделайте себя запоминающимся (Примечание основателя)

    И последнее

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

    Поможет ли это мне продавать, если я встречусь с покупателем лично?

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

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

    * * *

    Фу! Это было долго. Спасибо за прочтение. Это руководство.Не руководство по эксплуатации.

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

    Если вы нашли это полезным, вам понравится мой новый проект Copywriting Examples. Это лучшая копия в мире. В одном месте. 330+ отобранных примеров. Все бесплатно.

    Если вы не хотите пропустить другие руководства по маркетингу (например, это), подпишитесь на мою рассылку.