Проектирование продающего сайта с высокой конверсией Александр Докучалов

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

Как создать эффективный сайт Сайт – это место продаж 2 / 37

Как создать эффективный сайт 99% сайтов в России выглядят так 3 / 37

Как создать эффективный сайт Проектирование 4 / 37

Как создать эффективный сайт Проектирование 5 / 37

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

Этапы создания сайта 1. Анализ товаров, УТП, брендинга и позиционирования; 2. Анализ и сегментирование целевой аудитории, поиск их мотиваторов; 3. Описание персонажей; 4. Формализация целей; 5. Разработка пользовательских сценариев для персонажей; 6. Изучение и систематизация мирового опыта; 7. Проектирование информационной структуры с учётом SEO; 8. Создание прототипа; 9. Дизайн; 7 / 37

Этапы создания сайта 10. Вёрстка; 11. Программирование; 12. Наполнение контентом; 13. Тестирование и запуск 14. Usability-тестирование и доработка (цикл) 8 / 37

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

Анализ целевой аудитории Анализ статистики Коммерческие интересы пользователей Половозрастная структура 10 / 37

Анализ целевой аудитории Персонажи Персона, персонаж – конкретный и специфичный представитель группы пользователей. Объединяет наиболее характерные для группы представителей целевой аудитории черты личности, среду и задачи в системе в образе конкретного человека. Характеристики Составляющие • Должен быть конкретным, • Цели, • Должен быть воображаемым, • Социальное положение, • Описание должно быть подробным, а не идеальным. • Описание жизненной ситуации, • Описание окружения, • Уровень подготовки, • Запрос и ожидания. 11 / 37

Анализ целевой аудитории Пример персонажа Игорь Сергеевич, 38 лет, главный метролог (Москва) Игорь Сергеевич работает главным метрологом на старейшем механическом заводе. Санкт-Петербурга уже на протяжении 5 лет. Лучший сотрудник завода, грамотный специалист, обладает широким кругозором, интересуется всем новым. Уверенный пользователь компьютера и интернета. Задача На заводе запланирована модернизация производственных линий, и перед Игорем Сергеевичем встала задача: подобрать современные Ки. П с определенными параметрами для проведения тендера. Условия и опасения Для подбора Ки. П с определенными характеристиками Игорь Сергеевич будет пользоваться всевозможными конфигураторами, поиском по параметрам. Возможно, для нового оборудования придется искать производителя Ки. П, способного разработать нестандартные приборы. • Цена на данном этапе значения не имеет. • Важно качество продукции, надежность производителя и официального дилера. • 12 / 37

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

Сценарии использования • Что захочет сделать пользователь? • Зачем он это сделает? • Какого результата он ожидает? • Как это ведет к достижению целей бизнеса? • Какие барьеры ему придется преодолеть? • Какие стимулы можно для него создать? 14 / 37

Сценарии использования Определение сценария Сценарий – описание действий, которые совершает пользователь, а также причин этих действий. Сценарий – это история: Составляющие сценария: • Что пользователь хочет сделать, • Цели, • Зачем он это делает, • Ожидания, • Каковы его ожидания. • Мотивации, • Действия, • Реакции пользователя. Сценарии помогают понять: • Как принимаются решения, • Какие факторы на них влияют, • Мотивацию пользователей. 15 / 37

Сценарии использования Описательный сценарий 1. Знакомство с сайтом Игорь Сергеевич попадает на главную страницу сайта «Полтраф СНГ» из поисковой системы по запросу «полтраф» . Осматривается и убеждается, что попал на нужный сайт, а компания действительно занимается Ки. П и имеет представительство в Москве. Изучает сертификаты компании. 2. Вовлечение в изучение Бегло просматривает главную страницу, останавливает свой взгляд на меню, выбирает необходимый раздел каталога и переходит в него. Игорю Сергеевичу справочные статьи, новинки и популярные товары не интересны – у него немного времени и есть четко определенная цель. 3. Поиск решения задачи Так как наш персонаж заранее знает параметры Ки. П, его главная цель – подбор по параметрам. С помощью фильтра Игорь Сергеевич отбирает интересующие его позиции, изучает товары. 4. Целевое действие По заданным параметрам Ки. П не найдено, поэтому Игорь Сергеевич заполняет форму «Проверить цену и наличие изделий по характеристикам» . 16 / 37

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

Формализация целей Варианты целей коммерческого сайта • Покупка в интернет-магазине (тоннель); • Звонок по телефону; • «Заказать звонок» ; • Обращение к онлайн-консультанту, • Посещение «Контакты» , • Вступление в сообщество в соц. сетях, • Регистрация, • …. 18 / 37

Формализация целей Все страницы должны приближать к продаже! 19 / 37

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

Разработка структуры сайта • Подбор прототипа семантического ядра запросов, 21 / 37

Разработка структуры сайта • Подбор прототипа семантического ядра запросов, 22 / 37

Разработка структуры сайта • Структура в Mind. Map: 23 / 37

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

Сквозные блоки Меню 25 / 37

Сквозные блоки Отзывы и преимущества 26 / 37

Сквозные блоки Социальное доказательство 27 / 37

Сквозные блоки Живой поиск 28 / 37

Сквозные блоки Адаптация сайта под посетителя 29 / 37

Сквозные блоки Бонус за контакт 30 / 37

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

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

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

Результаты исследований • Миф про 3 клика: 34 / 37

Результаты исследований • Лучше всего усваиваются тексты <200 слов: 35 / 37

Результаты исследований • Длина страницы не влияет на % прокручивания ее до конца: 36 / 37

ПРОТОТИП

Прототип 38 / 37

Прототип 39 / 37

СПАСИБО! Вопросы? Александр Докучалов / Руководитель отдела интернет-маркетинга Vk /astramg Fb /astramg Twi /Astra. Media. Group СПб: +7 /812/ 241 65 75 Мск: +7 /495/ 649 62 78 www. astramg. ru