40
СПб: +7 /812/ 241 65 75 www.astramg.ru Мск: +7 /495/ 649 62 78 Проектирование продающего сайта с высокой конверсией Александр Докучалов / Руководитель отдела интернет-маркетинга

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

Embed Size (px)

DESCRIPTION

Александр Докучалов, Astra Media Group - разработка структуры сайта с учётом SEO; - важные блоки и их расположение; - подготовка содержимого страниц; - навигация между страницами; - цели и конверсионные тоннели, - результаты исследований: что влияет на конверсию, - кейсы по увеличению конверсии сайта

Citation preview

Page 1: Проектирование продающего сайта с высокой конверсией

СПб: +7 /812/ 241 65 75 www.astramg.ruМск: +7 /495/ 649 62 78

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

Александр Докучалов / Руководитель отдела интернет-маркетинга

Page 2: Проектирование продающего сайта с высокой конверсией

Сайт – это место продаж

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

2 / 37

Page 3: Проектирование продающего сайта с высокой конверсией

99% сайтов в России выглядят так

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

3 / 37

Page 4: Проектирование продающего сайта с высокой конверсией

Проектирование

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

4 / 37

Page 5: Проектирование продающего сайта с высокой конверсией

Проектирование

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

5 / 37

Page 6: Проектирование продающего сайта с высокой конверсией

ЭТАПЫ СОЗДАНИЯ САЙТА

Page 7: Проектирование продающего сайта с высокой конверсией

Этапы создания сайта

7 / 37

1. Анализ товаров, УТП, брендинга и позиционирования;

2. Анализ и сегментирование целевой аудитории, поиск их мотиваторов;

3. Описание персонажей;

4. Формализация целей;

5. Разработка пользовательских сценариев для персонажей;

6. Изучение и систематизация мирового опыта;

7. Проектирование информационной структуры с учётом SEO;

8. Создание прототипа;

9. Дизайн;

Page 8: Проектирование продающего сайта с высокой конверсией

Этапы создания сайта

8 / 37

10. Вёрстка;

11.Программирование;

12.Наполнение контентом;

13.Тестирование и запуск

14.Usability-тестирование и доработка (цикл)

Page 9: Проектирование продающего сайта с высокой конверсией

АНАЛИЗ ЦЕЛЕВОЙ АУДИТОРИИ

Page 10: Проектирование продающего сайта с высокой конверсией

Анализ целевой аудитории

10 / 37

Анализ статистики

Коммерческие интересы пользователей

Половозрастная структура

Page 11: Проектирование продающего сайта с высокой конверсией

Персонажи

Анализ целевой аудитории

11 / 37

• Должен быть конкретным,

• Должен быть воображаемым,

• Описание должно быть подробным, а не идеальным.

• Цели,

• Социальное положение,

• Описание жизненной

ситуации,

• Описание окружения,

• Уровень подготовки,

• Запрос и ожидания.

Характеристики Составляющие

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

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

Page 12: Проектирование продающего сайта с высокой конверсией

Анализ целевой аудитории

12 / 37

Игорь Сергеевич работает главным метрологом на старейшем механическом заводе. Санкт-Петербурга уже на протяжении 5 лет. Лучший сотрудник завода, грамотный специалист, обладает широким кругозором, интересуется всем новым. Уверенный пользователь компьютера и интернета.

Задача

Игорь Сергеевич, 38 лет, главный метролог (Москва)

Условия и опасения

На заводе запланирована модернизация производственных линий, и перед Игорем Сергеевичем встала задача: подобрать современные КиП с определенными параметрами для проведения тендера.

•Для подбора КиП с определенными характеристиками Игорь Сергеевич будет пользоваться всевозможными конфигураторами, поиском по параметрам. Возможно, для нового оборудования придется искать производителя КиП, способного разработать нестандартные приборы.

• Цена на данном этапе значения не имеет.•Важно качество продукции, надежность производителя и официального дилера.

Пример персонажа

Page 13: Проектирование продающего сайта с высокой конверсией

СЦЕНАРИИ ИСПОЛЬЗОВАНИЯ

Page 14: Проектирование продающего сайта с высокой конверсией

Сценарии использования

Сценарии использования

14 / 37

•Что захочет сделать пользователь?

•Зачем он это сделает?

•Какого результата он ожидает?

•Как это ведет к достижению целей бизнеса?

•Какие барьеры ему придется преодолеть?

•Какие стимулы можно для него создать?

Page 15: Проектирование продающего сайта с высокой конверсией

Определение сценария

Сценарии использования

15 / 37

• Что пользователь хочет сделать,

• Зачем он это делает,

• Каковы его ожидания.

• Как принимаются решения,

• Какие факторы на них влияют,

• Мотивацию пользователей.

Сценарий – это история:

Сценарии помогают понять:

Сценарий – описание действий, которые совершает пользователь, а также причин этих действий.

• Цели,

• Ожидания,

• Мотивации,

• Действия,

• Реакции пользователя.

Составляющие сценария:

Page 16: Проектирование продающего сайта с высокой конверсией

Сценарии использования

16 / 37

1. Знакомство с сайтом

Игорь Сергеевич попадает на главную страницу сайта «Полтраф СНГ» из поисковой системы по запросу «полтраф». Осматривается и убеждается, что попал на нужный сайт, а компания действительно занимается КиП и имеет представительство в Москве. Изучает сертификаты компании.

2. Вовлечение в изучение

Бегло просматривает главную страницу, останавливает свой взгляд на меню, выбирает необходимый раздел каталога и переходит в него.Игорю Сергеевичу справочные статьи, новинки и популярные товары не интересны – у него немного времени и есть четко определенная цель.

3. Поиск решения задачи

Так как наш персонаж заранее знает параметры КиП, его главная цель – подбор по параметрам.С помощью фильтра Игорь Сергеевич отбирает интересующие его позиции, изучает товары.

4. Целевое действие

По заданным параметрам КиП не найдено, поэтому Игорь Сергеевич заполняет форму «Проверить цену и наличие изделий по характеристикам».

Описательный сценарий

Page 17: Проектирование продающего сайта с высокой конверсией

ФОРМАЛИЗАЦИЯ ЦЕЛЕЙ

Page 18: Проектирование продающего сайта с высокой конверсией

Формализация целей

18 / 37

• Покупка в интернет-магазине (тоннель);

• Звонок по телефону;

• Обращение к онлайн-консультанту,

• Вступление в сообщество в соц. сетях,

• «Заказать звонок»;

• Посещение «Контакты»,

• Регистрация,

• ….

Варианты целей коммерческого сайта

Page 19: Проектирование продающего сайта с высокой конверсией

Формализация целей

19 / 37

Все страницы должны приближать к продаже!

Page 20: Проектирование продающего сайта с высокой конверсией

РАЗРАБОТКА СТРУКТУРЫ

Page 21: Проектирование продающего сайта с высокой конверсией

Разработка структуры сайта

21 / 37

• Подбор прототипа семантического ядра запросов,

Page 22: Проектирование продающего сайта с высокой конверсией

Разработка структуры сайта

22 / 37

• Подбор прототипа семантического ядра запросов,

Page 23: Проектирование продающего сайта с высокой конверсией

Разработка структуры сайта

23 / 37

• Структура в MindMap:

Page 24: Проектирование продающего сайта с высокой конверсией

СКВОЗНЫЕ БЛОКИ

Page 25: Проектирование продающего сайта с высокой конверсией

Меню

Сквозные блоки

25 / 37

Page 26: Проектирование продающего сайта с высокой конверсией

Отзывы и преимущества

Сквозные блоки

26 / 37

Page 27: Проектирование продающего сайта с высокой конверсией

Социальное доказательство

Сквозные блоки

27 / 37

Page 28: Проектирование продающего сайта с высокой конверсией

Живой поиск

Сквозные блоки

28 / 37

Page 29: Проектирование продающего сайта с высокой конверсией

Адаптация сайта под посетителя

Сквозные блоки

29 / 37

Page 30: Проектирование продающего сайта с высокой конверсией

Бонус за контакт

Сквозные блоки

30 / 37

Page 31: Проектирование продающего сайта с высокой конверсией

РЕЗУЛЬТАТЫ ИССЛЕДОВАНИЙ

Page 32: Проектирование продающего сайта с высокой конверсией

Результаты исследований

32 / 37

• Фотографии высокого качества привлекают больше внимания. Фотографии обычных людей вызывают больше доверия, чем людей модельной внешности:

Page 33: Проектирование продающего сайта с высокой конверсией

Результаты исследований

33 / 37

• Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:

Page 34: Проектирование продающего сайта с высокой конверсией

Результаты исследований

34 / 37

• Миф про 3 клика:

Page 35: Проектирование продающего сайта с высокой конверсией

Результаты исследований

35 / 37

• Лучше всего усваиваются тексты <200 слов:

Page 36: Проектирование продающего сайта с высокой конверсией

Результаты исследований

36 / 37

• Длина страницы не влияет на % прокручивания ее до конца:

Page 37: Проектирование продающего сайта с высокой конверсией

ПРОТОТИП

Page 38: Проектирование продающего сайта с высокой конверсией

Прототип

38 / 37

Page 39: Проектирование продающего сайта с высокой конверсией

Прототип

39 / 37

Page 40: Проектирование продающего сайта с высокой конверсией

СПб: +7 /812/ 241 65 75 www.astramg.ruМск: +7 /495/ 649 62 78

Vk /astramg

Fb /astramg

Twi /AstraMediaGroup

СПАСИБО! Вопросы?Александр Докучалов /Руководитель отдела интернет-маркетинга