Как создать эффективный landing page. 22 встреча Клуба интернет-маркетологов

1. Как создать
эффективный
Landing Page
+Пошаговое руководство

2. Андрей Козинец
Владелец агентства контекстной рекламы УКРконтекст
Директор по маркетингу DriverNotes
Ключевые компетенции:
★
★
★
★
★
★
★
★
★
Маркетинг
PPC
Веб-аналитика
СRO (Повышение конверсии)
Веб-разработка
SEO
UX
Usability
UI

3. О чем я буду рассказывать:
➔ Что такое Landing Page и почему они важны
➔ Какие бывают LP и для решения каких задач использоваться
➔ Формула успешной Landing Page
➔ Кто нужен для создания эффективной посадочной страницы
➔ Пошаговое руководство создания Посадочной страницы
➔ A/B тестирование посадочной страницы
➔ Выбор платформы для LP
➔ Сколько стоит

4. CTA
g
t
В
f
+
Landing Page генерирует: Контакты, Лиды,

6. Landing? - Нет не слышал
ИТОГ: 0/7

7. Landing Page в Украине
Напоминает отношения подростков к сексу…
➔ Каждый хочет этого.
➔ Каждый думает, что умеет это делать.
➔ Мало, кто делает.
➔ А если делает, то как правило, не очень хорошо.
➔ А кто хорошо не всегда вовремя :)

8. Реклама без лендинга = слив бюджета

9. Какие бывают Landing Page

10. Какие бывают Landing Page
Stand Alone
Мини-сайты

11. Какие бывают Landing Page
1. Страницы фильтры
(Click Through)
3. Продающие
(Infomercial)
2. Генерации лидов
(Squeeze Page)
4. Вирусные
(Viral)

12. Какие бывают Landing Page
Страницы фильтры (Click Through)
Простые страницы,
основная задача которых:
USP
● показать основную информация о
предложении
● пояснить выгоды и контекст
использования
чтобы повысить шансы на конверсию в
момент покупки
CTA
g
t
В
f
+

13. Какие бывают Landing Page
Генерации лидов (Squeeze Page)
Страницы созданы для захвата печенек
информации о пользователе
(обычно контактной информации)
CTA
Типы лидов:
● Sales Leads
● Marketing Leads
g
t
В
f
+

14. Какие бывают Landing Page
Продающие (Infomercial)
Страницы специально созданы для
продажи сложных продуктов или услуг
g
Обычно содержат все исчерпывающую
информацию, необходимую для принятия
решения о покупке.
Часто строятся по принципу:
● AIDA
● PmPHS
Чем сложнее продукт тем ниже СТА
CTA
t
В
f
+

15. Какие бывают Landing Page
Вирусные (Viral)
Простые страницы, основная задача
которых распространить информацию
Очень часто строятся по принципу обмена
ценного для пользователя контента на
публикацию информации со странице в
социальных сетях:
CTA
f
t
B

16. Секретная
Формула успешной Landing Page

17. Релевантность
Мотивация
Высокий
Уровень
Конверсии
Отвлечение
Призыв к
действию
Страхи/колебания
Секретная формула ... никому ни слова!

18. РЕЛЕВАНТНОСТЬ
Четкое соответствие составляющих:
➔ Что искали
➔ Что увидели в рекламе (рассылке, и тд):
◆ Заголовок
◆ Графика
◆ Призыв к действию
➔ Что увидели на странице:
◆ Заголовок
◆ Графика
◆ Призыв к действию
Купить
леденцы
Покупатйе вкусные леденцы!
www.mir-ledencov.com.ua
Набор из 20 леденцов за 199 грн
Бесплатная доставка по Киеву
Набор из 20 леденцов
за 199 нрн
CTA
g t В f +

19. Мотивация
Совпадение цели: клиент-бизнес
Мотивация
Подробная информация
(необходимо достаточная)
Интересность предложения (УТП)

20. Призыв к действию
1 основной и 1 запасной
➔
➔
➔
➔
➔
Оформлен в виде кнопки
Цветом отличным от общего цвета страницы
В повелительном наклонении
Располагается в экране до сгиба (~650 px)
Формирует суть предложения
Закажите 20 видов леденцов
с бесплатной доставкой по Киеву

21. Отвлечения

22. Страхи / опасения

23. Кто нужен для разработки LP
Ключевые компетенции в проекте

24. Кто нужен при создания эффективной LP
Ключевые компетенции в проекте
➔
➔
➔
➔
➔
➔
➔
➔
➔
➔
Маркетолог
Продукт менеджер (или владелец/директор)
UX специалист
Аналитик/Проектировщик
Копирайтер
Графический дизайнер
Технический директор
Верстальщик
Программист
Веб-аналитик

25. Создание LP
Шаг за шагом

26. Шаг 1.
Исследования и анализ
Что делаем:
В результате:
●
●
●
●
● Стратегия проектирования
(как решить задачу)
● Портрет ЦА (в идеале
Персонажи)
● Понимание потребностей
клиентов
● Требования к контенту
страницы
● Функциональная
спецификация страницы
● Смета проекта
Анализ бизнес задачи
Исследование ЦА
Конкурентный анализ
Анализ зарубежных
практик (иногда)
● Маркетинговые
исследования
● Другие исследования

27. Шаг 2.
Предпроектная подготовка
Что делаем:
В результате:
● Проектируем
информационную
архитектуру страницы
● Блок-схема страницы (Часть
● Продумываем сценарии
поведения пользователя
на странице
● Сценарии взаимодействия
пользователя и основных
элементов страницы
задания Копирайтера)

28. Шаг 3.
Контент страницы
Что делаем:
В результате:
● Находим / подбираем /
создаем необходимую
информацию
● Пишем тексты
(копирайтинг)
● Подбираем фото
● Рисуем иллюстрации
● Снимаем видео
● и тд.
● Реальный контент
страницы

29. Шаг 4.
Проектирование страницы
Что делаем:
● Информационный
дизайн страницы
● Навигационный дизайн
● Дизайн интерфейса
CTA
g
В результате:
● Эскиз страницы с
реальным контентом
t
В
f
+

30. Шаг 5.
Рисуем страницу
Что делаем:
● Рисуем страницу
● Иллюстрации
● Иконки и тд
В результате:
● Дизайн-макет страницы

31. Шаг 6.
Верстаем страницу
Что делаем:
В результате:
● Выбор платформы для
размещения страницы
● Верстка страницы
● Готовая к работе страница

32. Шаг 7.
QA Тест
Что делаем:
В результате:
● Тестируем страницу
(на подопытных и
добровольцах)
● Устраняем баги

33. Шаг 8.
Установка и настрйока Аналитики
Что делаем:
В результате:
● Устанавливаем и
● Готовая к запуску страница
настраиваем необходимые
инструменты веб-аналитики

34. Вы думаете это конец? Не тут-то было!

35. Always Be Testing

36. Спасибо за внимание!
А теперь вопросы