Как создать идеальный лендинг: структура, контент и изображения
Универсальной формулы создания лендинга нет, но есть рекомендации, которые можно применять выборочно, ориентируясь на тематику бизнеса. Их в своем материале для pcc.world сформулировал Денис Федоров в своем материале.
Лендинг — это страница сайта, посвященная определенному продукту и услуге. Ее задача — упростить путь пользователя к совершению конверсии. Сейчас у пользователей нет времени на изучение больших сайтов, да и желания тоже нет. В последние несколько лет люди стали сканировать текст по заголовкам и перестали вчитываться. На лендинге же можно в сжатой форме донести до потенциального клиента ценность своего предложения, сфокусировать его внимание на самом важном и подтолкнуть к заказу.
Универсальной формулы, как сделать лендинг не существует. Работа в секторе b2c или b2b, тип товара или услуги, целевая аудитория — всё это влияет на вид и содержание лендинга. В статье мы разберем, что может быть на лендинге, но что именно из этого взять для вашего проекта, вы должны определить сами, отталкиваясь от вашего сегмента, продукта и целевой аудитории.
Подготовительный этап
Прежде чем приступить к созданию лендинга и написанию текстов, необходимо изучить и описать целевую аудиторию, проанализировать конкурентов и найти свое уникальное торговое предложение.
Описание целевой аудитории
Целевая аудитория — потенциальные клиенты, которым нужен продукт. Обычно описание ЦА — это небольшой документ, в котором указано, кто ваши клиенты, чем занимаются, какие должности занимают и что их интересует. Отталкиваясь от этого, можно представить какие у них потребности, желания, ожидания, страхи, возражения. В целом описание целевой аудитории определяет, какой контент должен быть на лендинге.
В будущем описание ЦА также пригодится для настройки контекстной и таргетированной рекламы.
Описание ЦА — фундамент, на котором строится не только лендинг, а весь интернет-маркетинг, без него эффективность продвижения будет существенно ниже.
Изучение конкурентов
Анализ конкурентов поможет вам отстроиться от них и сделать свое предложение более привлекательным и выгодным.
Просмотрите посадочные страницы конкурентов не только в контекстной рекламе, но и поисковой выдаче. Отдельно изучите, что они предлагают, какие выгоды и преимущества у них есть и что они не написали о себе и своем продукте.
Формулировка УТП и текст
Помните, что клиент уходит с сайта на сайт конкурента в один клик. Поэтому так важно выделяться в толпе рекламодателей действительно ценным предложением. Подумайте, что вы можете предложить: бесплатную консультацию, доставку по всей России, бесплатное занятие или выгодную цену?
Составляя описание целевой аудитории, вы можете определить, что важно для потенциальных клиентов и сделать на этом упор в заголовке (оффер).
Обычно уникальное торговое предложение формулирует копирайтер-маркетолог, специализирующийся на текстах для лендингов.
Основной же текст лендинга делится на смысловые блоки. Важно также соблюдать логику в последовательности блоков, какие блоки нужны на лендинге читайте дальше в статье.
Из чего состоит лендинг
Теперь разберемся, из каких частей состоит лендинг.
В этой части лендинга обычно размещаются логотип, телефон, ссылки на разделы страницы.
Сайт «Сила Ветра» — гонки и экспедиции на парусных яхтах
В качестве телефона используйте только городские номера и/или бесплатный 8 (800). Это сработает на формирование доверия к вашей компании. Рядом с телефоном можно указать время работы и кнопку «Заказать звонок» — не все хотят звонить и некоторым комфортней, когда звонят им.
Логотип, как правило, размещается в левой части. Если у вас нет логотипа, то можно написать его обычным текстом. Да, будет смотрится простенько, но оставлять пустое место нельзя: пустое пространство выглядит некрасиво, а лендинг кажется анонимным.
Пунктами в меню сделайте ссылки только на самые важные разделы страницы.
Первый экран
Кроме меню, на первом экране должны быть заголовок, отображающий основной оффер, подзаголовок и изображение.
Первый экран сайта Evernote
Благодаря заголовку (офферу) пользователь в первые 3-5 секунд должен понять, на каком сайте он находится и что ему предлагают. Сформулируйте заголовок так, чтобы в нём присутствовала ключевая фраза и уникальное торговое предложение. В первые секунды нужно зацепить пользователя, чтобы он проявил интерес и начал просматривать страницу.
Подзаголовок раскрывает суть вашего торгового предложения. Это короткий текст в 2-3 строки. В качестве подзаголовка можно использовать маркированные списки или списки с иконками.
Задача изображения — показать товар лицом! У изображения должна быть прямая связь с заголовком. Разместить его можно рядом с заголовком или сделать фоновым.
Какие фотографии подойдут:
- сам товар;
- результаты использования;
- примеры работы;
- процесс использования;
- специалист — врач, автор книги или тренинга, преподаватель;
- нарисованный персонаж;
- иллюстрация.
Пример иллюстрации на сайте «Сбербанка»
Может оказаться, что услугу не сфотографировать, например, услуги интернет-маркетинга. Здесь придется проявить фантазию и подобрать картинку близкую по смыслу и интуитивно понятную, которая может ассоциироваться с услугой. Если ваша целевая аудитория знает специалиста в лицо — разместите его фото.
Не используйте растиражированные изображения из фотостоков или поиска по картинкам Яндекса. Фотографии одних и тех же людей в деловых костюмах на фоне небоскреба или офиса можно встретить на множестве сайтов. Чтобы разобраться, как выбирать иллюстрации в фотобанках, читайте наши рекомендации.
О продукте
Когда вы смогли привлечь внимание пользователя на первом экране лендинга, нужно его убедить, что ваш товар или услуга лучше, чем у конкурентов. Это будем делать с помощью подробного описания товара. Но подробно не значит много текста, короткие, емкие заголовки и текст работают лучше в большинстве ниш.
Опишите выгоды и преимущества продукта отталкиваясь от описания целевой аудитории. Вот список вопросов, ответы на которые пользователь должен найти на лендинге:
- какие проблемы ЦА решает продукт;
- какие преимущества перед конкурентами;
- доказательство качества продукта;
- технические характеристики;
- цена;
- какие материалы используются или состав;
- описание отдельных частей продукта;
- гарантии;
- условия доставки;
- схема работы.
Сделайте фотографии и видео, дайте пользователю ознакомиться с продуктом визуально. Фотографии должны быть качественными, а видео в некоторых случаях можно снять просто на смартфон с хорошим разрешением. Непрофессиональное видео может вызвать больше доверия, но оно должно соответствовать продукту, дорогой продукт, снятый на телефон, будет выглядеть неадекватно.
Какие фотографии и видео делать:
- продукта;
- людей с товаром;
- в момент использования;
- комплектации;
- фото или графика с описанием частей;
- выполненные проекты;
- видеообзор;
- видео как использовать;
- видеопрезентация;
- видеозапись испытаний товара.
Сделайте таблицу сравнения с конкурентами и разместите в ней фотографии или тарифные планы, а также сравните собственный продукт с товаром конкурентов по нескольким параметрам. Такое сравнение может сильно повлиять на выбор в вашу пользу.
Фото испытаний противопожарных дверей с остеклением на сайте рекламодателя
Как доказать качество продукта? Покажите фото сертификатов и опишите, где специалист проходил обучение и чему конкретно научился специалист. Если у вас производство — укажите, на каком оборудовании сделан товар, каким нормам, ГОСТ и требованиям соответствует продукция. Можно использовать галерею выполненных работ и фотографии «до — после» — отдельный блок результатов вашей работы, особенно подойдёт сфере услуг:
- строительство,
- ремонт квартир,
- косметология,
- дизайн интерьеров,
- реставрация,
- товары ручной работы.
О компании
Если вы не всемирно известный или федеральный бренд, то, скорее всего, пользователь впервые сталкивается с вашей компанией и ничего о вас не знает. Значит, нужно убедить потенциального покупателя в надежности вашей компании и вызвать доверие.
Расскажите о себе, используя один или несколько из перечисленных форматов:
- описание компании;
- фотография директора и обращение от его имени;
- фотографии сотрудников (должность и чем занимается);
- проморолик о компании;
- о компании в цифрах (сколько лет на рынке, производственные площади и т. д.);
- наши клиенты.
Банк «Точка» рассказывает о компании в цифрах
Блок контактов тоже должен вызывать доверие, люди в интернете боятся нарваться на мошенников или фирмы-однодневки. Покажите, что вы реальная компания и с вами можно не только связаться, но и приехать в офис. В разделе контакты укажите:
- городской телефон;
- телефон 8 (800);
- корпоративный email;
- адрес;
- карта с отметкой адреса;
- реквизиты ИНН ОГРН.
Формы заявки и онлайн-консультант
Формы заявки должны быть хорошо видны и не сливаться с фоном, кнопка обычно выделяется контрастным цветом. На лендинге должно быть несколько форм — пользователь не должен искать ее. Но важно не переборщить, если формы будут навязчивы на каждом блоке, то это скорее оттолкнет.
Нет универсальной формулы, сколько нужно форм на странице, часто можно встретить такое распределение:
- кнопка обратного звонка в меню, при нажатии на нее появляется pop-up окно с формой;
- на первом экране (подойдёт не каждому бизнесу);
- в разделе с описанием товара;
- в контактах.
Также можно использовать кнопки с якорной ссылкой — кликнув по ней, пользователь попадет в раздел с формой заявки.
Одноэкранный лендинг от Pegas Touristic, только форма и кнопка
На кнопках можно использовать призыв к действию:
- получить бесплатно;
- подобрать тур;
- заказать замер;
- получить консультацию;
- купите и получите в подарок и т. д.
Чем меньше полей для заполнения, тем лучше. Не грузите человека бесполезными полями: зачем вам его отчество, почтовые индекс? Ваша задача — получить лид, а значит, сделайте процесс отправки контактов как можно проще, имени и телефона будет вполне достаточно.
Подключать онлайн-консультанта можно только в том случае, если у вас есть сотрудник, который будет отвечать на вопросы. В онлайн-консультантах важна скорость ответа менеджера и его подготовка (понимает что, как и кому продавать, разбирается в товарах).
Кросс-браузерная верстка и адаптивность
Лендинг должен без ошибок отображаться во всех современных браузерах, во всех разрешениях и на всех устройствах. Помните, что доля трафика с мобильных устройств постоянно растет, и если ваш сайт не адаптирован под мобильные, то вы будете терять пользователей и конверсии. Тем более что в Яндекс.Директе нельзя полностью выключить рекламу на мобильных.
Настройка целей
Реклама без аналитики — деньги на ветер. Системы аналитики Яндекс.Метрика и Google Analytics должны регистрировать каждое целевое действие на вашем сайте. Целевое действие — то, что приносит вам контакты клиента:
- отправка заявки через форму;
- звонок по телефону;
- обращение в онлайн-консультант.
Успешная отправка заявки через форму и обращение в онлайн-консультант регистрируются в этих системах с помощью JavaScript-кода, а аналитика звонков осуществляется через сервисы коллтрекинга.
Системы аналитики передают достижения целей в рекламные кабинеты Яндекс.Директа и Google Ads. Благодаря этому можно оптимизировать рекламные кампании: специалист по контекстной рекламе будет видеть, какие ключевые слова приносят конверсии, а какие — нет.
Что в итоге
Так сколько же информации размещать и насколько большим должен быть лендинг? Вы должны разместить на странице самую важную информацию для вашей целевой аудитории, мелочи вы обсудите по телефону. Слишком длинные лендинги могут запутать пользователя — поэтому не перегружайте страницу, найдите баланс важного контента и лёгкости заказа.
Больше материалов об оформлении лендингов — на ppc.world.
Из чего состоит продающий лендинг? Обязательные компоненты для высокой конверсии в заявки
Существует ли идеальная конструкция для продающего лендинга? Представьте себе идеальную структуру страницы, которая будет продавать с высокой конверсией, клиенты будут практически сразу принимать решение, что они хотят вашу услугу или продукт и готовы отдать за это деньги. Правда же идеальная цель?
Есть определённые блоки, которые действительно необходимы для такой страницы, и именно их рассмотрим с вами в этой статье.
Что важно учесть в первую очередь перед разработкой лендинга для продажи продукта или услуги:
- 1 лендинг — 1 главная цель для клиента (может быть несколько версий или пакетных решений одного продукта для продажи),
- лендинг должен ориентироваться на определённую целевую аудиторию. Невозможно продавать один и тот же продукт для разных категорий целевой аудитории с помощью одного лендинга. Если пытаетесь продать продукт двадцатилетним студентам мужчинам и сорокалетним женщинам руководителям — у вас должен быть совершенно разный подход, разные офферы, конструкции и информационные блоки. Обязательно нужно помнить об этом, чтобы были раскрыты потребности под разные аудитории.
Оффер и УТП
Первый блок, который всегда должен располагаться, как только человек попадает на лендинг — блок с главным оффером, посылом:
- зачем нужен этот продукт именно вашему клиенту,
- почему сейчас и какую основную потребность он закроет,
- уникальное торговое предложение, то что в первую очередь зацепит человека.
Здесь должен быть внятный заголовок, подзаголовок, интересное и цепляющее уникальное торговое предложение, поэтому оно и называется уникальным. После этого блока необходимо постепенно запускать человека в информационную воронку, которая должна привести либо к заявке, либо к заказу.
Следующим блоком я бы рекомендовала размещать непосредственно информацию о продукте:
- что он в себе содержит,
- как устроен,
- сколько он стоит.
Дальше можно размещать блок по выгодам по факту получения этого продукта. Выгода объясняет человеку чем вы, в первую очередь, отличаетесь от других конкурентов и продуктов, в чём ваше преимущество на рынке, преимущество вашего продукта на рынке, его сильные стороны в доведении человека до нужной цели.
Отзывы о факте пользования продуктом
Далее, для усиления эффекта выгоды, можно разместить информацию с отзывами клиентов. Если у вас есть возможность разместить видео-отзывы нужно выбирать те, которые ярче всего объясняют ценность этого продукта.
Для кого — пусть человек узнает себя
Как это сделать? Необходимо взять описание своей целевой аудитории и выбрать оттуда ключевые моменты. К примеру:
- для тех, кто устал каждый день выполнять действие, которое решает этот продукт;
- те, кто хотят решить определённую проблему, которую решает этот продукт;
- те, кто имеет определённый список страхов, проблем или болей, которые, опять же, может решить ваш продукт, и так далее.
Здесь важно визуализировать каждый пункт. Важно, чтобы каждая фраза била именно в боль, вы должны донести человеку что ваш продукт был создан конкретно для него.
О создателях
Следующим блоком необходимо размещать информацию о создателе этого продукта. Кратко информируем человека о регалиях создателя продукта. Необходимо в цифрах заявить о:
- достижениях,
- реализованных проектах,
- решённых проблемах,
- числе клиентов,
- если важны часы работы с клиентами — заявить об этом,
- сколько лет на рынке,
- прочие важные цифры.
Здесь должны быть цифры доказательства успеха разработчиков и создателей этого продукта.
Расширить информацию о продукте
Погрузите человека в подробности о своём товаре. К примеру, если у вас онлайн-продукт, то в данном блоке вы можете продемонстрировать:
- программу курса,
- содержание данного продукта,
- что в него входит,
- из каких логических сегментов он состоит.
Что можно добавить для убедительности:
- отзывы,
- рассказать о кейсах,
- партнёрах фирмы,
- цифры доказательства, что было успешно реализовано, клиенты довольны,
- благодарственные письма.
Через весь лендинг красной нитью должна идти информация о том, что создателям продукта можно доверять.
Путь клиента
Любой продукт приводит человека из точки А в точку Б, поэтому в следующем блоке описываем как клиент пройдет этот путь. Показываем этапы — это может быть информация о том, как человек получит свой результат, что он получит сразу после покупки вашего продукта, как с ним свяжутся, какую информацию ему дадут, что нужно будет сделать. Напишите о этапах обучения или взаимодействия со специалистами. В итоге визуализируем в голове клиента тот путь, который он пройдёт для получения своего результата.
Повторяем информацию о цене продукта
Блок с тарифами или о самом продукте с ценой. При необходимости, если блоков на странице получается много — между ними можно ещё несколько раз повторить информацию о продукте с кнопками для заказа или для того, чтобы человек оставил заявку для контакта.
Часто задаваемые вопросы
Если при контакте с клиентом во время оформления заказа или люди задают ряд одинаковых вопросов — их можно вынести на страницу последним блоком. Для такого блока вы также можете брать вопросы, которые интересуют людей во время покупки или страх вашей целевой аудитории трансформируете в вопрос, который может останавливать клиента. Например,
- если не получится,
- если не сработает,
- если не понравится,
- почему такая цена,
- и другие страхи перед покупкой.
Составляйте вопросы, которые потенциально вам мог задать клиент, или собирайте их в отделе продаж. В этом блоке мы закрываем возражения. Показываем человеку, что да, могут быть страхи, возражения, сомнения и противоречия. В итоге, вы сможете сразу закрыть ряд противоречивостей в голове у человека.
ВАЖНО! Не забывайте о целевых действиях
Целевое действие, направленное на формирование заявки или на покупку, нужно размещать в конце каждого блока, в котором даже нет информации о пакетах и самом продукте. Таким образом, призовём человека вернуться к блоку, где находится возможность заказать этот продукт или возможность оставить заявку. Это важно помнить и применять в каждом блоке.
Как собрать лендинг: смысловые блоки и их наполнение
В предыдущем материале мы рассказали о no-code решениях, благодаря которым можно сделать лендинг вашего продукта. Сегодня мы поговорим о том, из каких блоков состоит посадочная страница, и разберемся на конкретных примерах, какие функции и задачи они выполняют.
Хороший лендинг продаст абсолютно любой товар или услугу. Для этого при создании посадочной страницы важно уделить особое внимание ее структуре и наполнению.
Лендинг — это одностраничный сайт с призывом что-то сделать. Лендинг использует логику единственного действия: я вижу посадочную страницу, она меня толкает к тому, чтобы я выполнил какое-то действие. Например, оставил контакты, что-то купил и т. п.
Лендинг создается для конкретной аудитории. Чем точнее выделена аудитория, тем проще ей что-то предложить. Аудитория и целевое действие — основа лендинга.
Если ваша аудитория очень разношерстная, и с ней нужно общаться по-разному, вы делаете два лендинга, а затем рекламируетесь на несколько аудиторий.
Рассмотрим каждый блок лендинга и обозначим их задачи:
Структура лендинга с высокой конверсией: какой она должна быть в 2024 году
Мы прилагаем все усилия, чтобы наши обзоры были максимально честными, точными и объективными. Если вы посещаете ссылки в нашем контенте, мы можем получить комиссионное вознаграждение от ваших покупок, однако это не влияет на нашу редакционную политику и мы не станем рекомендовать продукты или сервисы, в которых не уверены.
Хороший лендинг продаст абсолютно любой товар или услугу. Для этого при создании посадочной страницы важно уделить особое внимание ее структуре и наполнению. В этой статье мы рассказываем о том, какие блоки в структуре лендинга считаются ключевыми, а какие вовсе необязательны, в какой последовательности их следует располагать и какими элементами наполнять.
Первый экран лендинга
Лендинги могут быть очень длинными, как, например, вот эта посадочная страница для продвижения франшизы компании «Додо Пицца»:
Пример длинного лендинга для продажи франшизы
А могут быть и совсем небольшими:
Небольшой лендинг онлайн-школы английского языка
На каждом лендинге, независимо от его длины и тематики, есть обязательный первый экран. Это наиболее важный смысловой блок, выделенный графически.
Далее расскажем о том, какие элементы должны и могут присутствовать на первом экране.
Заголовок и подзаголовок
На первом экране качественного лендинга располагается оффер (предложение), а также краткое описание проблемы клиента, которую он может решить с помощью вашего продукта или услуги. Текст здесь должен быть настолько простым, чтобы понять его можно было с первого взгляда.
Пример размещения заголовка и подзаголовка
Имейте в виду: нет заголовка — нет продажи. Не стоит также делать интригующий заголовок, поскольку таким образом вы сможете отпугнуть часть посетителей. Сделайте заголовок максимально простым и понятным, отражающим суть проблемы целевой аудитории.
Нет времени разбираться?
Разработка сайта под ключ
От проектирования каким должен быть сайт для лучших продаж до запуска и интеграции с любыми сторонними системами. Все сайты имеют мобильную версию и готовы к SEO-продвижению и приему рекламного трафика. Специализируемся на 1С-Битрикс более 10 лет.
Подзаголовок должен пояснять заголовок или отвечать на вопрос пользователя «Что я получу?»
Элементы
На первый экран помещается несколько дополнительных элементов: название компании, лид-форма и призыв к действию (CTA), ссылки на социальные сети и другие контактные данные. Обязательный элемент — название организации. Все остальное — на ваше усмотрение.
Перечисленные элементы нужны для того, чтобы мотивировать часть пользователей сразу оформить заказ. «Горячие» клиенты не будут долго изучать лендинг. Они скорее позвонят вам, увидев номер телефона на первом экране, или тут же отправят заявку. Учитывайте это при разработке структуры продающего лендинга.
Пример оформления первого экрана лендинга
Обратите внимание, на данном примере вместо формы заявки располагается небольшой интерактивный элемент, позволяющий рассчитать стоимость услуг. Такой формат может значительно повлиять на повышение конверсии. Подробнее о его особенностях мы рассказывали в статье про квиз-лендинги.
Логотип
Логотип на лендинге необходим, если он известен и прочно ассоциируется с брендом:
Логотип на лендинге
Привлекли 35.000.000 людей на 185 сайтов
Мы точно знаем, как увеличить онлайн–продажи
Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.
Если же ваша компания малоизвестна, можно обойтись без логотипа. Однако имейте в виду: он поможет потенциальному клиенту запомнить ваш бренд.
Форма заказа
Чем дороже продукт, тем больше времени нужно пользователю на размышления. Так, к примеру, даже если потенциальному клиенту очень нужен комбайн, он вряд ли молниеносно примет решение о его покупке. Учитывайте это, размещая форму заказа на первом экране.
Если товар или услуга достаточно простая, то форма заказа уместна. Если же большинству пользователей определенно нужно время, чтобы обдумать покупку, поместите на первый экран небольшую кнопку «Связаться с нами». На сэкономленном пространстве можно разместить подзаголовок или иллюстрацию.
Такой же кнопки достаточно в том случае, если вы продаете всем известный товар.
Оформление первого экрана лендинга магазина, продающего популярный товар
Здесь вместо популярной кнопки «Связаться» используется призыв к действию — «Выбрать размер». Пользователям интересно, насколько большим может быть плюшевое авокадо, поэтому они часто кликают по этой кнопке.
Изображение товара
От иллюстрации, которую вы поместите на первый экран, зависит едва не половина успеха лендинга. Даже если у посадочной страницы идеальная структура и все маркетинговые требования соблюдены, ее конверсия может быть на нуле по той простой причине, что изображение плохо отражает суть продукта/услуги, имеет плохое качество или же вовсе отсутствует. Визуал сегодня играет решающую роль, не забывайте об этом.
Пример удачно подобранного изображения для лендинга компании по продаже и монтажу окон
Оффер
Торговое предложение — главное на лендинге. Оно должно рассказывать о преимуществах товара и причинах его приобрести. Сделайте ваш оффер простым и понятным настолько, чтобы клиент мог за пару секунд осознать суть и ценность предложения.
Пример оффера
В данном примере упор делается на качество. Но есть и другие два популярных критерия — скорость и стоимость. Используйте любой из них и поясняйте его в контексте оффера. Например:
- Качество: крепкий итальянский стол из красного дерева.
- Скорость: доставка мебели в течение суток.
- Стоимость: скидка 30 % на второй товар.
В одном предложении можно сочетать максимум две выгоды. Соединять сразу три не стоит, поскольку выглядит это навязчиво и неправдоподобно.
Слайдер
На многих лендингах слайдер используют, чтобы показать сразу несколько товаров. Так делать не рекомендуется, поскольку это нарушение важнейшего правила построения посадочной страницы: «1 продукт — 1 страница».
Использовать слайдер можно, чтобы показать один товар с разных сторон или в действии.
Пример слайдера с фотографиями щенков
Не стоит использовать слайдер для перечисления преимуществ. На большинстве лендингов это плохо работает.
Список выгод
Если на первом экране остается место, то можно разместить здесь небольшой список выгод. Желательно, чтобы выгоды выражались в числах.
Пример оформления списка выгод
Не повторяйте здесь те особенности, которые обозначили ранее в оффере, либо раскройте их чуть подробнее, совместив с другими преимуществами.
Стикеры
Стикеры — необязательный элемент, однако часто именно они помогают пользователям принять окончательное решение. Дело в том, что это действенный способ подчеркнуть основную или одну из наиболее важных выгод. На стикере вы можете указать информацию о гарантии, скидке, возможности приобретения товара в кредит, бесплатной доставке или подарке.
Стикеры на лендинге
В данном примере на стикере размещена убеждающая фраза «Прекрасный подарок на любой повод!».
Дизайн первого экрана
Не делайте лендинг слишком сложным — это снизит конверсию. Дизайн хорошего продающего лендинга прост и лаконичен. Фон не затмевает заголовок и лид-форму. Товар или услуга на иллюстрации изображены детально.
Пример дизайна лендинга
Здесь фото на весь экран отражает суть предложения. При этом на нем выделяются заголовок, подзаголовок и форма заказа.
Типичные для первого экрана ошибки
Итак, мы разобрались в том, какие элементы должны присутствовать на первом экране продающего лендинга. Применять их нужно аккуратно. Не допускайте нагромождения элементов. Если их будет слишком много, пользователь может запутаться. Вместе с тем отсутствие некоторых элементов может значительно снизить конверсию. Обратите внимание на этот пример:
На первом экране отсутствует форма заявки
Здесь есть стикер, уведомляющий о немецком качестве, но нет одного из самых важных элементов — формы заявки.
Еще одна ошибка — слишком большое количество офферов. Не стоит совмещать несколько предложений для разных сегментов аудитории на одном лендинге.
Нагромождение офферов
Для каждого сегмента целевой аудитории желательно составить отдельный лендинг с особой структурой. Чтобы не потерять ни одну часть аудитории, обратите внимание на формат мультилендинга.
Помните о важности визуала. Вы можете создать отличную структуру лендинга, но все испортит плохо проработанный дизайн.
Пример неудачного дизайна лендинга
Здесь слишком яркие цвета, нечитабельный шрифт и некачественный фон создают отрицательное впечатление, которое влечет за собой догадки о низком качестве продвигаемого товара.
Тело лендинга
После проектирования первого экрана можно приступать к работе над структурой остальной части сайта. Все последующие блоки призваны убедить пользователя приобрести товар или услугу.
Блок о проекте
Здесь необходимо понятно и развернуто рассказать пользователю о том, что же вы предлагаете. Необязательно делать это в текстовом формате. Многие размещают короткий видеообзор продукта, который дает максимально полное представление о нем.
Видеообзор на лендинге зачастую более информативен, чем текст
Логично располагать этот блок после первого экрана. Так пользователь сразу убедится, что попал на нужную страницу, где ему помогут.
Блок с преимуществами
Если на первом экране преимущества следует представлять как можно короче, то здесь список выгод можно сделать гораздо более широким. Сопроводите текст иконками, фотографиями или другими иллюстрациями.
Блок с преимуществами товара
Однако не ставьте иконки ради иконок. Каждый элемент на сайте нужно тщательно продумать, даже такие мелочи.
Сценарии использования / Ход работ
Сценарии демонстрируют примеры использования продукта или сообщают о том, кому пригодится товар или услуга.
Пример блока со сценарием пользования
Форма подачи здесь может быть такая же, как и в списке выгод. Обязательны заголовок и иллюстрации.
Описание целевой аудитории
Необязательно делать этот блок большим. Его размеры и наполнение зависят от особенностей продукта, который вы предлагаете.
Пример блока с описанием целевой аудитории
Если вы продаете простой товар, например, диваны, то расписывать, что они нужны семьям, пенсионерам и т.д., не стоит. Если же товар необычный и пользователь может сомневаться, нужна ли ему такая покупка, то блок с описанием ЦА лишним не будет.
Если же вы не хотите выносить эту информацию отдельно, то можете включить ее в список выгод.
Тарифы и цены
Цену можно указать на первом экране. Но если там нет места или вы предлагаете несколько позиций по разным ценам, то разместите прайс-лист отдельным блоком. Оформите его максимально просто.
Блок с ценами
В том случае, если на странице указываются тарифы на ваши услуги, визуально выделите один самый популярный. Он привлечет внимание пользователя, а вы таким образом облегчите процесс выбора подходящего тарифа.
Призыв к действию
Призыв к действию должен повторяться на лендинге несколько раз. Важно, чтобы располагался он всегда около кнопки «Связаться» или рядом с формами захвата. Имейте в виду: недостаточно написать «Позвоните нам» или «Кнопка для связи». Эти фразы не побуждают, поэтому смените риторику и попробуйте заинтересовать потенциального клиента. Например, таким образом:
Пример призыва к действию на лендинге
Согласитесь, фраза «Получить деньги» привлекает куда больше, чем «Связаться с нами»?
Форма заявки
Форму заявки расположите в 3-4 местах: на первом экране (об этом говорили выше), в середине и в конце страницы. Целевое действие, которое пользователь совершит, заполнив форму, зависит от конечной цели лендинга. Если вы продвигаете вебинар, вам нужно, чтобы пользователи регистрировались на него. Если же вы продаете какой-то товар, то ваша цель — получить контактные данные.
Пример формы регистрации
Чем меньше в форме полей, тем больше конверсий, поэтому на данном примере пользователю требуется ввести только имя и номер телефона.
Отзывы
Наличие отзывов на сайте — один из решающих факторов, которые влияют на решение человека обратиться в компанию.
Отзывы на лендинге
Здесь вы можете поэкспериментировать и добавить ссылки на посты с отзывами в соцсетях, видеообзоры и пр.
Партнеры
Этот блок необязателен для лендингов маленьких компаний, реализующих недорогие товары, но если вы работали с крупными клиентами, это стоит показать.
Блок с перечнем партнеров
Видео
Видеоролики — отличный способ сэкономить место на лендинге и представить потенциальному клиенту все преимущества продукта без текстов и фотографий. Естественно, видео должно быть коротким, ярким и продающим.
Этот формат особенно хорош в том случае, если услугу или товар тяжело описать или представить в виде фотографий.
FAQ
Этот блок также помогает сэкономить место на странице и, кроме того, закрывает оставшиеся возражения посетителей. Оформляется он обычно как список вопросов, по клику на каждый из которых открывается ответ.
Оформление блока FAQ на лендинге
Чтобы предоставить пользователям как можно более развернутые ответы, проанализируйте их возможные страхи и сомнения.
Контактные данные
Ваш номер телефон или адрес электронной почты всегда должен быть на виду. Не заставляйте потенциального клиента искать контактные данные. Поместите их на самое видное место, например, на фиксированный хедер.
Помимо номера телефона и email-адреса, в контактную информацию можно добавить адрес, карту и данные о ИП / юридическом лице.
Команда
Это блок необязателен, однако сработает он только в плюс. Дело в том, что фотографии членов команды с указанием их имен и должностей вызовут у посетителей сайта еще больше доверия к вам.
Фото команды на лендинге
Желательно, чтобы все фотографии были выполнены в едином стиле. Размещать этот блок рекомендуется в конце страницы.
Факты в цифрах
Цифры привлекают внимание и легко воспринимаются, поэтому мы рекомендуем использовать их, к примеру, таким образом:
Использование фактов в цифрах
К формулированию подобного текста нужно подходить с особой внимательностью. К примеру, как вам такое предложение: «Поставили 150 тыс. тонн щебенки для 3 тыс. км дорожного полотна за 10 лет»? Вызывает ли оно у вас какие-то эмоции? Вряд ли, ведь из него ничего не понятно. Цифры в этом примере слишком большие, осознать их довольно трудно. Исправить ситуацию можно так: «Поставим до 10 тыс. тонн щебенки всего за 24 часа». У пользователя уже есть представление о необходимом ему количестве материала. Теперь он знает ваши условия, сравнивает их с предложениями конкурентов и делает выбор. Помните: цифры на лендинге — не для красоты, а для удобства клиента.
Сертификаты
Если у вас есть сертификаты, благодарственные письма, грамоты или что-то подобное, то сделайте их скриншоты и поместите рядом с отзывами. Скорее всего, никто не будет досконально изучать ваши награды, но они вполне могут повлиять на создаваемое впечатление.
Портфолио
Если у вас есть успешные кейсы, покажите их на лендинге. Достаточно будет 3-4 карточек с фото и текстом в формате карусели. Также обратите внимание на такой любопытный вариант:
Оформление портфолио на лендинге юридической компании
Счетчик
Еще один элемент, который может повлиять на скорость принятия решения о покупке.
Счетчик на лендинге
Разместить его можно как на первом экране, так и ниже. Важно лишь, чтобы располагался он рядом с формой заявки.
Всплывающие окна
Этот элемент предназначен для того, чтобы привлечь внимание посетителя и довести его до оформления заявки.
Пример всплывающего окна на лендинге
Учитывайте, что многие пользователи считают всплывающие окна раздражающим и навязчивым элементом. Проверить, как скажется их наличие на конверсии, можно путем сплит-тестирования.
Виджет обратной связи
Виджет обратной связи так же, как и контактные данные, всегда должен быть на виду. Как правило, располагается он в правом нижнем углу. Если пользователь хочет задать вопрос, ему достаточно просто ввести его или свой номер телефона в это окно.
Если хотите создать виджет самостоятельно можно воспользоваться сервисом от Envybox .
Виджет обратной связи
Футер лендинга
Футером называют самую нижнюю часть лендинга. Здесь, как правило, размещаются контактные данные и навигационное меню.
Футер лендинга
Наличие футера не считается строго обязательным, но если вы планируете его сделать, то, разумеется, оформляйте в общем дизайне сайта.
Кнопки соцсетей на футере
Вопрос их размещения — довольно спорный. Допустим, пользователь попадает на лендинг и загорается желанием купить ваш товар. Он готовится заполнить форму заявки, но тут видит кнопку для перехода во «ВКонтакте». Чтобы узнать о компании чуть больше, он кликает по кнопке, переходит в соцсеть, листает вашу ленту, читает комментарии, смотрит фото и. забывает о том, что хотел совершить покупку.
Так бывает не часто, однако даже небольшой процент таких случаев — это уже потерянные заказы и упущенная прибыль, поэтому иногда от кнопок соцсетей отказываются.
Пример размещения контактных данных и формы обратной связи в футере
Итак, мы перечислили все элементы структуры лендинга, которые стоит учитывать при его создании. Начинайте с проработки первого экрана, а затем выбирайте элементы, необходимые для остальной части страницы.