Проектирование продающего сайта с высокой конверсией
DESCRIPTION
Александр Докучалов, Astra Media Group - разработка структуры сайта с учётом SEO; - важные блоки и их расположение; - подготовка содержимого страниц; - навигация между страницами; - цели и конверсионные тоннели, - результаты исследований: что влияет на конверсию, - кейсы по увеличению конверсии сайтаTRANSCRIPT
![Page 1: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/1.jpg)
СПб: +7 /812/ 241 65 75 www.astramg.ruМск: +7 /495/ 649 62 78
Проектирование продающего сайта с высокой конверсией
Александр Докучалов / Руководитель отдела интернет-маркетинга
![Page 2: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/2.jpg)
Сайт – это место продаж
Как создать эффективный сайт
2 / 37
![Page 3: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/3.jpg)
99% сайтов в России выглядят так
Как создать эффективный сайт
3 / 37
![Page 4: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/4.jpg)
Проектирование
Как создать эффективный сайт
4 / 37
![Page 5: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/5.jpg)
Проектирование
Как создать эффективный сайт
5 / 37
![Page 6: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/6.jpg)
ЭТАПЫ СОЗДАНИЯ САЙТА
![Page 7: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/7.jpg)
Этапы создания сайта
7 / 37
1. Анализ товаров, УТП, брендинга и позиционирования;
2. Анализ и сегментирование целевой аудитории, поиск их мотиваторов;
3. Описание персонажей;
4. Формализация целей;
5. Разработка пользовательских сценариев для персонажей;
6. Изучение и систематизация мирового опыта;
7. Проектирование информационной структуры с учётом SEO;
8. Создание прототипа;
9. Дизайн;
![Page 8: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/8.jpg)
Этапы создания сайта
8 / 37
10. Вёрстка;
11.Программирование;
12.Наполнение контентом;
13.Тестирование и запуск
14.Usability-тестирование и доработка (цикл)
![Page 9: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/9.jpg)
АНАЛИЗ ЦЕЛЕВОЙ АУДИТОРИИ
![Page 10: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/10.jpg)
Анализ целевой аудитории
10 / 37
Анализ статистики
Коммерческие интересы пользователей
Половозрастная структура
![Page 11: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/11.jpg)
Персонажи
Анализ целевой аудитории
11 / 37
• Должен быть конкретным,
• Должен быть воображаемым,
• Описание должно быть подробным, а не идеальным.
• Цели,
• Социальное положение,
• Описание жизненной
ситуации,
• Описание окружения,
• Уровень подготовки,
• Запрос и ожидания.
Характеристики Составляющие
Персона, персонаж – конкретный и специфичный представитель группы пользователей.
Объединяет наиболее характерные для группы представителей целевой аудитории черты личности, среду и задачи в системе в образе конкретного человека.
![Page 12: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/12.jpg)
Анализ целевой аудитории
12 / 37
Игорь Сергеевич работает главным метрологом на старейшем механическом заводе. Санкт-Петербурга уже на протяжении 5 лет. Лучший сотрудник завода, грамотный специалист, обладает широким кругозором, интересуется всем новым. Уверенный пользователь компьютера и интернета.
Задача
Игорь Сергеевич, 38 лет, главный метролог (Москва)
Условия и опасения
На заводе запланирована модернизация производственных линий, и перед Игорем Сергеевичем встала задача: подобрать современные КиП с определенными параметрами для проведения тендера.
•Для подбора КиП с определенными характеристиками Игорь Сергеевич будет пользоваться всевозможными конфигураторами, поиском по параметрам. Возможно, для нового оборудования придется искать производителя КиП, способного разработать нестандартные приборы.
• Цена на данном этапе значения не имеет.•Важно качество продукции, надежность производителя и официального дилера.
Пример персонажа
![Page 13: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/13.jpg)
СЦЕНАРИИ ИСПОЛЬЗОВАНИЯ
![Page 14: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/14.jpg)
Сценарии использования
Сценарии использования
14 / 37
•Что захочет сделать пользователь?
•Зачем он это сделает?
•Какого результата он ожидает?
•Как это ведет к достижению целей бизнеса?
•Какие барьеры ему придется преодолеть?
•Какие стимулы можно для него создать?
![Page 15: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/15.jpg)
Определение сценария
Сценарии использования
15 / 37
• Что пользователь хочет сделать,
• Зачем он это делает,
• Каковы его ожидания.
• Как принимаются решения,
• Какие факторы на них влияют,
• Мотивацию пользователей.
Сценарий – это история:
Сценарии помогают понять:
Сценарий – описание действий, которые совершает пользователь, а также причин этих действий.
• Цели,
• Ожидания,
• Мотивации,
• Действия,
• Реакции пользователя.
Составляющие сценария:
![Page 16: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/16.jpg)
Сценарии использования
16 / 37
1. Знакомство с сайтом
Игорь Сергеевич попадает на главную страницу сайта «Полтраф СНГ» из поисковой системы по запросу «полтраф». Осматривается и убеждается, что попал на нужный сайт, а компания действительно занимается КиП и имеет представительство в Москве. Изучает сертификаты компании.
2. Вовлечение в изучение
Бегло просматривает главную страницу, останавливает свой взгляд на меню, выбирает необходимый раздел каталога и переходит в него.Игорю Сергеевичу справочные статьи, новинки и популярные товары не интересны – у него немного времени и есть четко определенная цель.
3. Поиск решения задачи
Так как наш персонаж заранее знает параметры КиП, его главная цель – подбор по параметрам.С помощью фильтра Игорь Сергеевич отбирает интересующие его позиции, изучает товары.
4. Целевое действие
По заданным параметрам КиП не найдено, поэтому Игорь Сергеевич заполняет форму «Проверить цену и наличие изделий по характеристикам».
Описательный сценарий
![Page 17: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/17.jpg)
ФОРМАЛИЗАЦИЯ ЦЕЛЕЙ
![Page 18: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/18.jpg)
Формализация целей
18 / 37
• Покупка в интернет-магазине (тоннель);
• Звонок по телефону;
• Обращение к онлайн-консультанту,
• Вступление в сообщество в соц. сетях,
• «Заказать звонок»;
• Посещение «Контакты»,
• Регистрация,
• ….
Варианты целей коммерческого сайта
![Page 19: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/19.jpg)
Формализация целей
19 / 37
Все страницы должны приближать к продаже!
![Page 20: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/20.jpg)
РАЗРАБОТКА СТРУКТУРЫ
![Page 21: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/21.jpg)
Разработка структуры сайта
21 / 37
• Подбор прототипа семантического ядра запросов,
![Page 22: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/22.jpg)
Разработка структуры сайта
22 / 37
• Подбор прототипа семантического ядра запросов,
![Page 23: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/23.jpg)
Разработка структуры сайта
23 / 37
• Структура в MindMap:
![Page 24: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/24.jpg)
СКВОЗНЫЕ БЛОКИ
![Page 25: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/25.jpg)
Меню
Сквозные блоки
25 / 37
![Page 26: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/26.jpg)
Отзывы и преимущества
Сквозные блоки
26 / 37
![Page 27: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/27.jpg)
Социальное доказательство
Сквозные блоки
27 / 37
![Page 28: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/28.jpg)
Живой поиск
Сквозные блоки
28 / 37
![Page 29: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/29.jpg)
Адаптация сайта под посетителя
Сквозные блоки
29 / 37
![Page 30: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/30.jpg)
Бонус за контакт
Сквозные блоки
30 / 37
![Page 31: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/31.jpg)
РЕЗУЛЬТАТЫ ИССЛЕДОВАНИЙ
![Page 32: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/32.jpg)
Результаты исследований
32 / 37
• Фотографии высокого качества привлекают больше внимания. Фотографии обычных людей вызывают больше доверия, чем людей модельной внешности:
![Page 33: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/33.jpg)
Результаты исследований
33 / 37
• Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:
![Page 34: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/34.jpg)
Результаты исследований
34 / 37
• Миф про 3 клика:
![Page 35: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/35.jpg)
Результаты исследований
35 / 37
• Лучше всего усваиваются тексты <200 слов:
![Page 36: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/36.jpg)
Результаты исследований
36 / 37
• Длина страницы не влияет на % прокручивания ее до конца:
![Page 37: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/37.jpg)
ПРОТОТИП
![Page 38: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/38.jpg)
Прототип
38 / 37
![Page 39: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/39.jpg)
Прототип
39 / 37
![Page 40: Проектирование продающего сайта с высокой конверсией](https://reader034.vdocuments.pub/reader034/viewer/2022042713/5462405aaf7959fe1b8b4a79/html5/thumbnails/40.jpg)
СПб: +7 /812/ 241 65 75 www.astramg.ruМск: +7 /495/ 649 62 78
Vk /astramg
Fb /astramg
Twi /AstraMediaGroup
СПАСИБО! Вопросы?Александр Докучалов /Руководитель отдела интернет-маркетинга