29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru
{«id»:140182,»url»:»https:\/\/vc.ru\/marketing\/140182-29-luchshih-primerov-lendingov-2020-goda»,»title»:»29 \u043b\u0443\u0447\u0448\u0438\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u043e\u0432 2020 \u0433\u043e\u0434\u0430″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/marketing\/140182-29-luchshih-primerov-lendingov-2020-goda»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/marketing\/140182-29-luchshih-primerov-lendingov-2020-goda&title=29 \u043b\u0443\u0447\u0448\u0438\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043b\u0435\u043d\u0434\u0438\u043d\u0433\u043e\u0432 2020 \u0433\u043e\u0434\u0430″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.
ru\/marketing\/140182-29-luchshih-primerov-lendingov-2020-goda»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}30 942 просмотров
Структура лендинга: из чего она состоит и как выстроить правильно
Из каких элементов будет состоять ваш лендинг — целиком зависит от продукта. В этой статье разберемся, из чего составить структуру лендинга и какие блоки использовать для разных целей, посмотрим хорошие и плохие примеры.
Что такое структура лендинга
Структура лендинга — это его деление на тематические блоки. Обычно лендинг строят так:
- короткий оффер или УТП;
- подробности и преимущества предложения;
- варианты цен с призывом к действию;
- отзывы.
Это базовая структура, но под ваши задачи и вашу целевую аудиторию можно менять блоки и их наполнение.
Например, если продукт еще неизвестный — придется рассказывать о нем подробнее и давать больше вариантов применения. А если известный — сделать акцент на качестве, цене, сервисе или отзывах.
Правильная структура лендинга
У каждого блока в структуре лендинга есть свое предназначение и связанное с ним место. Дальше будем рассматривать каждый блок, разбираться в его предназначении, смотреть плохие и хорошие приемы.
Я буду использовать термин «экран». Экран — потому что блок или его законченная смысловая часть должны логически помещаться на одном экране устройства, то есть телефона или компьютера. Так пользователю будет легче потреблять информацию.
Стартовый экран
На стартовом экране размещается главная мысль. Это суть услуги, преимущество, которое в результате получает пользователь. Если лендинг посвящен одному товару или услуге, то на стартовом экране нужен оффер — конкретное предложение именно по этому товару или услуге. Если же лендинг про компанию в целом, тогда на стартовом экране нужно разместить УТП — ее уникальное торговое предложение.
Оффер или УТП пишут ярко и крупно, а под ними при необходимости дают пояснения более мелким текстом.
Статьи по теме:
Компания D’Addario продает товары для музыкантов. Этот экран прямо предлагает услугу «Уникальный дизайн для вашего оборудования». Ниже призыв расшифровывается: «Кастомные медиаторы и барабаны помогут вам выделиться на любой сцене».
Приложение для медитаций Calm использует игру слов со своим названием и призывает пользователей «найти свое спокойствие». И ниже рассказывает, в чем оно заключается: больше спать, меньше нервничать, лучше жить.
Понятный призыв от приложения CalmОффер иллюстрируется. Хорошая иллюстрация помогает добиться нужного впечатления и работает вместе с текстом, они усиливают друг друга. Например, на скриншоте выше можно реально медитировать на фото: спокойная вода с легкой рябью, лес, горы, небольшая дымка — спокойствие по высшему разряду.
Страшный секрет: оффер можно не иллюстрировать, если нечем. Сделайте простой и приятный глазу дизайн, чтобы не отвлекал, но сосредоточьтесь на хорошем тексте.
Чем иллюстрировать экран оффера
| Хорошо | Нормально | Плохо |
| Фото товара или результата услуг Фото клиентов с товарами или в процессе (результате) услуги Фото сотрудников за работой Скриншоты из программы/приложения | Простой флэт-дизайн без отвлекающих деталей Фоновое видео товаров, услуг, работы (затормозит сайт, не у всех воспроизведется) | Фотосток — любые фото, картинки, видео, инфографика. |
CRM-система «Мегаплан» выбрала именно скриншот. Тут мне как пользователю сразу ясно — выглядит несложно и симпатично, интерфейс не накрученный, видно все функции.
Скриншот из сервиса для иллюстрации его интерфейса и возможностейЕще вариант с демонстрацией сервиса: тут на первом экране скриншоты из мобильного приложения.
Классный ход с кнопками — можно прямо отсюда выйти на скачивание приложения или попробовать его в браузере.
Посмотрим на варианты, которых лучше избегать в структуре лендинга на стартовом экране.
Не наваливайте. Старайтесь не перегружать один экран подробностями. На стартовом экране оффера это особенно заметно: хочется уместить здесь побольше, чтобы человек прочел все в одном месте. В итоге выходит наоборот: непонятно, какой из множества равнозначных блоков исследовать первым.
Слишком много деталей на стартовом экране — сложно выделить главноеНе наваливайте кучу текста и картинок в один экран, особенно на заглавный экран с оффером.
Думайте о клиенте. Есть соблазн выдвинуть на первый план название компании: мол, оно так лучше запомнится и клиенты придут к нам, а не к конкурентам. На самом деле человеку наплевать, как вы называетесь: он хочет решить свою проблему, а не найти компанию с самым интересным именем.
Рассказывайте не о себе, а о том, как клиент решит свою проблему или закроет потребность с вашей помощью. Наша статья поможет выявить потребности аудитории.
Иллюстрации должны работать. Иногда кажется, что какая-то придуманная графика будет смотреться лучше, чем скриншот из приложения. Это обманчивое впечатление — вы потратите время и деньги на дизайн, который никак не будет на вас работать. Например, вот скриншот с лендинга CRM-системы: человек с какими-то экранами и графиками, мегаполис. Сама картинка интересная, но впечатление двоякое: почему город? А если я из маленького города или живу в деревне, мне эта CRM не подойдет?
Иллюстрация на стартовом экране не работает в паре с офферомПодбирайте иллюстрации так, чтобы они дополняли оффер по смыслу и усиливали его. Не используйте просто красивые фото и рисунки.
Автоматизация email рассылок
Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.
Настроить триггерные рассылки
Экраны подробностей
Экраны с подробностями показывают продукт и рассказывают о нем. Построение экранов подробностей сильно зависит от того, насколько это сложный или новый продукт. Если привычный и понятный, вроде плюшевых мишек тедди — особо расписывать не надо. Лучше поставьте больше фото, деталей, которые покажут качество продукта и сервиса.
Сервис доставки экзотических фруктов сделал список деталей в интересном формате: к обычному текстовому списку добавили скриншот переписки менеджера с клиентом. Сразу видно, что заказывать просто и удобно.
Скриншот из переписки с менеджером иллюстрирует качество сервисаСложные и новые для рынка продукты требуют другой проработки. Здесь нужно более детальное объяснение того, какие проблемы они вообще закрывают и почему эти проблемы важны. Такие вещи лучше показывать на реальных случаях из жизни и бизнес-кейсах, которые близки вашей целевой аудитории. Вы показываете, в каких ситуациях используется ваш продукт, кто его использует и зачем, какие получили результаты.
На экранах подробностей вам нужно показать человеку, что польза от продукта превышает его цену. Пусть он сам убедится, что этот товар или услуга удовлетворяют именно его потребности, и условия покупки ему полностью подходят.
В структуре лендинга можно использовать видео. Так получится показать и объяснить гораздо больше.
RetailCRM использует видео, чтобы показать систему в действииВ некоторых случаях можно показать атмосферу компании. Это важно, когда клиент хочет не просто получить продукт, но и почувствовать себя частью какой-то культуры, сообщества, традиции. Например, компания, которая делает струны под маркой Earnie Ball, делает их уже 50 лет и это семейный бизнес. Тут за продуктом реально стоит история, которую можно показать.
В структуру лендинга для образовательного продукта хорошо впишется раздел с преподавателями. Но сюда нужно сделать подходящие фотографии: живые и дружелюбные.
Приятные преподаватели на лендинге SMM школы.
У таких людей хочется учитьсяДальше покажу пару плохих примеров из структуры лендинга. Выглядят очень странно, но это реально существующий лендинг. Во-первых, дизайн из двухтысячных: банальная иконка — крупный текст — мелкий текст. Во-вторых, сам текст: общие слова о компании, о проблемах и потребностях клиента здесь не подумали. Например, 2 года на рынке — это не тот срок, которым стоит хвастаться. Самостоятельное выращивание продукции — тоже не гарантия качества.
Пример плохого копирайтинга в разделе подробностейСтатья по теме:
Банальных вещей тоже писать не нужно. В 2020 году уже у всех есть безналичная оплата и доставка, нет смысла это подчеркивать. Я боюсь предположить, зачем магазину размещать на лендинге абсолютно стандартный процесс заказа для любого интернет-магазина:
К этому лендингу приложил руку Капитан ОчевидностьЭкран отзывов
Отзывы — инструмент социального доказательства. Людям легче довериться и купить, если они видят, что похожие на них люди уже сделали этот выбор.
Так что отзывам стоит отдать отдельный блок в структуре лендинга.
Важно! Отзывы — только реальные. Круто, если с них можно перейти на человека или компанию — аккаунт или группу в соцсети, на сайт.
Придумывать отзывы и иллюстрировать их лицами из фотобанка — отстой.
Можно просить отзывы у клиентов. Чтобы получился связный подробный отзыв, попросите ответ на список открытых вопросов. Потом вы удалите вопросы, останется только текст клиента. Вопросы такие, например:
- Почему выбрали нас?
- Что понравилось больше всего?
- Для чего используете наш продукт?
Можно добавить сюда рейтинг. Тоже не выдуманный, а реальный — с любой площадки, где вы есть: рейтинг магазина на маркете, страница приложения в каталоге.
Приложение TMetric встроило в структуру лендинга отзывы клиентов и рейтинга из каталогаЭкран CTA и стоимости
Тот самый конверсионный элемент, к которому ведет весь ваш лендинг.
Место для CTA выбираете вы сами, по классике его ставят в структуру лендинга несколько раз: после стартового экранаэкрана оффера, в разделе подробностей и еще раз в конце страницы.
Это может быть форма записи, если ваше целевое действие — получение контактов.
Форма для сбора контактов на лендингеСтатья по теме:
Или сравнение цен на разных тарифах с соответствующей CTA кнопкой.
Сравнение цен и покупка нужного тарифа в форме на лендингеГлавное в такой форме — понятность. Например, как на скриншоте выше: у каждого тарифа есть краткое описание после названия, о отличие в функциях выделено полужирным шрифтом. Или как в форме ниже: перед ней — информация о расписании, после нее — что произойдет. когда пользователь заполнит и нажмет кнопку «Записаться».
Хорошая форма записи на лендинге с пояснениямиВариант ниже — не очень удачный. Нет ни примерной даты начала, ни пояснения, что будет дальше.
Пример неудачной формы в структуре лендингаЭкран FAQ
Скорее всего, клиенты будут задавать вам повторяющиеся вопросы.
Если ответы на эти вопросы нет смысла или не получается поместить в раздел деталей, сформируйте из них блок FAQ — frequently asked questions.
Формулируйте вопросы коротко и понятно. Люди обычно скользят глазами по FAQ, ища ответ на свой вопрос, им не нужно вчитываться в каждый пункт. Для удобства ориентации можно скрыть ответы под выпадающими элементами меню: нашел вопрос — развернул кликом. Вот хороший вариант от производителя толстовок-худи:
Удобная структура FAQ на лендингеА вот версия на скриншоте ниже только выглядит хорошо. Мелкий неудобочитаемый шрифт, вопросы длинные и на цветном фоне. Конечно, кто-то вчитается и найдет то, что ему нужно, но многие не захотят и пойдут тратить время вашей поддержки. А ведь именно для экономии этого времени и нужен раздел FAQ.
В таком FAQ неудобно искать нужный вопросФутер
Последний элемент в структуре лендинга — футер. Здесь обычно размещают юридическую информацию, полный список контактов, адрес. Здорово, если адрес покажете не текстом, а картой — так человеку проще сориентироваться.
Футер может выглядеть совсем просто:
Типичный футерИли так:
Футер лендингаА можно оформить футер как полноценную часть лендинга — с крутым артом:
Футер с крутым артомПримеры удачной структуры лендинга
Покажу три удачных примера лендингов из разных сфер.
iPhone 12
Начнем с очень крутого лендинга на двенадцатый айфон. Это длинная страница, но Apple может себе такое позволить: у компании много поклонников, они очень ждут новинок и с удовольствием будут читать и смотреть про них.
Информация на лендинге строго разделена по экранам. Для начала компания показывает большую и маленькую модель вместе и дает сравнить характеристики, чтобы пользователь сразу определился, какую он хочет. А дальше поочередно расписаны все преимущества нового айфона: он крепкий и легкий, с классной камерой для фото и видео даже ночью, с быстрым интернетом.
Лендинг новой модели айфона. Посмотреть в оригиналеА еще, как обычно, Apple рулит с визуальным повествованием — здесь очень крутые иллюстрации, телефон в центре внимания.
Текста минимум: вместо рассказа о водостойкости можно просто показать телефон в воде.
Вместо описания качества съемки проще дать сами фото, сделанные на телефон:
Вместо рассказа о качестве фото на лендинг добавили сами фотоА еще в этот раз копирайтерам компании дали развернуться: вместо обычных строгих описаний здесь игра слов, но оценить ее лучше на английском, перевод портит эффект.
Разницу в размерах моделей обыграли словами: «Большие новости — маленькие новости»Откройте для себя чат-бота
Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.
Создать чат-бота
«ФинТабло»
Посмотрим структуру landing page сервиса по учету финансов «ФинТабло». Я не бухгалтер, но уверена, что здесь хорошо поработали с болями аудитории: рассказали, как собираются данные, что можно автоматизировать в программе и почему ей безопасно пользоваться.
Отмечу два элемента, которые мне особенно понравились. Первый — стартовый экран с оффером. Из текста понятно, что это за сервис и кому он предназначен, а иллюстрация сразу показывает его удобства.
Хороший пример структуры экрана с оффером на лендингеВторой понравившийся элемент — визуальное сравнение эксель-таблиц и их проблем с «ФинТабло» и его преимуществами.
Удачный элемент в структуре лендинга — сравнение с другим продуктом«Болотов.Деревня»
Лендинг поселка «Болотов..Деревня» построен по стандартной схеме: первым экраном идет оффер, а дальше подробности — где находится, какие есть проекты домов и опции, возможности инвестирования.
Лендинг поселка «Болотов.Деревня». Посмотреть оригиналЗдесь сильная сторона — визуал. Много снимков домов и территории поселка, сделанных в хорошую солнечную погоду.
Красивые фото на лендинге загородного поселкаБольше примеров лендингов — в нашей вдохновляющей подборке.
Структура лендинга: что стоит запомнить
Выписала для вас основные пункты, которые нужно учитывать при работе над структурой лендинга.
- Создайте короткий, понятный и привлекательный оффер.
- Не перегружайте блоки лендинга деталями.
- Думайте в первую очередь об удобстве клиента.
- Подбирайте иллюстрации так, чтобы они усиливали эффект текста.
- Выбирайте нужные способы убеждения: фотографии, видео, отзывы, рейтинги, сравнения, кейсы.
- Старайтесь больше показывать и доказывать на примерах, а не расписывать текстом.
- Ставьте CTA в нескольких местах.
Подключайте SendPulse к своим лендингам и собирайте контакты покупателей для рассылок по email и в мессенджерах в несколько простых шагов.
[Всего: 1 Средний: 5/5]Как сделать лендинг самому. Пошаговая инструкция (2019)
Лендинг помогает собрать посетителей на вебинар, запустить акцию, протестировать идею для бизнеса. Поэтому умение делать лендинг самому — полезный навык.
Мы подготовили для вас серию статей о создании лендинга. Первая статья, которую вы сейчас читаете, обзорная. В ней опишем, как собрать информацию для страницы, изучить конкурентов, создать лендинг в одном из конструкторов и превратить посетителей в покупателей.
В следующих статьях расскажем, как написать убойный текст для продающего лендинга, и сделаем обзор популярных конструкторов.
Как сделать лендинг самому — подготовка контента
Перед тем как писать текст, важно сформулировать цель создания лендинга. Цель может звучать так:
- собрать базу для рассылки;
- протестировать идею;
- сделать сайт-визитку;
- создать страницу для события — акции, тренинга, вебинара;
- собрать заявки или продавать товар.
Зная цель создания лендинга, вы сможете лучше представлять его задачи, изучить похожие лендинги конкурентов и создать свою страницу. Вот, например, как выглядит лендинг мастер-класса по созданию портфолио:
Пример лендингаРабота над контентом при создании лендинга проходит в несколько этапов.
Этап 1. Сформулировать гипотезу
Если вы решили сделать лендинг, значит, у вас есть идея или представление о странице. Запишите их коротко по плану:
- Суть предложения (например, деревянные беседки для дачи).
- В чем его уникальность по сравнению с существующими решениями (беседка собирается как конструктор).
- Кому оно адресовано — целевая аудитория (всем, у кого есть дача или дом + владельцам загородных кафе).
- Какие проблемы решает или какие удовлетворяет потребности (можно быстро построить красивую беседку, не разводя стройку на даче).
Этап 2. Изучить конкурентов
Если клиент приходит на лендинг из контекстной рекламы или рекламы в соцсетях, велика вероятность, что он уже изучал информацию о товаре или услуге. Чтобы выделиться на фоне других предложений и объяснить посетителю, почему ваше — лучше, нужно изучить конкурентов.
Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.
Сначала найдите популярные запросы в сервисах подбора слов Яндекса или планировщика ключевых слов Google:
Поиск вариантов ключевых слов в Google AdwordsЗатем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:
Рекламные объявления компаний по запросу «беседка для дачи»Конкуренты могут работать без сайта, продавая через соцсети. Поэтому есть смысл изучить предложения в Facebook, Instagram, «Вконтакте».
Сделайте таблицу со списком конкурентов. Запишите в столбцах: названия конкурентов, цены, суть предложения, условия доставки и гарантийного обслуживания. Первой строкой в таблице опишите ваше предложение. Так вы будете наглядно видеть свои преимущества и моменты, в которых вы проигрываете конкурентам.
Преимущества вы потом опишете в верхней части лендинга. А моменты, в которых проигрываете, сможете доработать или аргументировать.
Этап 3. Описать целевую аудиторию и выделить сегменты
Почему важно разделить аудиторию на сегменты? Потому что один и тот же продукт может иметь для людей разную ценность.
Соответственно, для каждой группы будут актуальными свои аргументы, будут отличаться возражения.
Например, деревянные беседки покупают дачники, а также владельцы мини-отелей и загородных кафе. Дачникам могут быть важны компактные размеры беседки и дизайн, а владельцам отелей — износостойкость, оптовые цены и отсрочка платежа.
Если попытаться вместить все аргументы на один лендинг, информация выйдет слишком общей. В результате будет неинтересно никому. Поэтому лучше выделить два-три сегмента и сделать свой лендинг под каждую группу.
Как изучить свою аудиторию и найти сегменты:
- проанализировать отзывы своих клиентов;
- изучить отзывы и кейсы на сайтах конкурентов;
- просмотреть обсуждения на форумах и в тематических группах в соцсетях.
Изучая отзывы, обратите внимание на то, что покупателям больше всего понравилось, чем остались недовольны, в чем сомневались, что было непонятно. Эта информация поможет написать текст будущего лендинга.
Например, в отзыве про настольную игру покупатель отметил, что игра развивает воображение и пополняет словарный запас:
Если эти преимущества вы встретите в отзывах несколько раз, то они значимые. Их стоит упомянуть на лендинге.
Этап 4. Написать текст лендинга
На этом этапе у нас уже есть: описание продукта, его сильные и слабые стороны, информация о конкурентах, целевая аудитория и аргументы, которые для нее актуальны. Теперь можно приступать к созданию лендинга.
В его структуре используются несколько стандартных блоков. Сейчас расскажем об основных из них. Шапка лендинга, УТП или оффер, подзаголовок и призыв к действию — блоки первого экрана. Его видит посетитель, попадая на сайт.
Структура лендинга
| Название блока | Задача | Что писать |
| Шапка лендинга | Объяснить посетителю, куда он попал. | Логотип, название компании, чем занимается, контакты. |
| Уникальное торговое предложение или оффер | Передать одним предложением суть, главную выгоду для целевой аудитории, и почему это лучше, чем у конкурентов. | Пример: Деревянные беседки для дачи — собираются за один день. |
| Подзаголовок | Усилить или уточнить оффер. | Пример: Готовые беседки и под заказ. |
| Призыв к действию | Побудить посетителя купить или оставить контакты. | Кнопка «Заказать». Форма «Оставить заявку». |
| Описание услуги/свойства продукта | Дать подробную информацию о продукте. | Описание в формате «свойства-преимущества», фотографии продукта, скриншоты, видео, таблицы. |
| Сценарии использования | Описать ситуации, в которых будет полезен продукт или услуга. | Например, деревянная беседка нужна, чтобы отдыхать с друзьями, укрыться летом от солнца, украсить дачу, обедать всей семьей на свежем воздухе. |
| Кто мы/О компании/Почему выгодно купить у нас | Доказать экспертность, объяснить, почему вам можно доверять. | Опыт работы, сертификаты и дипломы, крупные клиенты. |
| Как это работает Как купить/заказать | Объяснить, как человек получит желаемый результат. | Например: «Вы скачиваете прайс, вам звонит наш менеджер и составляет смету. Вы одобряете смету и назначаете время доставки. Получаете складную беседку для дачи». |
| Сколько стоит | Показать цену или варианты цены. | Цена со скидкой, тарифные планы, калькулятор, форма «рассчитать стоимость». |
| Ответы на частые вопросы | Снять возражения, развеять страхи читателя. | Как оплатить товар, можно ли вернуть или обменять. |
| Призыв к действию | Еще раз предложить купить товар или оставить заявку. | Кнопка «Заказать». Форма «Оставить заявку». |
Теперь время написать текст. Но не спешите открывать конструктор. Создайте прототип страницы в Google Docs, Word или напишите от руки. Так удобнее редактировать текст и лучше видно, где нужно изменить или добавить информацию.
Этап 5. Подобрать картинки, видео, фотографии
Кроме текста для того, чтобы сделать продающий лендинг, вам понадобятся фотографии или иллюстрации — для первого экрана и демонстрации в основной части.
Фотографии товара можно попросить у поставщика или сфотографировать самому.
Подобрать фотографии в высоком разрешении можно также на платных и бесплатных фотостоках.
Нельзя просто взять фотографию из поиска — это нарушение авторских прав. В лучшем случае автор фотографии напишет вам и попросит заменить или оплатить фото. А может и подать в суд. Бесплатно можно использовать фотографии с лицензией Creative Commons. Подробно о лицензии Creative Commons и ее типах мы писали в одной из прошлых статей.
Выбирая фотографии, обращайте внимание, насколько реалистично они описывают ваш продукт, услугу или клиента.
Например, американский фермер вряд ли будет ассоциироваться с вашими клиентами из дачного поселка.
Как сделать лендинг — оформляем текст в конструкторе
У вас уже написаны основные блоки лендинга, подобраны фотографии, схемы и иллюстрации. Теперь соберем из этого лендинг.
Сделать лендинг бесплатно можно с помощью конструкторов:
Конструкторы имеют свои особенности и интересные функции. Скоро на блоге будет подробный обзор инструментов для создания лендингов. Сейчас для примера покажем, как сделать лендинг в конструкторе Tilda.
Зарегистрироваться на сайте и ознакомиться с подсказками
После регистрации сервис сразу предложит вам создать сайт.
Совет: зайдите сначала в «Справочный центр» и просмотрите обучающие материалы. Так вы будете более уверенно себя чувствовать, работая с шаблоном лендинга.
Справочные материалы на сайте TildaСоздать сайт
Придумайте название сайта. Это рабочий вариант, он виден только вам:
Создание сайта в конструкторе TildaВыбрать шаблон
Шаблоны в конструкторе сгруппированы по тематике и задачам.
Просмотрите несколько вариантов, чтобы увидеть, есть ли там нужные блоки:
Конечно, в конструкторе можно добавлять свои блоки. Но если у вас небольшой опыт в создании лендингов, лучше сразу выбрать подходящую структуру, чтобы вносить минимальные правки.
Например, мы хотим сделать лендинг для продажи деревянных складных беседок. Беседки — дорогой товар, скорее всего, клиент не купит их сразу, а захочет поговорить с менеджером, посмотреть фотографии. Значит, лучше выбрать шаблон с формой «рассчитать стоимость» и галереей. Названия разделов и фотографии мы изменим, главное, что структура лендинга нам подходит.
Шаблон «Ремонтная компания» для создания страницыВставить свой текст и фотографии
На следующем этапе меняем текст-заглушку и фотографии на свои, прописываем текст на кнопках.
Шаблон со своим текстом и фотографиейОпубликовать сайт
Когда все отредактировано, нажимаем «сохранить» и смотрим результат.
Если результат вас устраивает, ссылки работают, можно публиковать страницу в интернете и запускать рекламу.
На бесплатном тарифе адрес страницы будет иметь такой вид:
Бесплатный адрес сайта на субдомене TildaЧтобы подключить домен и получить короткий адрес страницы, нужно перейти на платный тариф.
Как увеличить конверсию лендинга
На лендингах используются два подхода к продажам. Первый — сразу предложить купить товар или услугу. Он подходит для недорогих товаров и услуг или если клиент уже «прогретый», например, пришел с рассылки либо профиля в Instagram.
Второй способ — получить контактные данные посетителя и постепенно подвести его к покупке. Для этого используют рассылки, автоматические серии писем, push уведомления.
Email рассылки
Рассылки помогают прогреть посетителей, которые пока не готовы к покупке. Вы можете добавить на лендинг форму подписки из SendPulse. Тогда контакты подписчиков будут сразу попадать в сервис. В справочном разделе Tilda описано, как вставить на страницу форму подписки SendPulse и собирать email адреса потенциальных клиентов.
Автоматические серии писем
Конвертировать посетителей лендинга в покупателей помогут такие виды автоматических рассылок:
- приветственная серия — вы готовите от трех до пяти писем, в которых рассказываете подписчику о товаре или компании, ассортименте, преимуществах и плавно подводите к покупке;
- письма о брошенной корзине — если посетитель на лендинге нажал кнопку «купить», но не оплатил товар, ему автоматически придет напоминание об оплате.
Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:
Создание автоматических рассылок в SendPulseWeb push уведомления
Еще один способ повысить конверсию лендинга — настроить web push уведомления. Когда посетитель находится на странице, в браузере появляется предложение подписаться на уведомления:
Предложение подписаться на push уведомленияЕсли человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.
Web push уведомления помогают решить несколько задач:
- напомнить о скором окончании акции;
- напомнить о старте вебинара, на который зарегистрировался посетитель;
- анонсировать новинки;
- рассказать о новых публикациях в блоге.
Подробнее о возможностях push уведомлений для увеличения конверсии мы рассказывали в одной из прошлых статей.
Теперь вы знаете о том, как правильно сделать лендинг самому и работать с посетителями, которые пришли на сайт.
В следующих статьях будет обзор популярных конструкторов для создания лендингов, чтобы вы могли выбрать удобный инструмент. Также расскажем о приемах написания текста для продающего лендинга.
Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!
[Всего: 1 Средний: 5/5]Примеры 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».
[Оффер на лендинге] Пошаговое руководство и 10 примеров
Оффер на лендинге (УТП) — это единственный способ обратить на себя внимание в однообразном потоке конкурентных предложений. Но это в теории, а на практике сформулировать оффер становится настоящим кошмаром. Что делать, если продукция на первый взгляд ничем не отличается? Сегодня мы по шагам разберем, как составить оффер, и посмотрим несколько примеров от агентства ConvertMonster.
Что такое оффер? Это совокупность всех выгод, которые несет ваш продукт/услуга и которые по максимуму закрывают потребности клиента, а в идеале отвечают и на его возражения. Часто оффером называют совокупность выгод + акцию + CTA (призыв к действию), это тоже верно.
Оффер обязательно нужно выносить на первый экран лендинга. Ключевые выгоды — в заголовок, дополнительные — в подзаголовок и в маркированный список. Посмотрим красивый пример в тематике строительство домов:
Рис. 1. Пример оффера в тематике строительство домов. Обратите внимание, что как много выгод представлено на первом экране, но они не перегружают страницу, баланс элементов соблюдается.
Шаг 1. Изучаем целевую аудиторию и продукт
Самый простой совет: чтобы грамотно сформулировать оффер — изучайте свою целевую аудиторию и продукт. Сравнивайте запросы аудитории и характеристики продукта, отмечайте какие потребности вы закрываете, какие нет.
Мы собрали для вас несколько полезных материалов, изучение которых поможет приблизиться к пониманию целевой аудитории и вашего продукта:
Рис.
2. Короткий пример карты продукта.
В карте персонажей мы определяем потребности, выявляем ключевые и дополнительные факторы принятия решения о покупке, собираем возражения. Самый лучший способ это сделать — задать вопрос напрямую клиентам. Кого именно опрашивать? Самых маржинальных (с кем выгоднее работать) и проверенных (есть опыт работы с ними) и самых интересных на перспективу.
Параллельно работаем с картой продукта и подробно прописываем свойства вашего продукта. Затем возвращаемся в карту персонажа и для каждого фактора принятия решения пишем выгоды, которые отвечают эти факторам. Далее для каждой выгоды прописываем обоснование (как вы покажете ваши выгоды на лендинге).
Разберем на примере из тематики «аренда кофемашин для офиса»:
Рис. 3. Фрагмент карты персонажей, работа с разделом «Основные/ключевые факторы принятия решения»
Что делать, если вы только «тестируете нишу» и реальных клиентов пока нет? К вашим услугам Wordstat, форумы, блоги и группы в соцсетях по вашей тематике.
В свой привычной среде обитания ваши потенциальные клиенты не боятся делиться мнениями и болями.
Шаг 2. Составляем рейтинг характеристик
Провели анкетирование действующих клиентов и изучили инсайдерскую информацию в блогах и форумах? Отлично, двигаемся дальше.
Выделяем 5-10 наиболее часто встречающихся запросов, которые отмечают реальные или потенциальные клиенты, составляем из них чарт (на первом месте характеристика, набравшая наибольшее количество голосов). Это будут ключевые и дополнительные факторы принятия решения.
Теперь смотрим на свой продукт, отмечаем, какие факторы вы можете удовлетворить своим предложением, а какие — нет.
Шаг 3. Проводим простой конкурентный анализ
Переключаем внимание на конкурентов. В первую очередь обращаем внимание на тех, с кем вы будете рекламироваться на одних рекламных площадках.
Составляем таблицу из выявленных в шаге 2 факторов принятия решения (строки), и названий конкурентов (столбцы).
Пишем как характеристики продукта/услуги конкурента закрывают эти факторы. Не забываем оставить столбик и для себя, вписываем полученные данные.
Теперь у вас в руках есть наглядных конкурентный анализ и вы четко видите, по каким аспектам вы превосходите конкурентов, а по каким они на шаг впереди.
Выделяем пункты, по которым вы обходите конкурентов, именно они в итоге лягут в основу вашего предложения.
Конечно, это далеко не единственный способ провести конкурентный анализ. На курсе «Интернет-маркетолог за 80 дней» мы подробно рассказываем, как глубоко анализировать целевую аудиторию, проводить подробный конкурентных анализ и формулировать оффер, который бьет на поражение.
Шаг 4. Формулируем оффер
Ранее мы уже писали про протестированную формулу идеального оффера:
Идеальный оффер = Конкретная выгода + Вкусные бонусы + Гарантия + Ограничение + Призыв к действию
Рис. 4. Пример протестированной формулы оффера.
Сегодня рассмотрим еще 2 коротких формулы, которые облегчат вам муки составления оффера:
«Потребность + характеристика продукта, закрывающая ключевой фактор принятия решения»
Выносим в оффер потребность целевой аудитории и добавляем важную характеристику.
Например, потребность «получить допуск СРО», факторы принятия решения «быстро», выгоды — «без посредников» и «за 24 часа». Ниже пример лендинга с готовым оффером:
Рис. 5. Пример оффера по формуле «потребность + выгода»
«Идентификация (представитель целевой аудитории) + его «боль» + решение проблемы»
Пример: «Как укрепить иммунитет малыша с помощью закаливания? Курс для мам детей от года до пяти.»
Как вы понимаете, нужно пробовать разные формулы, однако, есть ряд характеристик на которое стоит обратить особое внимание при составлении оффера.
Шаг 5. Изучаем примеры офферов
Пока вы не набили руку в составлении офферов, рекомендую вам чаще смотреть примеры и обращать внимание на то, как формулируют оффер профессионалы, подмечать для себя цепляющие идеи и удачные решения.
Есть ряд выгод, которые хорошо себя зарекомендовали в разных тематиках, используйте их, если запутались и не знаете, что можно «вытащить» в оффер. Сюда относятся:
— Что клиент получит в результате от использования продукта/услуги
Рис.
6. Пример оффера с результатом
— Лучшее предложение по цене
Рис. 7. Пример оффера с ценой.
— Экономия в деньгах или времени
Рис. 8. Пример оффера с экономией.
— Сроки (изготовления, доставки)
Рис. 9. Пример оффера со сроками.
— Подарки и спецпредложения
Рис. 10. Пример оффера с подароком.
— Ограничения (счетчики времени, количества товаров, мест)
Рис. 11. Пример оффера со счетчиком.
— Гарантия (лучшей цены, доставим за 30 минут или вернем деньги)
Рис. 12. Пример оффера с гарантией.
Заметили, что общего у этих примеров? Основные выгоды вынесены в заголовок, а дополнительные либо в подзаголовке, либо в маркированном списке. Также обратите внимание, как часто используется комбинация сразу нескольких выгод (например, цена/гарантии/бонус).
Шаг 6. Проверяем свой оффер
Вопрос первый: Вы сами купили бы свой товар? Если ответ положительный и вы можете его подтвердить сильными характеристиками по продукту или по сервису, то переходите ко второму вопросу.
Если нет, то почему нет? Вы сами знаете себя лучше других, и только что выявили ваши самые слабые стороны. Не забывайте, что продать другим свой продукт, не «продав» его себе, это заведомо провальная стратегия либо голое «впаривание».
Вопрос второй. Представьте, что ваш клиент прямо спрашивает вас: «Почему я должен выбрать ваш продукт/услугу из всех доступных мне предложений на рынке? Как называется ваша компания и какие вы хорошие меня мало волнует». Что вы ответите? Это и есть ваши отличия и сильные стороны, они обязательно должны быть в вашем оффере.
Можете уверенно ответить на оба вопроса? Поздравляю, готовый оффер у вас в кармане, вы прошли проверку. Осталось настроить рекламную кампанию и протестировать свою гипотезу.
ОСТАВИТЬ ЗАЯВКУ!
10 составляющих идеального Лендинг Пейдж с примерами
Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
- сразу дает посетителю понять, куда он попал;
- показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу.
Исчерпывающий блок контактов содержит:
- реальный номер телефона;
- электронную почту;
- кнопку «Обратный звонок».
В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона.
Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
- содержит имя и реальное фото клиента;
- содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места.
Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Смотрите также
6 Принципы копирайтинга целевой страницы для увеличения конверсии
Посетитель попадает на одну из ваших целевых страниц..png)
Они пролистывают, пожимают плечами и щелкают прочь.
«ЧТО !?» вы спрашиваете себя. «Как такое могло произойти? Я потратил часы на оптимизацию этой страницы, они все прочитали, а конверсии все еще … нет ».
Знакомо? Маркетологи повсюду неустанно работают над оптимизацией своих целевых страниц, надеясь на высокий коэффициент конверсии. Они используют A / B-тесты, меняют цвета кнопок и играют с длиной страницы.Но уделяют ли они достаточно внимания тому, что на самом деле написано на странице?
Хороший копирайтинг целевой страницы приводит к конверсиям. Слова на экране позволяют вам поговорить с вашим посетителем в Интернете. Вам лучше быть умным собеседником, чтобы убедить их, что вы готовы к табаку.
Как копирайтер, я забочусь о создании целевых страниц, которые конвертируют. Я одержим тем, чтобы понять, что заставляет людей нажимать. Сегодня я делюсь 9 принципами копирайтинга целевой страницы, которые можно использовать для увеличения конверсии .
1. Попрощайтесь с копией целевой страницы
При написании эссе для курса колледжа студенты хотят продлить свою работу как можно дольше, отчаянно пытаясь набрать количество страниц или слов. Но когда дело доходит до эффективного копирайтинга целевой страницы, краткость является ключевым моментом, потому что ваши потенциальные клиенты заняты (см. Формулу копирайтинга 4 C).
Быть кратким — значит быстро изложить свою точку зрения, без лишних слов, которые ничего не добавляют. Вот несколько примеров, которые показывают, как краткость может привести к улучшению и ясности обмена сообщениями.
Наиболее частые проблемы, которые, как я вижу, способствуют раздуванию целевой страницы:
- Слишком много наречий (очевидно, на самом деле быстро, легко)
- Использование пассивного голоса ( Passive: Цена на скрепки снижена на 20%. Active: Цена на скрепки теперь на 20% ниже)
- Использование избыточных пар (вместо того, чтобы писать «Каждый покупатель будет счастлив», напишите «Каждый покупатель будет счастлив.
”) - Слишком много определителей и модификаторов (вместо того, чтобы писать «Любой подход к этому даст результаты», напишите «Любой подход даст результаты».
- Отсутствие редактирования. Вам следует удалить все слова, которые дают больше подробностей, чем необходимо, или объясняют что-то очевидное.
”)2. Не бойтесь использовать длинную форму
Когда дело доходит до копирайтинга для целевых страниц, вам не нужны раздутые копии. Страница должна быть четкой и удобной для чтения, написанной для ученика 6-го класса.Тем не менее, нужно, чтобы получить ответы на вопросы клиента. .
Многие из наиболее успешных целевых страниц длинные, на них подробно описывается все, что нужно знать покупателю. Более длинные целевые страницы имеют тенденцию быть более всеобъемлющими, что приводит к большему количеству ссылок и большей вероятности ранжирования в поиске. Шерис Джейкоб в статье для Unbounce сообщила, что эксперты по коэффициенту конверсии увеличили продажи на 52% после внедрения гораздо более длинной страницы.
Когда я работал в Grasshopper, я помогал уточнить нашу целевую страницу с 800 номерами, которая теперь занимает первое место по запросу.Страница состоит из 1671 слова и позволяет пролистывать страницы, чтобы найти ответы на самые важные вопросы.
WordStream также обнаружил в ходе тестирования, что длинные целевые страницы с дополнительной информацией в нижней части страницы конвертируют лучше, чем короткие целевые страницы для некоторых предложений, таких как AdWords Grader.
Pro-tip: Ваша компания уникальна, поэтому важно протестировать различные варианты целевой страницы, чтобы увидеть, что лучше всего подходит для каждого предложения.Попробуйте протестировать очень длинную страницу вместо короткой.
3. Обеспечьте социальное доказательство на целевой странице
Очень важно предоставить доказательства того, что клиенты доверяют вам. Если вы хотите, чтобы посетители целевой страницы конвертировались, вам следует включить отзывы клиентов в копию целевой страницы.
Думайте о своей целевой странице как о доме. Когда к вам приходит гость, вы хотите, чтобы он почувствовал себя желанным гостем. Целевая страница работает точно так же. Когда клиент приходит на вашу целевую страницу, вы хотите привлечь его внимание и заставить доверять вам.Вы хотите показать, что знаете, что делаете, и что клиенты добиваются успеха благодаря вам.
QuickBooks отлично справляется с тем, чтобы делиться историями клиентов на целевой странице бухгалтерского учета для малого бизнеса. Вместо того, чтобы включать письменные отзывы клиентов, они показывают видео трех клиентов, объясняющих, что они получают с помощью программного обеспечения.
4. Совершенствуйте свое уникальное торговое предложение
Клиенты покупают ваш продукт по какой-то причине, а не потому, что они влюблены в ваш бренд и хотят поддержать вас. Они покупают товары, которые могут улучшить их повседневную жизнь .
Вам необходимо позиционировать своего клиента как героя целевой страницы и показать, что он получит, если предпочтет вас среди конкурентов.
Как это сделать? Уточните свое уникальное ценностное предложение.
Ваше ценностное предложение — это фраза или короткое предложение, которое часто используется в качестве заголовка или подзаголовка на целевой странице. Обычно ценностное предложение объясняет, чем ваш бизнес отличается от всех остальных на вашем рынке.
Когда вы пишете один, вы должны объяснить, как ваш бизнес решает проблему вашего идеального клиента. Лучше всего начать с просмотра сайтов других брендов, особенно тех, которые вам нравятся. Вот несколько примеров убедительных ценностных предложений:
- Campaign Monitor — Campaign Monitor существенно упрощает создание, отправку и измерение воздействия ваших маркетинговых кампаний по электронной почте.
- WordStream — Простая интернет-реклама.
- Gusto — Узнайте, насколько легко можно управлять заработной платой и льготами для вашего бизнеса.
5. Используйте те же слова, что и ваши клиенты
Используйте те же слова, что и ваши клиенты Одна из самых больших проблем современного маркетинга заключается в том, что мы склонны писать для своих друзей, а не для клиентов. Мы рады отказаться от таких терминов, как входящий маркетинг и ключевые показатели эффективности, не задумываясь о том, знает ли наша аудитория, что мы имеем в виду. За экранами наших компьютеров легко забыть, каковы на самом деле наши клиенты.
При написании целевых страниц спросите себя:
- Что побуждает моего читателя изучить этот продукт?
- Каковы их надежды и мечты?
- Почему они делают свою работу?
- Придется ли им убеждать своего босса в ценности?
- Какие у них будут самые большие вопросы?
Когда дело доходит до написания текста для целевых страниц, вы должны напрямую разговаривать со своими клиентами и использовать слова, которые будут им резонировать.Представьте, что вы пишете одному идеальному покупателю, а не множеству потенциальных людей.
Это позволит вам быть более конкретным, целенаправленным и, в конечном итоге, более успешным.
Часто лучшая копия исходит непосредственно из уст клиента, который может четко сформулировать, какую пользу им приносит продукт. Помимо опросов и интервью, вы можете найти примеры слов, которые ваши идеальные клиенты будут использовать на онлайн-форумах, сайтах обзоров, комментариях в блогах и социальных сетях.
[Узнайте больше о том, как писать голосом клиента в этом руководстве.]
6. A / B тестируйте свою копию
Написание — это творческий процесс, но невозможно знать, что приведет к наивысшему коэффициенту конверсии для ваших конкретных целевых страниц. Вот почему так важно провести A / B-тестирование вашей копии.
Каждый бизнес индивидуален, поэтому, хотя вы можете начать с передового опыта, нет жестких правил о том, что будет работать. Более важно протестировать различные варианты, особенно когда речь идет о заголовках, длине целевой страницы и цветовых схемах, чтобы увидеть, как они влияют на конверсии.
Брэд Шорр, директор по контенту и социальным сетям Straight North, обнаружил, что небольшие изменения в формулировках могут значительно увеличить конверсию.
Brad A / B проверил эти призывы к действию:
A. Получите скидку 10 долларов на первую покупку. Забронируйте онлайн сейчас!
B. Получите дополнительную скидку 10 долларов. Забронируйте онлайн сейчас.
Он был удивлен, обнаружив, что CTR удвоил с опцией B .
Хороший копирайтинг побеждает все
В Интернете много так себе пишут, но есть также много убедительных и убедительных писем, которые вызывают желание действовать.Если вы пишете текст для целевой страницы, самый важный принцип — быть кратким и ясным.
Если клиент сможет быстро понять, что вы предлагаете, он сможет оценить, подходит ли это ему. В конечном итоге хороший текст может помочь вам привлечь более квалифицированных потенциальных клиентов, которые могут стать клиентами.
Лучшие примеры посадочных страниц PPC
EN- Польский
- Английский
- Для кого
- Владелец бизнеса
- Эксперт по маркетингу
- Агентство
- Предприятие
- Отрасли
- Отрасли
schema.org/SiteNavigationElement»> Электронная торговля - Образование
- Программное обеспечение и технологии
- Консультации и коучинг
- Реклама и маркетинг
- Финансы
- Страхование
- Недвижимость
- Отрасли
- дизайн
- Целевые страницы
- Шаблоны посадочных страниц
- Конструктор посадочных страниц
- всплывающие окна
- Всплывающие шаблоны
- Воронки
- Галерея шаблонов
- Запуск
- Целевые страницы WordPress
- Подключить
- Интеграции
- Конструктор URL
- Оптимизировать
- Преобразовать
- Развернуть
- Предприятие
- Целевая страница
- Конструкция
- Импорт
- Копирайтинг
- Реклама
- Свинец
- Дизайн баннера
- Дизайн информационного бюллетеня
- Портфолио
- Бизнес
- Агентство
- Предприятие
- Блог
- Примеры использования
- Справочный центр
- Landingi
- Партнерская программа
- Контакт
- Польский
- Английский
- Блог
- Примеры целевых страниц
Примеры и типы самых популярных целевых страниц
Целевые страницы — это быстрое, простое и эффективное решение для максимального увеличения коэффициента конверсии (то есть процента людей, которые совершают желаемое действие, например совершают покупку или отвечают на ваше мероприятие) .
У посетителей вашего сайта мало внимания; Если макет и копия целевой страницы не привлекают внимание, вы можете гарантировать, что посетители не останутся без внимания.
С другой стороны, целевые страницы, которые оптимизируют взаимодействие с пользователем и демонстрируют исключительный веб-дизайн, будут побуждать пользователей остаться и, возможно, продолжить изучение других страниц сайта.
Лучшие целевые страницы приводят к желаемым результатам
Лучшая целевая страница — это та, которая приведет вас именно туда, где было обещано.Когда клиент попадает на соответствующую страницу, потенциал для преобразования заинтересованного клиента в платящего максимизируется.
Например, если ваша маркетинговая кампания по электронной почте представляет новую линию одежды Fall Fashion, а ссылка ведет прямо на целевую страницу, на которой представлена линия одежды, они с большей вероятностью совершат покупку. Однако, как только посетитель попадает на страницу, он все равно должен получить хороший опыт на сайте. В конце концов, даже если ваш продукт исключительный, пользователи не совершат конверсию, если платформа запутанная или сложная.
Что делает посадочную страницу успешной?
При рассмотрении примеров целевой страницы для вдохновения важно сначала рассмотреть цель целевой страницы, средства, используемые для продвижения, и инструменты, используемые для разработки целевой страницы.
Если вашей целью является генерация потенциальных клиентов в виде большего количества регистраций на ваше мероприятие, и вы планируете использовать электронный маркетинг в качестве средства продвижения, то прямые подписчики и потенциальные клиенты должны получить электронное письмо с четкой кнопкой с призывом к действию. ссылка на целевую страницу, посвященную мероприятию.
Дизайн целевой страницы должен содержать необходимую информацию, в том числе причины, по которым читатель должен присутствовать, место мероприятия и четкий призыв к действию для регистрации на мероприятие. Если возможно, вы также должны включить «социальное доказательство» или отзывы и тематические исследования от известных компаний в этой сфере, которые доверяют ваш продукт или услугу для достижения желаемого результата.
Дизайн электронной почты и целевой страницы должен быть ясным и лаконичным, чтобы заинтересованным участникам было проще зарегистрироваться.
Наконец, ваша целевая страница должна быть оптимизирована как для настольных компьютеров, так и для мобильных. Техническая революция принесла с собой ландшафт, ориентированный на мобильные устройства, а это означает, что если дизайн вашей целевой страницы не оптимизирован для работы в Интернете, вы упускаете огромную возможность.
Ключевые элементы лучших целевых страниц
Релевантные
Я не могу не подчеркнуть этого: ваши целевые страницы должны быть релевантными и соответствовать вашей цели. Вы не можете направить людей на страницу с обещанием, а затем не выполнить это обещание.Например, если вы обещаете скидку 10%, клиенты должны видеть на вашей целевой странице скидку 10%, а не скидку 5% или ее отсутствие. В противном случае ваш потенциальный клиент разочаровывается и просто закрывает вкладку.
Impactful
В попытках проявить творческий подход и увлекательность не упускайте из виду простоту. Простые целевые страницы наиболее эффективны, обеспечивают наилучшие результаты и самые высокие коэффициенты конверсии. Это включает простую и прямую копию целевой страницы; простой дизайн, который усиливает информацию, а не скрывает ее; и четкий призыв к действию, который сообщает потенциальному покупателю, какое действие вы хотите, чтобы он предпринял.
Краткий
У вас есть место на целую страницу, но не заполняйте ее словами. Краткие целевые страницы — лучшие целевые страницы. Избегайте длинных абзацев, длинных поясняющих видео или длинных форм регистрации. Все хотят быстрых результатов, так что это то, что вам нужно предложить в своем экземпляре. Визуальные эффекты заманчивы. Пусть кое-что из этого проявится в виде изображений, короткого видео и фона, который связывает все вместе.
Целевая страница, которая выполняет обещание
Вот пример, который показывает, как соответствовать ожиданиям вашей аудитории с помощью специальной целевой страницы.
Первое изображение ниже — это электронное письмо, которое вы отправляете своим подписчикам или сообщение в социальных сетях. Обратите внимание на кнопку с призывом к действию «Зарегистрироваться» и тот факт, что цвет кнопки явно помогает ей выделиться.
На втором изображении ниже кнопка с призывом к действию ведет на целевую страницу регистрации. Вы знаете, что они хотят, чтобы вы сделали дальше?
10 типов успешных целевых страниц
Теперь, когда мы обсудили, что такое целевая страница и что необходимо для достижения вашей цели, давайте рассмотрим примеры различных типов целевых страниц, которые помогут вам начать работу.
1. Пробные версии или членство в списках рассылки
Создайте специальную целевую страницу для формы подписки, чтобы ускорить пробные версии или подписаться на электронную рассылку новостей. Сделайте целевую страницу простой и подчеркните ключевые преимущества членства. Если у вас есть пробное предложение, подробно опишите, как долго длится пробный период, как он работает и какие преимущества.
2. Целевые страницы, предлагающие решения
Бизнес становится успешным, когда он может предложить решение проблемы, с которой сталкивается его целевая аудитория.Эти проблемы или болевые точки могут стать источником вдохновения для создания целевой страницы, которая представляет собой решение. Например, если вы знаете, что вашим клиентам сложно организовать свой рабочий стол, а ваш органайзер решает эту проблему, создайте целевую страницу, на которой подробно описывается ваше решение. Подчеркните эффективность продукта с помощью отзывов потребителей. Это обеспечит доверие и социальное доказательство вашему бренду. Затем побудите клиентов организоваться с помощью прямого призыва к действию.
3.Продвижение одного продукта или услуги
Иногда предложение слишком большого количества продуктов или услуг может сбить с толку потенциального клиента. Хотя варианты прекрасны, люди ищут один конкретный продукт или услугу за раз.
Целевая страница может быть посвящена продаже одного предмета, например, сумочки.Изучите продукт, который чаще всего ищут, и посвятите ему целевую страницу, чтобы увеличить продажи. Если вы предлагаете все виды походного снаряжения и исследования показывают, что ваши походные ботинки Trail Queen являются самыми популярными, создайте целевую страницу специально для этого продукта.Вы также можете добавить ссылку на похожие ботинки внизу, чтобы представить альтернативу.
СОВЕТ : Постоянный контакт предлагает покупаемые целевые страницы, которые действуют как мини-магазин и позволяют пользователям совершать покупки прямо на целевой странице. Это отличный способ начать продажи или рассылать целевые рекламные акции, направленные на продажу определенного продукта или услуги.
4. Целевые страницы для новых запусков
Успешные предприятия постоянно вводят новшества и изобретают заново свои продукты или услуги.Это означает запуск новых продуктов в течение года с использованием целевой страницы для повышения шансов на конверсию. Допустим, у вас есть пекарня и вы представляете новую категорию кексов по индивидуальному заказу. Создайте целевую страницу, которая позволяет людям настраивать и заказывать прямо здесь, вместо того, чтобы перемещаться по вашим обычным вкусным предложениям и терять их по пути.
5. Распродажи и рекламные акции
Праздничные распродажи, распродажи, специальные рекламные акции и VIP-предложения позволяют добиться больших результатов с помощью специальных целевых страниц.Все любят хорошие дела, но никто не хочет пролистывать тысячи страниц или продуктов, чтобы добраться до этой золотой жилы. Сделайте так, чтобы вашим клиентам было проще находить ваши распродажи и акции с помощью специальной целевой страницы. Убедитесь, что вы используете копию целевой страницы, которая создаст ощущение срочности у посетителей целевой страницы.
6. Пожертвования и другие взносы
Независимо от того, представляете ли вы некоммерческую организацию или малый бизнес, пожертвования и пожертвования важны, если вы хотите изменить ситуацию к лучшему.Кнопки пожертвований на вашей домашней странице могут затеряться в толпе, поэтому разработка целевых страниц для кампаний пожертвований может помочь вам привлечь больше внимания. Вы также можете добавить ссылку на форму регистрации для волонтеров.
7. Регистрация на мероприятие
Как онлайн, так и офлайн мероприятия являются настолько успешными, насколько успешны люди, которые их посещают. Чтобы побудить людей зарегистрироваться и ответить на ваше следующее мероприятие, создайте целевую страницу мероприятия с отличным контентом. Регистрационная форма должна быть краткой и четкой, запрашивая только самую актуальную информацию.
8. Захват потенциальных клиентов формы
Хотя формы сбора потенциальных клиентов обычно представлены в виде всплывающих окон, они могут иногда раздражать ваших клиентов. Чтобы клиенты продолжали подписываться на ваш список, создайте маркетинговую кампанию в социальных сетях и по электронной почте, которая направляет клиентов на целевую страницу с формой для сбора потенциальных клиентов.
9. Материалы для загрузки
Вы написали новую электронную книгу или создали новые шаблоны? Когда нужно попросить людей скачать цифровой продукт, целевая страница всегда является лучшим решением.У вас есть место, чтобы убедить потенциального клиента, почему он им нужен, и сохранить четкость и ясность других страниц вашего сайта.
Например, если вы составили руководство по идеям праздничных подарков, отправьте электронное письмо с фрагментом содержания электронной книги и предложите клиентам полную электронную книгу с помощью кнопки с призывом к действию. Затем целевая страница может включать небольшую статью о лид-магните и ссылку для скачивания.
10. Инфографика и видео
Люди во всем мире ежедневно ищут ценную информацию по широкому кругу тем.Если вы создали инфографику или видео, которые могут стать отличным ресурсом для вашей целевой аудитории, пора направить их на целевую страницу.
Основная цель — побудить людей учиться у вашего бренда и взаимодействовать с ним. Например, если вы создали видео «10 шагов по интернет-маркетингу», создайте целевую страницу с резюме и побудите людей рассказать о своих самых больших ошибках или достижениях в интернет-маркетинге.
Избегайте использования более одного призыва к действию.
Вот отличный пример целевой страницы из мероприятия по спасению животных.Он позволяет посетителям веб-сайта регистрироваться на мероприятии, а также четко сообщает им, что они могут принять, пожертвовать или стать волонтером на мероприятии.
Добавление всей этой информации на вашу домашнюю страницу является ошибкой, так как это искажает ваш дизайн и вызывает путаницу. Это также рискует потерять влияние события.
Инвестируйте время и усилия в создание лучших целевых страниц
Лучшие целевые страницы рождаются благодаря вниманию к деталям, четкой цели, большому количеству размышлений и постоянному тестированию.Вам не нужно создавать целевую страницу для всего, что предлагает ваша компания, но когда вы ее создаете, убедитесь, что она эффективна и побуждает людей совершать правильные действия и совершать конверсии.
6 примеров отличных и ужасных целевых страниц
Как известно, не все целевые страницы созданы равными. Некоторые бренды создают страницы, созданные для конверсии и достижения результатов.
Однако все мы сталкивались с целевой страницей, которая заставляла нас съеживаться.
Будь то веб-дизайн, который выглядит так, как будто он больше подходит для 1990-х, плотные блоки текста или скрытый призыв к действию, эти страницы не дадут вам желаемых результатов.
Вот некоторые страницы, которые работают, а некоторые нет:
Добрые
Большинство маркетологов знают основы хорошей целевой страницы: простой дизайн, удобство навигации, эффектный текст и четкий призыв к действию. Тем не менее, отличная целевая страница содержит правильное сочетание всех этих элементов.
Вот несколько примеров компаний, у которых это хорошо получается:
1. H.BLOOM
H.BLOOM — это онлайн-сервис цветочных композиций, который позволяет клиентам подписаться на доставку специально разработанных букетов на дом или в офис по установленному графику.
Целевая страница подписки использует привлекательное изображение, а все ключевые детали изложены чуть выше сгиба.
Весь текст описывает преимущества услуги и то, что клиенты получат, если они подпишутся. Форма появляется над описанием, наложенным на изображение.
Есть еще несколько изображений ниже сгиба, но вся ключевая информация указана как , прокрутка не требуется.
2. Лакмус
Платформа электронного маркетинга Litmus имеет отличную страницу подписки на свой информационный бюллетень.Призыв к действию — это первое, что вы видите на странице вместе с резким заголовком «Давайте оставаться на связи».
Подзаголовок ясно передает выгоду от принятия действия , и у него очень мало поддержки.
Все, что нужно сделать посетителям, — это ввести свои адреса электронной почты. Под формой с одним полем Litmus находится красочный список архивов информационных бюллетеней.
3. PeekCalendar
Целевая страница PeekCalendar, предназначенная для управления временем в дороге, использует множество изображений и два призыва к действию.Хотя иногда это может отвлекать, оба призыва к действию достаточно просты и не конфликтуют.
На этой странице посетители могут посмотреть видео о продукте или загрузить приложение. На фоне изображений показаны люди, использующие продукт. Если вы прокрутите вниз, на странице будут логотипы и ссылки на хорошую прессу о приложении, что усиливает социальное доказательство.
Эффективное использование изображений и размещение призыва к действию вверху страницы — эффективные стратегии. Контекст имеет большое значение при определении наиболее привлекательного дизайна для вашего конкретного бизнеса.
Плохие
С таким большим количеством различных элементов целевой страницы неудивительно, что все может пойти наперекосяк.
Все, что связано с слишком большим количеством цветов, плохой контрастностью или просто непониманием того, чего хочет ваша аудитория, может сорвать ваши маркетинговые усилия и увести посетителей с вашей страницы, вместо того, чтобы углубляться в ваш сайт.
Как выглядит действительно ужасная целевая страница?
4. Чейз
Для крупного банка с элегантной рекламой целевые страницы нуждаются в доработке.Они загромождены, а на некоторых конкретных страницах, таких как логин для существующих клиентов по кредитным картам, есть нерелевантные призывы к действию, например, узнать о различных предложениях кредитных карт.
Хотя более полезные ссылки, включая загрузку мобильного приложения, переход на безбумажный режим и получение уведомлений об аккаунте, отображаются ниже, они могут работать лучше, если они будут размещены выше на странице.
Несколько призывов к действию могут быть эффективными, , но только если они не сбивают с толку посетителей. Не перегружайте их предложениями, особенно на страницах, которые будут использовать существующие клиенты.
5. Лоуз
Продавец товаров для дома Lowes пытается бросить слишком много в стену, чтобы увидеть, что прилипнет. На его целевых страницах есть множество скидок на не связанные продукты, которые могут легко ошеломить посетителя.
Более эффективные целевые страницы оптимизированы для достижения единой цели. Размещение нескольких предложений для отдельных продуктов на одной целевой странице не нацелено на наиболее подходящих потенциальных клиентов.
6.SAP
SAP предлагает программное обеспечение для множества отраслей и на разрозненной целевой странице показывает, что включает в себя набор ссылок , которые напоминают страницу старой поисковой системы.
Каждая ссылка — это отдельный призыв к действию, но на самом деле ни одна из них не выделяется. Хорошо организованный и более наглядный ресурсный центр может быть более эффективным использованием этого контента вместо того, чтобы размещать его на целевой странице.
На странице есть стандартное изображение баннера вверху, а единственный отдельный призыв к действию — это меню контактов.