Дизайн + аналитика = повышаем конверсию!

Владимир Переверзев

fb.com/ReklamanCom

vk.com/ReklamanCom

Кратко обо мне

• В прошлом – прикладной математик, программист, старший преподавательОНПУ.

• Руководил маркетингом и интернет-продвижением компаний Luxor Electronics GmbH, ТехноЮГ, Цитрус.

• Слаб в дизайне. Силен в проектировании, продвижении, аналитике и продажах.

2

Кратко обо мне

• Сообщество интернет-маркетологов Одессы www.iMarketing-Club.com.

• Студия интернет-маркетинга Reklaman.com.

• Школа интернет-маркетинга ProfitUp.net.

3

Продающие сайты

Продающие сайты

Что это?

Какие бывают?

Что продают?

4

Продающие сайты

• Первая ассоциация:

Продающие сайты = landing page.

5

Продающие сайты

«Не все йогурты лендингиодинаково полезны»

6

Продающие сайты

• Виды «лендингов»:– Одностраничник

– Мини-сайт

– Продающий сайт

– Интернет-магазин

– Отдельные страницы внутри ресурсов

– Страницы в социальных сетях

– Директ-письма

– …

7

Продающие сайты

• Продающий сайт – любой веб-ресурс, стимулирующий пользователей выполнять целевые действия.

8

9

Продающие сайты

• Примеры целевых действий:– Заказ в интернет-магазине

– Звонок потенциального клиента

– Заполнение формы/анкеты

– Комментирование статьи

– Публикация статьи в социальных сетях

– Голосование за нужного кандидата

– Скачивание файла

– …

10

Продающие сайты

• Главные «кипиай» продающих сайтов– ROI и конверсия.

11

Конверсия

• Коэффициент конверсии – отношение количества выполнивших целевое действие к общему количествупосетителей сайта.

12

Конверсия

• ROI интернет-продвижения (или ROMI) –зависит от эффективности внешнего продвижения и коэффициента конверсии продающего сайта.

• Ключ к успеху – повышение конверсии.

13

Конверсия

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

– Внешние факторы (трафик, потребность в продукте, …)

– Внутренние факторы (продукт, его представление на сайте).

14

Продукт

• Продукт = товар/услуга + сервис + цена + доставка + гарантия + репутация компании + дополнительные услуги + …

15

Продукт

• Представление продукта на продающем сайте = контент (информация о продукте) + оформление (дизайн, интерактивность).

16

Продукт

• Продукт – фигура, дизайн, оформление – фон.

• «Фон определяет фигуру»(гештальт-психология).

17

18

19

20

Продукт

• Примеры взаимодействия фигуры и фона:

http://bit.ly/gestalt-examples

21

Дизайн

• Компоненты продающего сайта:

– Общая структура сайта

– Структура продающих страниц

– Структура элементов страниц

– Контентное наполнение (текст + графика)

– Стилистическое оформление

– Динамика, интерактивность, анимация

– …

22

Дизайн

• Дизайн продающего сайта – группа факторов, влияющих на конверсию, напрямую не относящаяся к продукту.

• Конверсия зависит в том числе и от дизайна продающего сайта.

23

Дизайн

«Дизайн продающего сайта – не роскошь,а средство передвижения к цели»

Ильф и ПетровUDP: Владимир Переверзев

24

Дизайн

• Дизайн продающих страниц– вербальный и невербальный.

25

Дизайн

• Вербальный дизайн – часть вербальной коммуникации с пользователем, относящаяся к дизайну (структуре, графике, анимации).

• Невербальный дизайн – невербальная коммуникация, передавая с помощью дизайна.

26

Метод ёлочки

• Дизайн продающего сайта – не икона стиля, его нужно периодически дорабатывать, оптимизировать.

• Цель – максимум конверсий.

27

Метод ёлочки

• Задача: купить ёлочку, нарядитьи порадовать деток.

• Алгоритм решения:1. Покупаем елку (продукт).

2. Украшаем (дизайн).

3. Слушаем мнения детей (ЦА).

4. Анализируем и дорабатываем (оптимизация).

28

29

30

31

Метод тёлочки

• Задача: девушка ищет поклонников.

• Алгоритм решения:

1. Берем девушку (продукт).

2. Девушка одевается, красится (дизайн).

3. Клуб, дискотека, пляж (ЦА).

4. Корректирует свой стиль (оптимизация).

32

33

34

35

Аналитика

• Системы веб-аналитики:

– Google Analytics (Universal и Classic)

– Яндекс.Метрика

– …

• Дополнительные инструменты:

– Google Tag Manager

36

Аналитика

• Google Analytics– Анализ входящего трафика

– Параметры посетителей!

– Анализ переходов по сайту

– Анализ просмотра страниц

– Анализ событий!!

– Анализ целей

– Анализ конверсии!

– Сплит-тестирование!

37

Аналитика

• Яндекс.Метрика

– Вебвизор!!

– Карта кликов!

– Карта ссылок

– Карта скроллинга!

– Аналитика форм

– Карта путей по сайту

38

Аналитика

• Google Tag Manager (GTM) – система управления «тегами» без внесения изменений в код сайта.

• Теги GTM – блоки кода для отслеживания различных событий.

39

Аналитика

• Веб-аналитика:

– Точечная (Вебвизор, …)

– Обобщающая (статистическая)

• Точечная – подсказывает,статистическая – определяет.

40

Аналитика

• Веб-аналитика:

– Уровень сайта

– Уровень страниц

– Уровень поведения на странице

41

Аналитика + Дизайн

• Шаг 1. Продающий сайт в состоянии А.

• Шаг 2. Настраиваем веб-аналитику(трафик, события, целевые действия, …).

• Шаг 3. Сбор статистических данных.

• Шаг 4. Анализ, выработка решенийпо улучшению дизайна.

• Шаг 5. Продающий сайт в состоянии Б. Переход на шаг 2.

42

Резюме

• Продающие сайты должны продавать (стимулировать выполнение целевых действий).

• Фон (дизайн) определяет фигуру (продукт).

• Дизайн – вербальный и невербальный.

• Дизайн напрямую влияет на конверсию.

43

Резюме

• Для анализа используем инструменты Google Analytics, Яндекс.Метрика, Google Tag Manager.

• Анализируем данные, вырабатываем гипотезы по улучшению дизайна.

• Двигаемся пошагово (метод ёлочки).

44

Благодарю за внимание!Пожалуйста, Ваши вопросы.

Владимир Переверзев

fb.com/ReklamanComvk.com/ReklamanCom

45