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

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

Андрей КозинецВладелец агентства контекстной рекламы УКРконтекстДиректор по маркетингу DriverNotes

Ключевые компетенции:

★ Маркетинг★ PPC★ Веб-аналитика★ СRO (Повышение конверсии)★ Веб-разработка★ SEO★ UX★ Usability★ UI

О чем я буду рассказывать:➔ Что такое Landing Page и почему они важны

➔ Какие бывают LP и для решения каких задач использоваться

➔ Формула успешной Landing Page

➔ Кто нужен для создания эффективной посадочной страницы

➔ Пошаговое руководство создания Посадочной страницы

➔ A/B тестирование посадочной страницы

➔ Выбор платформы для LP

➔ Сколько стоит

+fВtg

C T A

Landing Page генерирует: Контакты, Лиды, Продажи

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

Landing Page в УкраинеНапоминает отношения подростков к сексу…

➔ Каждый хочет этого.

➔ Каждый думает, что умеет это делать.

➔ Мало, кто делает.

➔ А если делает, то как правило, не очень хорошо.

➔ А кто хорошо не всегда вовремя :)

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

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

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

Stand Alone Мини-сайты

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

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

2. Генерации лидов(Squeeze Page)

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

4. Вирусные (Viral)

Какие бывают Landing PageСтраницы фильтры (Click Through)

Простые страницы, основная задача которых:

● показать основную информация о предложении

● пояснить выгоды и контекст использования

чтобы повысить шансы на конверсию в момент покупки

CTA

USP

+fВtg

Какие бывают Landing PageГенерации лидов (Squeeze Page)

Страницы созданы для захвата печенек информации о пользователе (обычно контактной информации)

Типы лидов:

● Sales Leads

● Marketing Leads

+fВtg

C T A

Какие бывают Landing PageПродающие (Infomercial)

Страницы специально созданы для продажи сложных продуктов или услуг

Обычно содержат все исчерпывающую информацию, необходимую для принятия решения о покупке.

Часто строятся по принципу:● AIDA● PmPHS

Чем сложнее продукт тем ниже СТА

+fВtg

C T A

Какие бывают Landing PageВирусные (Viral)

Простые страницы, основная задача которых распространить информацию

Очень часто строятся по принципу обмена ценного для пользователя контента на публикацию информации со странице в социальных сетях:

CTA

f t B

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

Секретная формула ... никому ни слова!

Высокий Уровень

Конверсии

Релевантность Мотивация Призыв к действию

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

РЕЛЕВАНТНОСТЬЧеткое соответствие составляющих:

➔ Что искали➔ Что увидели в рекламе (рассылке, и тд):

◆ Заголовок◆ Графика◆ Призыв к действию

➔ Что увидели на странице:◆ Заголовок◆ Графика◆ Призыв к действию

Купить леденцы

Покупатйе вкусные леденцы!www.mir-ledencov.com.uaНабор из 20 леденцов за 199 грнБесплатная доставка по Киеву

CTA

Набор из 20 леденцов за 199 нрн

+fВtg

Мотивация

Мотивация

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

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

Интересность предложения (УТП)

Призыв к действию1 основной и 1 запасной

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

Закажите 20 видов леденцов с бесплатной доставкой по Киеву

Отвлечения

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

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

Кто нужен при создания эффективной LPКлючевые компетенции в проекте

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

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

Шаг 1. Исследования и анализ

Что делаем:● Анализ бизнес задачи● Исследование ЦА ● Конкурентный анализ● Анализ зарубежных

практик (иногда)● Маркетинговые

исследования● Другие исследования

В результате:● Стратегия проектирования

(как решить задачу)● Портрет ЦА (в идеале

Персонажи) ● Понимание потребностей

клиентов● Требования к контенту

страницы● Функциональная

спецификация страницы● Смета проекта

Шаг 2. Предпроектная подготовка

Что делаем:● Проектируем

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

● Продумываем сценарии поведения пользователя на странице

В результате:● Блок-схема страницы (Часть

задания Копирайтера)

● Сценарии взаимодействия пользователя и основных элементов страницы

Шаг 3. Контент страницы

Что делаем:● Находим / подбираем /

создаем необходимую информацию

● Пишем тексты (копирайтинг)

● Подбираем фото● Рисуем иллюстрации● Снимаем видео● и тд.

В результате:● Реальный контент

страницы

Шаг 4. Проектирование страницы

Что делаем:● Информационный

дизайн страницы● Навигационный дизайн● Дизайн интерфейса

В результате:● Эскиз страницы с

реальным контентом

+fВtg

C T A

Шаг 5. Рисуем страницу

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

В результате:● Дизайн-макет страницы

Шаг 6. Верстаем страницу

Что делаем:● Выбор платформы для

размещения страницы● Верстка страницы

В результате:● Готовая к работе страница

Шаг 7. QA Тест

Что делаем:● Тестируем страницу

(на подопытных и добровольцах)

В результате:● Устраняем баги

Шаг 8. Установка и настрйока Аналитики

Что делаем:● Устанавливаем и

настраиваем необходимые инструменты веб-аналитики

В результате:● Готовая к запуску страница

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

Always Be Testing

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