49
МОДЕЛЬ РАЗРАБОТКИ LANDING PAGE: МЕТОДИКИ, ПРИЕМЫ И КЕЙСЫ Павел Красавцев Руководитель в агентстве iBrush.ru

Модель разработки Landing Page: методики, приемы и кейсы

  • View
    4.755

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Модель разработки Landing Page: методики, приемы и кейсы

МОДЕЛЬ РАЗРАБОТКИ LANDING PAGE:МЕТОДИКИ, ПРИЕМЫ И КЕЙСЫ

Павел

Красавцев

Руководитель в агентстве iBrush.ru

Page 2: Модель разработки Landing Page: методики, приемы и кейсы

ПАВЕЛ  

КРАСАВЦЕВ

РУКОВОДИТЕЛЬ В АГЕНТСТВЕ IBRUSH.RU

МОДЕЛЬ

РАЗРАБОТКИ

LANDING PAGE:МЕТОДИКИ,

ПРИЕМЫ И КЕЙСЫLANDING PAGES

Нетология Модель разработки Landing Page landing.ibrush.ru

Page 3: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

О ЧЕМ БУДЕМ

ГОВОРИТЬ?

• О каких лендингах пойдет речь

• Немного про лидогенерацию

• Типичные ошибки до и в процессе разработки

• Модель разработки Landing page в iBrush

• Про конверсию и другие метрики

Модель разработки Landing Page landing.ibrush.ru

Page 4: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

РАЗБЕРЕМ ПОНЯТИЯЦелевая страница (англ. «landing page» или «продающая страница») !Используется для усиления эффективности рекламы, увеличения аудитории. Целевая страница обычно содержит информацию о продажах того или иного продукта или услуги, логически продолжая текст поискового запроса, ссылки или объявления. !Главной задачей таких страниц является превращение обычного посетителя в покупателя или клиента компании, побуждение к целевому действию.

Модель разработки Landing Page landing.ibrush.ru

Page 5: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

• Страница приземления рекламного или органического трафика с целью улучшения показателей РК. !

• Одностраничный сайт, нацеленный на продажи товаров или услуг. Быстрый поток заявок.

Модель разработки Landing Page landing.ibrush.ru

РАЗБЕРЕМ ПОНЯТИЯ

Page 6: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Одностраничный сайт, нацеленный на продажи товаров или услуг. Быстрый поток заявок.  

РАЗБЕРЕМ ПОНЯТИЯ

Page 7: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

ЧТО ТАМ У НАС

ПО ПЛАНУ…

Модель разработки Landing Page landing.ibrush.ru

• О каких лендингах пойдет речь

• Немного про лидогенерацию

• Типичные ошибки до и в процессе разработки

• Модель разработки Landing page в iBrush

• Про конверсию и другие метрики

Page 8: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

1000 человек пришли на сайт

Page 9: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

Page 10: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

1 сделка  (конверсия отдела

продаж 20%)

Page 11: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

1 сделка  (конверсия отдела

продаж 20%)

Лендинг(все как надо ☺ )

1000 человек пришли на лендинг

Page 12: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

1 сделка  (конверсия отдела

продаж 20%)

Лендинг(все как надо ☺ )

50 лидов (звонки или заявки)

1000 человек пришли на лендинг

Page 13: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

1 сделка  (конверсия отдела

продаж 20%)

Лендинг(все как надо ☺ )

50 лидов (звонки или заявки)

10 сделок  (конверсия отдела

продаж 20%)

1000 человек пришли на лендинг

Page 14: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Ваш сайт  (скучный и непонятный)

5 лидов (звонки или заявки)

1000 человек пришли на сайт

1 сделка  (конверсия отдела

продаж 20%)

Лендинг(все как надо ☺)

50 лидов (звонки или заявки)

10 сделок  (конверсия отдела

продаж 20%)

1000 человек пришли на лендинг

0,5%  конверсия

5%  конверсия

Page 15: Модель разработки Landing Page: методики, приемы и кейсы

• О каких лендингах пойдет речь

• Немного про лидогенерацию

• Типичные ошибки до и в процессе разработки

• Модель разработки Landing page в iBrush

• Про конверсию и другие метрики

Нетология

ЧТО ТАМ У НАС

ПО ПЛАНУ…

Модель разработки Landing Page landing.ibrush.ru

Page 16: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

КРОШКА СЫН ПРИШЕЛ К ОТЦУ

И СКАЗАЛА КРОХА…

• Цель – касание с клиентом, а не продажа;  

• Нужно минимизировать трение пользователя, а не наоборот;  

• Обязательное прототипирование. (Axure)

• Избегать воды «воды» и общих фраз. Только по существу;  

• Никто не знает наверняка. Все спорные моменты – в A/B тест;  

• Минимум внешних ссылок. Лучше вообще без них.

Модель разработки Landing Page landing.ibrush.ru

Page 17: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

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

Модель разработки Landing Page landing.ibrush.ru

ИСПОЛЬЗУЙ «МОДЕЛЬ НЕИЗБЕЖНЫХ ПРОДАЖ»!

КРОШКА СЫН ПРИШЕЛ К ОТЦУ

И СКАЗАЛА КРОХА…

Page 18: Модель разработки Landing Page: методики, приемы и кейсы

НАПРИМЕР:

Page 19: Модель разработки Landing Page: методики, приемы и кейсы

НАПРИМЕР:

Page 20: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

КРОШКА СЫН ПРИШЕЛ К ОТЦУ

И СКАЗАЛА КРОХА…

Шутка, конечно. Просто сокращайте трение к действию..

ХАЛЯВА — ЭТО ХОРОШО, А БЕЗ

ХАЛЯВЫ ПЛОХО.

Page 21: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

Все предложения, требующие ответственности за

отправленную заявку на следующем шаге:

!• Отправьте заявку на покупку

• Отправьте заявку на заказ

• Забронируйте, и так далее

Модель разработки Landing Page landing.ibrush.ru

ПЛОХИЕ ПРИМЕРЫ

Page 22: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

Первый месяц использования – бесплатно!  

Бета-версия программы – бесплатно!  

Примерка одежды или обуви – бесплатно!

!Первый шаг – всегда бесплатно!  

!

Модель разработки Landing Page landing.ibrush.ru

ХОРОШИЕ ПРИМЕРЫ

Page 23: Модель разработки Landing Page: методики, приемы и кейсы

НАПРИМЕР:

Page 24: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

ПОСПЕШИШЬ – ЛЮДЕЙ

НАСМЕШИШЬ!

НАЧИНАЙ С ПРОТОТИПА

Это плохо:

Модель разработки Landing Page landing.ibrush.ru

1. Придумали идею

2. Изложили дизайнеру  

3. Поняли, что все не так ☹

4. Дизайнер не может вас

понять, обычное дело.

5. Отправили в верстку

6. Поняли, что все не так ☹

А это хорошо:

1. Придумали идею

2. Сделали бумажный прототип

3. Сделали прототип в Axure

4. Протестировали на людях  5. Все ок? Отдали дизайнеру  6. Сверстали, запустили, все ок!

Page 25: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

ПИШИ ПО СУЩЕСТВУ,

ИЗБЕГАЙ ОБЩИХ ФРАЗ И «ВОДЫ»

Модель разработки Landing Page landing.ibrush.ru

У нас качественные материалы

Качество соответствует евро стандарту ISO 457123.13!

Наши двери универсальны

Двери Софья можно ставить в спальню, ванную и на кухню!

Все виды дополнительных услуг

Можем порезать, сварить оцинковать или согнуть любые трубы.

Page 26: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

• Цель – касание с клиентом, а не продажа  

• Нужно минимизировать трение пользователя, а не наоборот  

• Обязательное прототипирование. (Axure)

• Избегать воды «воды» и общих фраз. Только по существу

• Минимум внешних ссылок. Лучше вообще без них.  

• Никто не знает наверняка. Все спорные моменты – в A/B тест

Модель разработки Landing Page landing.ibrush.ru

КРОШКА СЫН ПРИШЕЛ К ОТЦУ

И СКАЗАЛА КРОХА…

Page 27: Модель разработки Landing Page: методики, приемы и кейсы

• О каких лендингах пойдет речь

• Немного про лидогенерацию

• Типичные ошибки до и в процессе разработки

• Модель разработки Landing page в iBrush

• Про конверсию и другие метрики

Нетология

ЧТО ТАМ У НАС

ПО ПЛАНУ…

Модель разработки Landing Page landing.ibrush.ru

Page 28: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

МОДЕЛЬ РАЗРАБОТКИ LP

AIDA (ATTENTION, INTEREST, DESIRE, ACTION)

Attention – привлечение внимания (сильный заголовок)

Interest – стимуляция интереса, фото, 7 причин работать с нами.

Desire – желание, сколько можно заработать, чего можно достичь.

Action – действие, демонстрация клиенту необходимых шагов для достижения желаемого.

Модель разработки Landing Page landing.ibrush.ru

Как выстраивать информацию на странице

Page 29: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Мы в iBrush интерпретируем это проще. При попадании на лендинг пользователь должен оказаться в информационном туннеле, где он будет последовательно получать ответы на свои вопросы: !• Что вы делаете и куда я попал?

• Почему нужно купить?

• Почему у вас?

• Почему сейчас?  

!

МОДЕЛЬ РАЗРАБОТКИ LPКак выстраивать информацию на странице

Page 30: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Со временем появились «стандартные» блоки, которые

можно использовать практически на всех лендингах.

!Вот они:

МОДЕЛЬ РАЗРАБОТКИ LPКак выстраивать информацию на странице

Page 31: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

1. Счетчик обратного отсчета (таймер)

2. Предложение по МНП (модель неизбежных продаж)

3. Форма захвата на первом экране

4. Сквозные точки захвата на всем лендинге

5. Почему мы? УТП, 5 причин работать с нами

6. Как мы работаем, схема работы

7. Описание типов продукта с «захватом»

8. Портфолио, кейсы, и так далее

9. Отзывы (живые люди с фото)

10. Метрики доверия (цифры, достижения)

11. Гарантия результата (конкретно)

12. Указание конкретных сроков

13. Знаменитые логотипы-партнеры

14. Концентрация на проблеме, диалог с

пользователем

15. Описание продукта в деталях

16. О нас, блок доверия с лицом

НАБОР ПРОДАЮЩИХ БЛОКОВСписок не полный, постоянно наполняется ☺

Page 32: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Временной Количественный

СЧЕТЧИК ОБРАТНОГО ОТСЧЕТА

Page 33: Модель разработки Landing Page: методики, приемы и кейсы

ФОРМА ЗАХВАТА НА ПЕРВОМЭКРАНЕ ЛЕНДИНГА

Page 34: Модель разработки Landing Page: методики, приемы и кейсы

СКВОЗНЫЕ ФОРМЫ ЗАХВАТА

Page 35: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

5 ПРИЧИН РАБОТАТЬ С НАМИ

Page 36: Модель разработки Landing Page: методики, приемы и кейсы

СХЕМА РАБОТЫ

Page 37: Модель разработки Landing Page: методики, приемы и кейсы

ТИПЫ ПРОДУКТОВ С ФОРМОЙ

ЗАХВАТА ПОЛЬЗОВАТЕЛЯ

Page 38: Модель разработки Landing Page: методики, приемы и кейсы

КЕЙСЫ И ПОРТФОЛИО ДОЛЖНЫ

ПОВЫШАТЬ ДОВЕРИЯ, А НЕ

ВЫЗЫВАТЬ СОМНЕНИЯ

Page 39: Модель разработки Landing Page: методики, приемы и кейсы

МЕТРИКИ ДОВЕРИЯ. ЧТО ЭТО?

Page 40: Модель разработки Landing Page: методики, приемы и кейсы

ЛОГОТИПЫ ПАРТНЕРОВ

Page 41: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

ДИАЛОГ С ПОЛЬЗОВАТЕЛЕМ

Page 42: Модель разработки Landing Page: методики, приемы и кейсы

ОПИСАНИЕ ПРОДУКТА В

ДЕТАЛЯХ

Page 43: Модель разработки Landing Page: методики, приемы и кейсы

О НАС, БЛОК ДОВЕРИЯ С

ЛИЦОМ

Page 44: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

ЧТО ОБЩЕГО

У ВСЕХ БЛОКОВ?

Модель разработки Landing Page landing.ibrush.ru

Понимание пользователя, что вы – эксперт в своем деле.

Доверие.

Page 45: Модель разработки Landing Page: методики, приемы и кейсы

• О каких лендингах пойдет речь

• Немного про лидогенерацию

• Типичные ошибки до и в процессе разработки

• Модель разработки Landing page в iBrush

• Про конверсию и другие метрики

Нетология

ЧТО ТАМ У НАС

ПО ПЛАНУ…

Модель разработки Landing Page landing.ibrush.ru

Page 46: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

ПРО КОНВЕРСИЮ И ДРУГИЕ

ВАЖНЫЕ ШТУКИ…

Модель разработки Landing Page landing.ibrush.ru

Какой должна быть конверсия? Любой!

Точнее не так. Конечно, чем выше тем лучше. Но зачастую

в погоне за конверсией можно запросто потерять смысл…

Вот вам пример:

Page 47: Модель разработки Landing Page: методики, приемы и кейсы

Нетология

В ПОГОНЕ ЗА КОНВЕРСИЕЙ

Модель разработки Landing Page landing.ibrush.ru

Рекламный бюджет 100 000 рублей

Погоня за конверсией

Дорогой целевой трафик 200 рублей/клик. 500 посетителей!

Трафик целевой? Супер! Значит высокая конверсия 20%

500 посетителей * 20% конверсии Получим 100 лидов! Супер-пупер? Не факт!

Рекламный бюджет 100 000 рублей

Погоня за смыслом

Недорогой околоцелевой трафик 12 рублей/клик. 8333 посетителя!

Трафик околоцелевой, конверсия ниже! Всего 3%

8333 посетителей * 3% конверсии Получим 250 лидов! Разница в 2,5 раза! Вот это супер!

100 лидов, по 1000 руб. за лид

250 лидов, по 400 руб. за лид

Page 48: Модель разработки Landing Page: методики, приемы и кейсы

Нетология Модель разработки Landing Page landing.ibrush.ru

Нужно обязательно считать: !• Стоимость заявки (лид)

• Стоимость звонка (лид)

• Стоимость продажи (сделки)

А конверсию увеличивать только в рамках допустимой стоимости этих показателей. !Размер конверсии зависит не только от лендинга, а от качества и стоимости трафика. Но это уже совсем другая история…

КАКИЕ ВЫВОДЫ?

Page 49: Модель разработки Landing Page: методики, приемы и кейсы

ПАВЕЛ  

КРАСАВЦЕВ

РУКОВОДИТЕЛЬ В АГЕНТСТВЕ IBRUSH.RU

[email protected] !FB.COM/PAVEL.KRASAVTSEV !WWW.IBRUSH.RU !LANDING.IBRUSH.RU

Нетология Модель разработки Landing Page landing.ibrush.ru

СПАСИБО!