Разработка Landing Page: шаг 12

Разработка Landing Page: типовые элементы

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

Если вы не читали предыдущие статьи по разработке Landing Page, советуем перейти к шагу 11, где мы рассказываем про расстановку акцентов на вашем лендинге.

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

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

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

Далее должна быть мини инструкция, описание того, что произойдет после того, как он отправит данную форму. Здесь «Оставьте свои контактные данные и наш специалист свяжется с вами в течение 30 минут для проведения бесплатной первичной консультации и выбора формы договора». Т.е. Человеку понятно, что это за форма захвата и для чего он ее заполняет.
Далее, в форме вы должны запрашивать только необходимую информацию, которая Вам необходима. В идеале вообще просить только номер телефона, так как все остальные данные менеджер при звонке спокойного узнает. Чем больше полей формы, тем ниже конверсия. Это уже проверено ни на одном тесте.
Дальше – кнопка должна быть релевантна заголовку формы. То есть смотрите, если форма у нас на бесплатную консультацию, то на кнопке мы пишем, чтобы получить бесплатную консультацию, а не бесплатная консультация нашего юриста, а на форме написано «оставить заявку». Она конечно подходит, но не совсем. Лучше написать релевантную кнопку. И такой есть интересный момент, но его не обязательно писать: заполнение формы ни к чему не обязывает, т.е. Это немного человека освобождает от ответственности и ему проще эту форму отправить. Потому что есть некоторые люди, которым, допустим, неудобно отправлять форму, потому что они не уверены, купят они у вас или нет.

Смотрите
свежие
кейсы

Стандартная форма захвата – то есть запишите сына на первое бесплатное занятие в вашем районе, оставьте свои контактные данные, в течение 30 минут мы с вами свяжемся для осуществления записи и записаться; заказ обратного звонка; заказ какого-то пакета. В принципе, обычная стандартная форма ничего тут сверхъестественного.
Форма с дополнительной ценностью используется для кнопки «Подробнее» или информационной кнопки. Допустим, был у нас проект по ресторану одному, тут одновременно можно человеку дать информацию и одновременно его закрыть на какое-то первое касание.

Следующая форма – «Хочу также» – но это даже не форма, а вид кнопки. «Хочу также» часто используем, где кейсы, отзывы, в принципе хорошо работает. При всплывании обычная форма всплывает.
Форма с пошаговым алгоритмом. Тоже интересная вещь, здесь вы показываете полностью путь, что произойдет после заполнения формы. Это вот как раз применяется на нашем сайте главном. Прочитайте: «1. Хотите получить предложение конкретно для вашего бизнеса? Оставьте свой номер телефона, и наш специалист свяжется с вами в течение 30 минут для первичной консультации. 2. После консультации мы бесплатно проведем комплексное исследование вашей ниши и конкурентов. 3. Наш менеджер подъедет к вам в любое удобное для вас время со всеми материалами и сделает вам индивидуальное предложение. Получить предложение» То есть тут форма одновременно отображает и уникальное торговое предложение.
Формы с интерактивом. Здесь какой-то определенный калькулятор расчёта, где человек должен заморочиться, что-то посчитать, а потом только форму отправить. Такие формы обычно имеет хорошую конверсию из лида в продажу, потому что, если человек заморочился всё-таки и что-то сделал, посчитал на сайте, то скорее всего он заинтересован в покупке. Такие формы хорошо работают, и, если вы можете использовать эту у вас в бизнесе, используйте.
Форма – очередь – также с нашего сайта взята. Такая интересная штука, то есть «В этом месяце мы возьмем только 10 проектов, осталось всего 4 места. Забронируйте место». На самом деле, мы реально берем только 10 проектов в месяц, и наш человек, который следит за сайтом, постоянно вносит реально, сколько мест осталось. Это психологически на человека давит, потому что бывает людей больше обращается, а мы берем реально только 10 проектов в месяц.

Форма – обратная связь – такая форма хорошо используется в конце сайта, когда вы уже закрыли вообще все возможные боли, которые вы сами знали, но все равно 100% возражений клиентов вы никогда не обработаете. И как раз для людей, у которых остались какие-то возражения, есть такая форма, где ты можешь написать свой вопрос, и вы его там уже дожимаете как-то.
Форма с таймером – стандартная форма, где сразу используется акция с ограничением по времени.
Блоки, которые подходят для 90% ниш: Основные виды блоков и элементов, которые часто используется. Это не значит, что они должны быть в каждом прототипе, но их можно использовать.

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

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

Отзывы и кейсы: тоже с нашего сайта. Это кейс, то есть изображение сайта, что было, что было сделано, какой получился результат, статистика сразу, тут у нас еще у некоторых отзывов есть видео отзыв от некоторых компаний, такое вот крутое оформление отзыва. Вот здесь, допустим, это юридическая тематика, здесь видео отзыв не получается взять, здесь есть текстовый отзыв и благодарственное письмо, тоже как вариант.
Блоки, которые делаются индивидуально под каждую нишу. Это интерактивы: какие-то калькуляторы, 3D модели, конструкторы, То есть это тоже всё индивидуальное и часто примеров не бывает. Инфоблоки по нише, то есть, к примеру, с теми же коробками передач, мы сделали вот блок где показаны вещи, которые ломаются, помимо коробки передач и ремонт которых стоит в разы дешевле. Это такой нюанс ниши, где блок был придуман индивидуально под нишу и шаблонов таких никогда не бывает. F.A.Q. – это частые вопросы – и другие блоки.

Есть задача?
Предложим решение
ОБСУДИМ, ПРОДУМАЕМ, СДЕЛАЕМ
Заполнить бриф


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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Присоединяйтесь к нам в соц сетях:


Заполнить бриф
Свежие кейсы
00:00 / 00:00
Мы на Behance

© 2013 — 2024 // Web Armada
ОГРН 317169000064703, БИК: 044525999,
ИНН 164808659794, К/с: 30101810845250000999.

Добавить в закладки

г. Москва, режим работы: пн-пт 9:00–19:00

Провести разбор

Бесплатно проведем детальную диагностику Вашего сайта и рекламы в интернете. Покажем подход нашего рекламного агентства к построению digital-marketing системы полного цикла в вашей компании



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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

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

Отправьте заявку

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



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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог .

Заказать аудит

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

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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог.

Нужно больше клиентов?

Отправьте заявку, мы обсудим детали, продумаем и сделаем.


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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог.

Узнать подробнее о рассрочке

Оставьте заявку и мы перезвоним Вам в ближайшее время


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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог .

Показать результаты?

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

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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог.

Узнайте цену разработки интернет-магазина

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

Ваша заявка отправлена

Мы перезвоним вам в ближайшее время.

Ознакомьтесь с нашими работами и почитайте блог.