Как сделать лендинг: базовые правила ux

44
КАК СДЕЛАТЬ ЛЕНДИНГ. БАЗОВЫЕ ПРАВИЛА UX

Post on 16-Apr-2017

61 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: Как сделать лендинг: базовые правила UX

КАК СДЕЛАТЬ ЛЕНДИНГ. БАЗОВЫЕ ПРАВИЛА UX

Page 2: Как сделать лендинг: базовые правила UX

КАК СДЕЛАТЬ ЛЕНДИНГ С НУЛЯ

• Критерии хорошей посадочной страницы

• УТП, акции

• Тестирование УТП

• Правильная форма заявки

• Кейсы

Page 3: Как сделать лендинг: базовые правила UX

ЛЕНДИНГ ―эотстраница захвата, стимулирующая

пользователя совершить нужное нам действие.

ЛЕНДИНГ = ЦЕЛЕВАЯ СТРАНИЦА

Главной задачей таких страниц является превращение

обычного посетителя в покупателя или клиента компании,

побуждение к целевому действию.

Page 4: Как сделать лендинг: базовые правила UX

ЭТО ОЧЕВИДНО,

НО ЭТИ ОШИБКИ ЕЩЕ

ДОПУСКАЮТ

Page 5: Как сделать лендинг: базовые правила UX

ДИЗАЙН И ЮЗАБИЛИТИ

• Шрифты должны быть легко читаемыми

• Дизайн — приятным взгляду

• Логика страницы — однозначной

Page 6: Как сделать лендинг: базовые правила UX

ПРИМЕР ХОРОШЕГО ДИЗАЙНА

www.telecom.kz/idhomevip-karaoke

Page 7: Как сделать лендинг: базовые правила UX

ЭТО ОЧЕВИДНО,НО…Размещайте

контактные данные на

всех страницах

Page 8: Как сделать лендинг: базовые правила UX

КОНТАКТНЫЕ ДАННЫЕ

• Телефон, по которомупользователь может задать любой вопрос, должен быть на каждойстранице сайта

• Привычное место контактов для пользователей —правый верхний угол

Page 9: Как сделать лендинг: базовые правила UX

53%

47%

Онлайн заявки Целевые звонки

ПОСЛЕ ДОБАВЛЕНИЯ ТЕЛЕФОНА НА ЛЕНДИНГ КОЛИЧЕСТВО ЛИДОВ ВЫРОСЛО НА 47% В РК СБЕРБАНК

Page 10: Как сделать лендинг: базовые правила UX

ЭТО ОЧЕВИДНО,НО…Необходимость

регистрации при входе― резко снижает поток

клиентов

Page 11: Как сделать лендинг: базовые правила UX

ЭТО ОЧЕВИДНО, НО…Вам нужна максимально простая форма заказа,

регистрации

Page 12: Как сделать лендинг: базовые правила UX

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

РЕГИСТРАЦИИ

www. promo-post.kz

Page 13: Как сделать лендинг: базовые правила UX

ФОРМЫ

• Форма заказа должна быть максимально простой

• Желательно, не более 2 полей

• Попросите номер телефона, ваши менеджеры узнают все подобности

• Сайт не должен быть квестом,особенно в момент подачи заявки

Page 14: Как сделать лендинг: базовые правила UX

ЭТО — ПРОСТАЯ ФОРМА ЗАКАЗА

Page 15: Как сделать лендинг: базовые правила UX

ПРИМЕРЫ ХОРОШИХ ЛИД-ФОРМ

Page 16: Как сделать лендинг: базовые правила UX

АНАЛИТИКА ФОРМ

Это инструмент Яндекс.Метрики, который наглядно показывает, где пользователи сдаются и бросают

форму, и считает конверсию в

заказы.

Тестируйте формы!

Page 17: Как сделать лендинг: базовые правила UX

СТРУКТУРА ПОСАДОЧНОЙ

СТРАНИЦЫОффер (УТП) содержит

заголовок, подзаголовок,

описание + блок вопросов

(формирование боли

клиента)

Page 18: Как сделать лендинг: базовые правила UX

СТРУКТУРА ПОСАДОЧНОЙ

СТРАНИЦЫ (ВАРИАНТ,

КОТОРЫЙ РАБОТАЕТ)

• Контакты в правом верхнем углу

• Простая форма заявки, заметная на сайте

• В левом верхнем углу опишите свое предложение короткой фразой(«Машины в кредит», «Отдых в Испании»)

Page 19: Как сделать лендинг: базовые правила UX

СТРУКТУРА ПОСАДОЧНОЙ

СТРАНИЦЫ (ВАРИАНТ,

КОТОРЫЙ РАБОТАЕТ)

Центральное место отведите самому предложению (оффер, УТП)

• Тестируйте заголовки

• Не берите картинки из гугла, используйте фотобанки

• Покажите отзывы ваших клиентов

Page 21: Как сделать лендинг: базовые правила UX

КАК СФОРМИРОВАТЬ УТП

Аватар

клиента

УТП* КП

Источники

трафика

Мотив|Потребность | Оффер

* УТП — уникальное торговое предложение, оффер

Page 22: Как сделать лендинг: базовые правила UX

ВОПРОСЫ ДЛЯ ФОРМИРОВАНИЯ УТП

• Что я продаю, какие проблемы решаю?

• Какие характеристики есть у моего товара?

• Чем я отличаюсь от конкурентов?

• Для кого я работаю?

• Что хочет мой клиент? (сегментация: пол, возраст, интересы)

Page 23: Как сделать лендинг: базовые правила UX

СТРУКТУРА ПОСАДОЧНОЙ

СТРАНИЦЫ (ВАРИАНТ,

КОТОРЫЙ РАБОТАЕТ)

Наверху по центру отличное место для наград. Покажите, чем гордится ваша компания:

• Премия Award.kz,

• Место в ТОП-3 отраслевого рейтинга,

• 10000 довольных клиентов и т.п.

• Покажите команду проекта

Page 25: Как сделать лендинг: базовые правила UX

ПРИМЕР СПИСКА КЛИЕНТОВ

Page 27: Как сделать лендинг: базовые правила UX

ПРИМЕР КОМАНДЫ ПРОЕКТА

Page 28: Как сделать лендинг: базовые правила UX

КОГДА ПОКУПАЕТ КЛИЕНТ

Мотивы покупки:

• Комфортно (бесплатная доставка, круглосуточно, «под ключ»)

• Безопасно (гарантии, страховка)

• Бренд (сертификаты, награды, отзывы)

• Экономно (скидки; цена та же, качество выше)

Page 29: Как сделать лендинг: базовые правила UX

НАШИ КЕЙСЫ«Нет фидбека – есть факап!»

Page 30: Как сделать лендинг: базовые правила UX

НАШИ КЕЙСЫForteBank: продвижение кредитов

Page 31: Как сделать лендинг: базовые правила UX

Технология мульти-посадочных страниц

Page 32: Как сделать лендинг: базовые правила UX

Основной скролл

Переходов11 756

Лидов1 865

Конверсия16%

Каналы:

Page 33: Как сделать лендинг: базовые правила UX

Авто-подстановка ключевого слова

Переходов8 369

Лидов1 786

Конверсия21%

Каналы:

Кредит на свадьбу в алматы

Page 34: Как сделать лендинг: базовые правила UX

Скролл “Мужчины”

Переходов5 394

Лидов987

Конверсия18%

Каналы:

Page 35: Как сделать лендинг: базовые правила UX

Скролл “Женщины”

Переходов5 324

Лидов1 102

Конверсия21%

Каналы:

Page 36: Как сделать лендинг: базовые правила UX

Скролл “Бренд”

Переходов11 534

Лидов2 495

Конверсия22%

Каналы:

Page 37: Как сделать лендинг: базовые правила UX

Посадочных страниц

Показов

Переходов

Количество лидов

CPL (с учетом комиссии и НДС)

Результаты рекламной кампании

5

11 166 176

42 377

8 235

Статистика за период 07.03 – 30.04.2016 г.

408 тг 2,7Х

2,7Х

1,9Х

1,7Х

Page 38: Как сделать лендинг: базовые правила UX

НАШИ КЕЙСЫCбербанк: продвижение депозитов

Page 39: Как сделать лендинг: базовые правила UX

Технология мульти-посадочных страниц

Page 40: Как сделать лендинг: базовые правила UX

Увеличение конверсии

На основе данных веб-аналитики, удалось разработать наилучшую комбинацию скроллови увеличить конверсию в лиды

Page 41: Как сделать лендинг: базовые правила UX

Выявление эффективной коммуникации(креативы, текста, баннеры, объявления)

На основе данных веб-аналитики, удалось выявить:Креативы с содержанием техники (смартфоны, планшеты, телевизоры) на 42% эффективнейКреативов с содержанием поездки в РИО.

Page 42: Как сделать лендинг: базовые правила UX

Переходы

Кол-во лидов

CPL

Динамика результатов

6 782

104

1,8%Конверсия

2 415 тг 59%

неделя 1

неделя 2

неделя 3

7 650

237

3,2%

2 265 тг

28 915

827

3,5%

1 443 тг

194%

795%

426%

Page 43: Как сделать лендинг: базовые правила UX

Посадочных страниц

Показов

Переходов

Количество лидов

CPL (с учетом комиссии)

Промежуточные результаты

7

38 695 094

43 347

1 168

Статистика за период 04.04 – 27.04.2016 г.

1 465 343 тгБюджет (в т.ч. комиссия)

1 443 тг

Page 44: Как сделать лендинг: базовые правила UX

ВЫВОДЫ И РЕКОМЕНДАЦИИLanding page должна содержать:

• УТП, сформированное исходя из мотивов и потребностей целевой аудитории, + картинку

• Блок вопросов, отражающих основные боли клиента

• Блок КП, показывающий, каким образом будут решены проблемы клиентов

• Простую и яркую форму заявки, контрастирующую с фоном

Обязательно проводите тестирование.