17-18 мая прошла конференция по дизайну "DESIN LAB"

1. Дизайн + аналитика =
повышаем конверсию!
Владимир Переверзев
fb.com/ReklamanCom
vk.com/ReklamanCom

2. Кратко обо мне
• В прошлом – прикладной математик,
программист, старший преподаватель
ОНПУ.
• Руководил маркетингом и интернет-
продвижением компаний Luxor Electronics
GmbH, ТехноЮГ, Цитрус.
• Слаб в дизайне. Силен в проектировании,
продвижении, аналитике и продажах.
2

3. Кратко обо мне
• Сообщество интернет-маркетологов Одессы
www.iMarketing-Club.com.
• Студия интернет-маркетинга Reklaman.com.
• Школа интернет-маркетинга ProfitUp.net.
3

4. Продающие сайты
Продающие сайты
Что это?
Какие бывают?
Что продают?
4

5. Продающие сайты
• Первая ассоциация:
Продающие сайты = landing page.
5

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

7. Продающие сайты
• Виды «лендингов»:
– Одностраничник
– Мини-сайт
– Продающий сайт
– Интернет-магазин
– Отдельные страницы внутри ресурсов
– Страницы в социальных сетях
– Директ-письма
– …
7

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

9. 9

10. Продающие сайты
• Примеры целевых действий:
– Заказ в интернет-магазине
– Звонок потенциального клиента
– Заполнение формы/анкеты
– Комментирование статьи
– Публикация статьи в социальных сетях
– Голосование за нужного кандидата
– Скачивание файла
– …
10

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

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

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

14. Конверсия
• Что влияет на конверсию?
– Внешние факторы (трафик, потребность в
продукте, …)
– Внутренние факторы (продукт, его
представление на сайте).
14

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

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

17. Продукт
• Продукт – фигура,
дизайн, оформление – фон.
• «Фон определяет фигуру»
(гештальт-психология).
17

18. 18

19. 19

20. 20

21. Продукт
• Примеры взаимодействия фигуры и фона:
http://bit.ly/gestalt-examples
21

22. Дизайн
• Компоненты продающего сайта:
– Общая структура сайта
– Структура продающих страниц
– Структура элементов страниц
– Контентное наполнение (текст + графика)
– Стилистическое оформление
– Динамика, интерактивность, анимация
– …
22

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

24. Дизайн
«Дизайн продающего сайта – не роскошь,
а средство передвижения к цели»
Ильф и Петров
UDP: Владимир Переверзев
24

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

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

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

28. Метод ёлочки
• Задача: купить ёлочку, нарядить
и порадовать деток.
• Алгоритм решения:
1. Покупаем елку (продукт).
2. Украшаем (дизайн).
3. Слушаем мнения детей (ЦА).
4. Анализируем и дорабатываем
(оптимизация).
28

29. 29

30. 30

31. 31

32. Метод тёлочки
• Задача: девушка ищет поклонников.
• Алгоритм решения:
1. Берем девушку (продукт).
2. Девушка одевается, красится (дизайн).
3. Клуб, дискотека, пляж (ЦА).
4. Корректирует свой стиль (оптимизация).
32

33. 33

34. 34

35. 35

36. Аналитика
• Системы веб-аналитики:
– Google Analytics (Universal и Classic)
– Яндекс.Метрика
– …
• Дополнительные инструменты:
– Google Tag Manager
36

37. Аналитика
• Google Analytics
– Анализ входящего трафика
– Параметры посетителей!
– Анализ переходов по сайту
– Анализ просмотра страниц
– Анализ событий!!
– Анализ целей
– Анализ конверсии!
– Сплит-тестирование!
37

38. Аналитика
• Яндекс.Метрика
– Вебвизор!!
– Карта кликов!
– Карта ссылок
– Карта скроллинга!
– Аналитика форм
– Карта путей по сайту
38

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

40. Аналитика
• Веб-аналитика:
– Точечная (Вебвизор, …)
– Обобщающая (статистическая)
• Точечная – подсказывает,
статистическая – определяет.
40

41. Аналитика
• Веб-аналитика:
– Уровень сайта
– Уровень страниц
– Уровень поведения на странице
41

42. Аналитика + Дизайн
• Шаг 1. Продающий сайт в состоянии А.
• Шаг 2. Настраиваем веб-аналитику
(трафик, события, целевые действия, …).
• Шаг 3. Сбор статистических данных.
• Шаг 4. Анализ, выработка решений
по улучшению дизайна.
• Шаг 5. Продающий сайт в состоянии Б.
Переход на шаг 2.
42

43. Резюме
• Продающие сайты должны продавать
(стимулировать выполнение целевых
действий).
• Фон (дизайн) определяет фигуру (продукт).
• Дизайн – вербальный и невербальный.
• Дизайн напрямую влияет на конверсию.
43

44. Резюме
• Для анализа используем инструменты
Google Analytics, Яндекс.Метрика, Google
Tag Manager.
• Анализируем данные, вырабатываем
гипотезы по улучшению дизайна.
• Двигаемся пошагово (метод ёлочки).
44

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