Как создать
эффективный
Landing Page
+Пошаговое руководство
Андрей Козинец
Владелец агентства контекстной рекламы УКРконтекст
Директор по маркетингу DriverNotes

Ключевые компетенции...
О чем я буду рассказывать:
➔ Что такое Landing Page и почему они важны
➔ Какие бывают LP и для решения каких задач использ...
CTA

g

t

В

f

+

Landing Page генерирует: Контакты, Лиды,
Landing? - Нет не слышал

ИТОГ: 0/7
Landing Page в Украине
Напоминает отношения подростков к сексу…

➔ Каждый хочет этого.
➔ Каждый думает, что умеет это дела...
Реклама без лендинга = слив бюджета
Какие бывают Landing Page
Какие бывают Landing Page
Stand Alone

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

1. Страницы фильтры
(Click Through)

3. Продающие
(Infomercial)

2. Генерации лидов
(Squeeze Pa...
Какие бывают Landing Page
Страницы фильтры (Click Through)
Простые страницы,
основная задача которых:
USP

● показать осно...
Какие бывают Landing Page
Генерации лидов (Squeeze Page)
Страницы созданы для захвата печенек
информации о пользователе
(о...
Какие бывают Landing Page
Продающие (Infomercial)
Страницы специально созданы для
продажи сложных продуктов или услуг

g

...
Какие бывают Landing Page
Вирусные (Viral)
Простые страницы, основная задача
которых распространить информацию
Очень часто...
Секретная

Формула успешной Landing Page
Релевантность

Мотивация

Высокий
Уровень
Конверсии
Отвлечение

Призыв к
действию

Страхи/колебания

Секретная формула ......
РЕЛЕВАНТНОСТЬ
Четкое соответствие составляющих:
➔ Что искали
➔ Что увидели в рекламе (рассылке, и тд):
◆ Заголовок
◆ Графи...
Мотивация

Совпадение цели: клиент-бизнес

Мотивация

Подробная информация
(необходимо достаточная)

Интересность предложе...
Призыв к действию
1 основной и 1 запасной
➔
➔
➔
➔
➔

Оформлен в виде кнопки
Цветом отличным от общего цвета страницы
В пов...
Отвлечения
Страхи / опасения
Кто нужен для разработки LP
Ключевые компетенции в проекте
Кто нужен при создания эффективной LP
Ключевые компетенции в проекте
➔
➔
➔
➔
➔
➔
➔
➔
➔
➔

Маркетолог
Продукт менеджер (или...
Создание LP
Шаг за шагом
Шаг 1.
Исследования и анализ
Что делаем:

В результате:

●
●
●
●

● Стратегия проектирования
(как решить задачу)
● Портрет...
Шаг 2.
Предпроектная подготовка
Что делаем:

В результате:

● Проектируем
информационную
архитектуру страницы

● Блок-схем...
Шаг 3.
Контент страницы
Что делаем:

В результате:

● Находим / подбираем /
создаем необходимую
информацию
● Пишем тексты
...
Шаг 4.
Проектирование страницы
Что делаем:
● Информационный
дизайн страницы
● Навигационный дизайн
● Дизайн интерфейса

CT...
Шаг 5.
Рисуем страницу
Что делаем:
● Рисуем страницу
● Иллюстрации
● Иконки и тд

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

В результате:

● Выбор платформы для
размещения страницы
● Верстка страницы

● Готов...
Шаг 7.
QA Тест
Что делаем:

В результате:

● Тестируем страницу
(на подопытных и
добровольцах)

● Устраняем баги
Шаг 8.
Установка и настрйока Аналитики
Что делаем:

В результате:

● Устанавливаем и
● Готовая к запуску страница
настраив...
Вы думаете это конец? Не тут-то было!
Always Be Testing
Спасибо за внимание!
А теперь вопросы
Как создать эффективный landing page
Upcoming SlideShare
Loading in...5
×

Как создать эффективный landing page

2,428

Published on

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

Published in: Marketing

Как создать эффективный landing page

  1. 1. Как создать эффективный Landing Page +Пошаговое руководство
  2. 2. Андрей Козинец Владелец агентства контекстной рекламы УКРконтекст Директор по маркетингу DriverNotes Ключевые компетенции: ★ ★ ★ ★ ★ ★ ★ ★ ★ Маркетинг PPC Веб-аналитика СRO (Повышение конверсии) Веб-разработка SEO UX Usability UI
  3. 3. О чем я буду рассказывать: ➔ Что такое Landing Page и почему они важны ➔ Какие бывают LP и для решения каких задач использоваться ➔ Формула успешной Landing Page ➔ Кто нужен для создания эффективной посадочной страницы ➔ Пошаговое руководство создания Посадочной страницы ➔ A/B тестирование посадочной страницы ➔ Выбор платформы для LP ➔ Сколько стоит
  4. 4. CTA g t В f + Landing Page генерирует: Контакты, Лиды,
  5. 5. Landing? - Нет не слышал ИТОГ: 0/7
  6. 6. Landing Page в Украине Напоминает отношения подростков к сексу… ➔ Каждый хочет этого. ➔ Каждый думает, что умеет это делать. ➔ Мало, кто делает. ➔ А если делает, то как правило, не очень хорошо. ➔ А кто хорошо не всегда вовремя :)
  7. 7. Реклама без лендинга = слив бюджета
  8. 8. Какие бывают Landing Page
  9. 9. Какие бывают Landing Page Stand Alone Мини-сайты
  10. 10. Какие бывают Landing Page 1. Страницы фильтры (Click Through) 3. Продающие (Infomercial) 2. Генерации лидов (Squeeze Page) 4. Вирусные (Viral)
  11. 11. Какие бывают Landing Page Страницы фильтры (Click Through) Простые страницы, основная задача которых: USP ● показать основную информация о предложении ● пояснить выгоды и контекст использования чтобы повысить шансы на конверсию в момент покупки CTA g t В f +
  12. 12. Какие бывают Landing Page Генерации лидов (Squeeze Page) Страницы созданы для захвата печенек информации о пользователе (обычно контактной информации) CTA Типы лидов: ● Sales Leads ● Marketing Leads g t В f +
  13. 13. Какие бывают Landing Page Продающие (Infomercial) Страницы специально созданы для продажи сложных продуктов или услуг g Обычно содержат все исчерпывающую информацию, необходимую для принятия решения о покупке. Часто строятся по принципу: ● AIDA ● PmPHS Чем сложнее продукт тем ниже СТА CTA t В f +
  14. 14. Какие бывают Landing Page Вирусные (Viral) Простые страницы, основная задача которых распространить информацию Очень часто строятся по принципу обмена ценного для пользователя контента на публикацию информации со странице в социальных сетях: CTA f t B
  15. 15. Секретная Формула успешной Landing Page
  16. 16. Релевантность Мотивация Высокий Уровень Конверсии Отвлечение Призыв к действию Страхи/колебания Секретная формула ... никому ни слова!
  17. 17. РЕЛЕВАНТНОСТЬ Четкое соответствие составляющих: ➔ Что искали ➔ Что увидели в рекламе (рассылке, и тд): ◆ Заголовок ◆ Графика ◆ Призыв к действию ➔ Что увидели на странице: ◆ Заголовок ◆ Графика ◆ Призыв к действию Купить леденцы Покупатйе вкусные леденцы! www.mir-ledencov.com.ua Набор из 20 леденцов за 199 грн Бесплатная доставка по Киеву Набор из 20 леденцов за 199 нрн CTA g t В f +
  18. 18. Мотивация Совпадение цели: клиент-бизнес Мотивация Подробная информация (необходимо достаточная) Интересность предложения (УТП)
  19. 19. Призыв к действию 1 основной и 1 запасной ➔ ➔ ➔ ➔ ➔ Оформлен в виде кнопки Цветом отличным от общего цвета страницы В повелительном наклонении Располагается в экране до сгиба (~650 px) Формирует суть предложения Закажите 20 видов леденцов с бесплатной доставкой по Киеву
  20. 20. Отвлечения
  21. 21. Страхи / опасения
  22. 22. Кто нужен для разработки LP Ключевые компетенции в проекте
  23. 23. Кто нужен при создания эффективной LP Ключевые компетенции в проекте ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ Маркетолог Продукт менеджер (или владелец/директор) UX специалист Аналитик/Проектировщик Копирайтер Графический дизайнер Технический директор Верстальщик Программист Веб-аналитик
  24. 24. Создание LP Шаг за шагом
  25. 25. Шаг 1. Исследования и анализ Что делаем: В результате: ● ● ● ● ● Стратегия проектирования (как решить задачу) ● Портрет ЦА (в идеале Персонажи) ● Понимание потребностей клиентов ● Требования к контенту страницы ● Функциональная спецификация страницы ● Смета проекта Анализ бизнес задачи Исследование ЦА Конкурентный анализ Анализ зарубежных практик (иногда) ● Маркетинговые исследования ● Другие исследования
  26. 26. Шаг 2. Предпроектная подготовка Что делаем: В результате: ● Проектируем информационную архитектуру страницы ● Блок-схема страницы (Часть ● Продумываем сценарии поведения пользователя на странице ● Сценарии взаимодействия пользователя и основных элементов страницы задания Копирайтера)
  27. 27. Шаг 3. Контент страницы Что делаем: В результате: ● Находим / подбираем / создаем необходимую информацию ● Пишем тексты (копирайтинг) ● Подбираем фото ● Рисуем иллюстрации ● Снимаем видео ● и тд. ● Реальный контент страницы
  28. 28. Шаг 4. Проектирование страницы Что делаем: ● Информационный дизайн страницы ● Навигационный дизайн ● Дизайн интерфейса CTA g В результате: ● Эскиз страницы с реальным контентом t В f +
  29. 29. Шаг 5. Рисуем страницу Что делаем: ● Рисуем страницу ● Иллюстрации ● Иконки и тд В результате: ● Дизайн-макет страницы
  30. 30. Шаг 6. Верстаем страницу Что делаем: В результате: ● Выбор платформы для размещения страницы ● Верстка страницы ● Готовая к работе страница
  31. 31. Шаг 7. QA Тест Что делаем: В результате: ● Тестируем страницу (на подопытных и добровольцах) ● Устраняем баги
  32. 32. Шаг 8. Установка и настрйока Аналитики Что делаем: В результате: ● Устанавливаем и ● Готовая к запуску страница настраиваем необходимые инструменты веб-аналитики
  33. 33. Вы думаете это конец? Не тут-то было!
  34. 34. Always Be Testing
  35. 35. Спасибо за внимание! А теперь вопросы
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×