Макет лендинга – 36 бесплатных шаблонов лендинг пейдж

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

danilin.biz

Создаем макет правильной Landing Page

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

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

Cегментируем ЦА

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

Есть крайне популярный среди маркетологов метод сегментирования ЦА по модели 5W:

1. ЧТО? — какая услуга требуется, можно так же описать ее характеристики
2. КТО? — описываем портрет ЦА, пол, возраст, финансовое положение
3. ПОЧЕМУ? — мотивация к заказу услуге,
4. КОГДА? — в какой диапазон времени проблема должна быть устранена?
5. ГДЕ? — Места поиска потенциального исполнителя

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

Менее замороченный способ

Пример сегментирования ЦА для LP выездного компьютерного сервиса:

Зачем нужна эта таблица?

1. Не понимая свою аудиторию, вы не сможете говорить с ней на одном языке. Например, для ЦА с высоким достатком не работают такие мотивационные тригеры как:
   • Скидка 50%
   • Успевай, до конца акции осталось: 0 дней, 2, часа, 30 секунд!
2. Без понимания страхов клиента, вы не сможете отработать его возражения, либо что еще хуже, — вы начнете отрабатывать некорректные возражения.

Анализ УТП

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

Пример анализа УТП (характеристик может быть сколько угодно, важно опередить те, что оказывают наибольшее влияние на клиента, и постараться представить их в лучшем свете)

Почему это важно?

Проанализировав всех игроков, и определив свои сильные стороны, вы повышаете шансы на создание уникального LP. Избегайте шаблонности, удивляете и вовлекайте!

1. Если 80% конкурентов дают гарантию на услуги в рамках 1 года, это уже не уникальное предложение, а необходимость. Соответственно делать на этом акцент будет крайне глупо
2. Если у конкурентов проблемы с репутацией, и нет отзывов, то можно разместить 3 — 6 видеоотзывов клиентов в рамках 2-го экрана вашего LP.

Определение блочности лэндинга

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

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

Пример расстановки блоков LP (Тематика: «Компьютерный сервис на дом»):

1. Для импульсивных — сразу даем форму + заголовок + УТП — создаем ожидания
2. Знакомим с ценами — прайс лист (возможность заказа из прайса)
3. Показываем отзывы
4. Даем форму
5. Показываем команду
6. Показываем награды (сертификаты)
7. Последняя форма (УТП + призыв + контакты)

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

15 советов к созданию продающего LP

• Всегда делайте 1 лэндинг под 1 направление
• Хороший офер в первом экране LP —  это уже пол дела
• УТП компонуем в первом экране (там же, где и офер)
• Не сравнивайте себя с конкурентами, это вызывает тревогу
• В один экран помещаем только 1 логический блок (не нужно валить все в кучу)
• Каждые 2-3 блока — выводим форму захвата
• Создавайте ожидания у клиента путем графики, кейсов
• Телефон — большим текстом в шапке сайта (цифры одного размера)
• Кнопка «Заказать звонок» — не должна отвлекать внимания на себя
• Избегайте сложной подачи контента, упрощайте
• Под каждой кнопкой целевого действия, описывайте дальнейший сценарий (если кнопка заказа звонка — то «мы свяжемся с вами в течении 10 минут»)
• Отзывы клиентов только в виде скриншотов с соц. сетей, либо в формате видео (или на фирменном бланке). Любой другой формат уже не вызывает доверия
• Персонализированные лэндинги (услуги) — работают лучше, используйте фото мастеров, команды
• Не используйте дибильные формулировки: недорого, быстро, лучший, самый и др. Пишите по существу, или вообще не пишите
• Чем меньше полей в формах — тем выше конверсия (имя, телефон, почта)

kondrashov.online