Воркбук «Прототип landing page»

1.

Воркбук
«Прототип landing page»

2.

Раздел 1. Бизнес-задача
Для какого продукта и направления
будет создаваться лендинг?
Кто ваша целевая аудитория?
(Пол, возраст, география, доход, должность)
Пример: детская школа хоккея; ландшафтный
дизайн частных участков
Ваш ответ: установка окон ПВХ в коттедж
Пример: Мамы и папы мальчиков; Люди с
частным участком 30+ и доходом от 100 000 ₽
Ваш ответ: владельцы коттеджей, частных
домов
Пример: Обучение по методике тренера, который
воспитал 12 чемпионов мира
Почему клиент должен купить у вас,
а не конкурентов?
Ваш ответ:
ассортимент профилей ПВХ,
постоянные клиенты,
квалификация сотрудников (инженера,
монтажников),
работа напрямую с заводами
рассрочка

3.

Раздел 2. Первый экран
Дескриптор
Изображение
Дескриптор — краткое описание,
того чем занимается компания
Что можно использовать в качестве изображения:
1. Производим красивые кухни с 2007 года с доставкой
по Москве и Московской области
2. Школа хоккей для детей от 3 лет
❖ Продукция
❖ Работник или руководитель
❖ Производство
❖ Каталог, прайс или файл
❖ Оказание услуги
❖ Довольные клиенты
Заголовок
Call to action (СТА)
Примеры заголовков по 4U:
Примеры СТА:
Примеры:
Быстрая замена лобового стекла (1U) со скидкой 20%
(2U) за 20 минут (3U) в вашем гараже (4U)
Установим скважину с артезианской водой (1U) за 24
часа (3U) от 1 600 рублей (2U) с гарантией 25 лет.
Вызвать замерщика
Записаться на бесплатную тренировку
Получить бизнес-план франшизы
Рассчитать смету
Получить промокод

4.

Примеры: «Первый экран»
Кому подойдет экран:
Экран используется во всех лендингах.
Советы и лайфхаки:
❖Добавить кнопку
с продающим видео
❖Добавить иконку
«Листайте вниз»
❖ Добавить
квиз в кнопку

5.

Первый экран
Логотип
Номер экрана:
Пластиковые окна для коттеджей
по Брянску и области с 2003 года
Часть коттеджа вид снаружи
+ видно окно. (контрастное цвету
стены Окно открывает
счастливый человек )
на РАЗМЫТОМ фоне Брянский лес
(российский пейзаж - размытый)
Телефон, мессенджеры,
«Перезвоните мне»
Установим пластиковые окна в Ваш коттедж и поможем
сэкономить до 25% стоимости отопления и
кондиционирования
уже через 10 дней
Мы бесплатно спроектируем, рассчитаем эффективность и
установим новые окна с гарантией 10 лет!
Снизили цены за счет
экономии на
содержании офиса
Посмотрите за 1 минуту как работает
наше производство (всплывающее окно,
как калькулятор)
1
Сборка роботами
обеспечивает
безупречное качество
Узнать полную стоимость
Монтажники с
“прямыми” руками и
опытом от 10 лет

6.

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

7.

Экран «калькулятор»
Номер экрана:
Рассчитайте стоимость ваших окон
или задайте свой вопрос инженеру-проектировщику
тип дома
Текстовый блок
Калькулятор
Текстовый блок
Имя тел
Задать вопрос Инженеру-проектировщику

8.

Примеры: «Этапы работ»
Кому подойдет экран:
Для бизнесов в сфере услуг и компаний со сложным
продуктом, где клиент может не понимать порядок
работ.
Советы и лайфхаки:
❖ Лучше использовать реальные фотографии,
а не иконки (как показано на примере)
❖ CTA «Посмотреть примеры работ» будет
хорошо подходить под данный экран

9.

Экран «Этапы работ»
Номер экрана:
Вот что произойдет, когда вы оставите заявку
Иконки в
одном
стиле
1
Мы согласуем детали и
бюджет, договоримся о
времени проведении
замеров
2
Инженер приедет на
объект для финальных
замеров
Расскажет, как повысить
энергоэффективность окон
и уложиться в бюджет
3
производство на
роботизированном
заводе с соблюдением
ГОСТов
Оставить заявку
4
5
Бережная доставка
Монт

10.

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

11.

Экран «Руководитель»
Номер экрана:
Задайте свой вопрос инженеру-эксперту в области остекления коттеджей с практическим опытом 17 лет
Опыт, награды
лично провёл 3000 замеров и знает все
подводные камни установки окон.
Фото руководителя-инженера с
рулеткой возле коттеджа
+
каска (при необходимости)
Задать вопрос инженеру-эксперту

12.

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

13.

Экран с СТА
Номер экрана:
Оставьте заявку и забронируйте для себя докризисные цены
до повышения цены
осталось 2 дня ???
окно +
подарочная лента
тел
Оставить заявку и забронировать цены
Нажимая на кнопку, вы даете согласие на обработку своих персональных
данных и соглашаетесь с Пользовательским соглашением

14.

Примеры: «Кейсы»
Кому подойдет экран:
❖Для бизнесов в сфере услуг
❖Для бизнесов, у кого были большие клиенты,
сотрудничество с которыми показывает
экспертность работы с вами
Советы и лайфхаки:
❖В заголовке к экрану можно написать, какое
количество заказов вы выполнили за все время
❖Добавьте отзыв клиента к кейсу, его имя и ссылку на
соц. сети для достоверности

15.

Экран «Кейсы»
Номер экрана:
Вот почему наши постоянные клиенты советуют нас друзьям
Описание ситуации
какая была задача
что мы сделали
довольный клиент (до сих пор
пользуется)
фото результата
Хочу такой же результат!
1/X

16.

Примеры: «Оплата, пакеты, рассрочка»
Кому подойдет экран:
Нишам, где есть несколько ценовых пакетов или есть
возможность оплаты сразу на сайте.
Советы и лайфхаки:
❖Расположите 3 ценовых пакета и сделайте средний
из них оптимальный по цене/качеству. Средние
пакеты покупают чаще всего

17.

Экран «Оплата, пакеты, рассрочка»
Узнайте о индивидуальных условиях рассрочки
условия рассрочки
почта банк лого
Узнать подробнее
Номер экрана:

18.

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

19.

Экран «Footer или „подвал”»
Номер экрана:
Наш склад здесь,
Приезжайте!
Логотип
Телефон, адрес. почта, мессенджеры, «Перезвоните мне»
Дескриптор
Пользовательское соглашение

20.

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

21.

Экран «Каталог продукции»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Текстовый блок
Кнопка
Кнопка
Кнопка
Текстовый блок
Кнопка

22.

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

23.

Экран «Свойства и выгоды»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Текстовый блок
Текстовый блок
Текстовый блок
Текстовый блок
Кнопка

24.

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

25.

Экран «Категории клиентов»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Кнопка
Текстовый блок

26.

Примеры: «Сравнение с аналогами»
Кому подойдет экран:
Если в вашей нише есть несколько вариантов решения
проблемы, и вы можете сопоставить их с вашим
продуктом по характеристикам.
Советы и лайфхаки:
❖Подсветите столбец с вашим продуктом
❖Таблица должна показать клиенту, что ваш продукт
является оптимальным вариантом

27.

Экран «Сравнение с аналогами»
Заголовок
Номер экрана:

28.

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

29.

Экран «Продающее видео»
Заголовок
Идея видео
Кнопка
Идея для видео
Номер экрана:

30.

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

31.

Экран «Отзывы»
Заголовок
Кнопка
Номер экрана:

32.

Примеры: «Команда»
Кому подойдет экран:
В нишах, где экспертность команды важна для клиента.
Также экран команды повышает доверие и
«очеловечивает» вашу компанию.
Советы и лайфхаки:
❖Подписывайте имя, фамилию и должность
сотрудника
❖Фотографируйте сотрудников в форме компании

33.

Экран «Команда»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Текстовый блок
Текстовый блок

34.

Примеры: «Локация»
Кому подойдет экран:
Офлайн-бизнесам и производствам с целью повышения
доверия или приглашения на экскурсию.
Советы и лайфхаки:
❖Используйте галерею фотографий с разными
ракурсами

35.

Экран «Локация»
Заголовок
Текстовый блок
Номер экрана:

36.

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

37.

Экран «Награды, сертификаты»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Текстовый блок

38.

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

39.

Экран «Преимущества»
Номер экрана:
Заголовок
Текстовый блок
Текстовый блок
Текстовый блок
Текстовый блок

40.

Примеры: «Доставка»
Кому подойдет экран:
Нишам, где работает доставка и важен фактор скорости
получения продукта или оказания услуги.
Советы и лайфхаки:
❖Посмотрите условия доставки конкурентов и
предложите более выгодное предложение (совет
распространяется на все экраны)

41.

Экран «Доставка»
Заголовок
Текст
Кнопка
Номер экрана:

42.

Примеры: «FAQ, ответы на вопросы»
Кому подойдет экран:
В нишах услуг и образования, где у клиента возникает
много вопросов перед покупкой
Советы и лайфхаки:
❖Расположите экран в самом конце перед «подвалом».
Потому что там обычно пользователи ищут рубрику
«ответы на вопросы»
❖Если вопросов много, распределите их по темам

43.

Экран «FAQ, ответы на вопросы»
Заголовок
Вопрос
Вопрос
Вопрос
Вопрос
Кнопка
Номер экрана:

44.

Чек-лист проверки лендинга
❏
❏
❏
❏
❏
❏
❏
❏
❏
❏
❏
Сайт быстро загружается (сервис PageSpeed Insight)
Сайт адаптирован под все популярные устройства (сервис Adaptivator)
Сайт адаптирован под все популярные браузеры (сервис Browsershots)
По телефону можно позвонить, на почту написать
Все кнопки работают и передают заявки на почту, мессенджеры или CRM
При нажатии на логотип страница обновляется и переходит на первый экран
Все элементы первого экрана видны при открытии сайта
Есть политика конфиденциальность и ее можно прочитать
Под каждой кнопкой написан текст о согласии обработки данных
Текст везде хорошо читается и не сливается с фоном
К сайту подключены системы аналитики (Яндекс.Метрика, Google Analytics)

45.

Трафик
Таргет ФБ
Таргет ВК
My target
РСЯ
Директ поиск
КМС
Google Ads
Аналитика
Яндекс.Метрика
Google Analytics
Roistat
Виджеты
Envybox
JivoSite
Moclients
Lead Back
Hover Signal
Landing page
Конструкторы
Tilda
Flexbe
Ukit
Платформа LP
Wix
Мультилендинги
Yagla
ADfor
А/B-тестирование
AB Tasty
Google Optimize
LPgenerator
RealROI
Roistat
Flexbe
Optimizely
Visual Website Optimizer

46.

Ссылка на скринкаст по поиску подрядчика
https://www.youtube.com/watch?v=Rmo9CKIOtGg&feature=youtu.be