Проектирование интернет-магазина с высокой конверсией

3,176 views

Published on

www.astramg.ru

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,176
On SlideShare
0
From Embeds
0
Number of Embeds
526
Actions
Shares
0
Downloads
56
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Проектирование интернет-магазина с высокой конверсией

  1. 1. Проектированиеинтернет-магазина свысокой конверсиейДокучалов Александр ВикторовичРуководитель отдела Интернет-Маркетинга AstraMediaGroup
  2. 2. Проектирование интернет-магазина с высокойконверсией Интернет-магазины в России
  3. 3. Интернет-магазины в России • Цели не формализованы; • Не проработаны методы и механикиПроектирование интернет-магазина с высокой достижения целей; • Не учитываются алгоритмы ПС; • Используются шаблонные решения, заточенные под быстрое производство сайтов.конверсией
  4. 4. Проектирование интернет-магазина с высокойконверсией Ближайшее будущее
  5. 5. Проектирование интернет-магазина с высокой конверсией ПроектированиеИнженерная работа: принятие решений.
  6. 6. Этап I. Подготовка. • Определение целевой аудитории и мотиваторов; • Анализ конкурентов,Проектирование интернет-магазина с высокой • Тип выбора: рациональный / эмоциональный. • Этапы покупки.конверсией
  7. 7. Этап II. Формализация целей. • Покупка в интернет-магазине (тоннель); • Звонок по телефону; • «Заказать звонок»; • Онлайн-консультант,Проектирование интернет-магазина с высокой • Посещение «Контакты», • «Заказ в 1 клик», • Регистрация, • ….конверсией
  8. 8. Этап II. Формализация целей. Цели различных страниц: Все страницы должны продавать!Проектирование интернет-магазина с высокойконверсией
  9. 9. Этап II. Формализация целей. Цели различных страниц: • Главная: Гл • Глобальная навигация; • Спецпредложения по видам ЦА.Проектирование интернет-магазина с высокой • О компании / Контакты: • Побудить на обращение; • Вызвать доверие, • Чтобы поиски компании закончились.конверсией
  10. 10. Этап II. Формализация целей. Цели различных страниц: • Страница товара/услуги: Гл • Заказ; • Up-sell / Down-sell;Проектирование интернет-магазина с высокой • Cross-sell; • Форма заказа: • Получить данные; • Cross-sell. • 404:конверсией • Показать самое интересное; • Перевести в режим выбора.
  11. 11. Этап III. Разработка структуры. • Подбор семантического ядра; • Определение возможных разделов: • Уровень детализации.Проектирование интернет-магазина с высокойконверсией
  12. 12. Проектирование интернет-магазина с высокойконверсией • Тест для подбора; Этап IV. Продающие фишки.
  13. 13. Этап IV. Продающие фишки. • Поиск по товарам, сравнение, сортировка;Проектирование интернет-магазина с высокойконверсией
  14. 14. Этап IV. Продающие фишки. • Анализ запросов в строке поиска;Проектирование интернет-магазина с высокойконверсией
  15. 15. Проектирование интернет-магазина с высокойконверсией • Создание эффекта толпы; Этап IV. Продающие фишки.
  16. 16. Проектирование интернет-магазина с высокойконверсией • Живой поиск Этап IV. Продающие фишки.
  17. 17. Проектирование интернет-магазина с высокойконверсией • Видео-презентации: Этап IV. Продающие фишки.
  18. 18. Этап IV. Продающие фишки. • Сквозные отзывы, преимущества;Проектирование интернет-магазина с высокойконверсией
  19. 19. Этап IV. Продающие фишки. • Несколько цен на один товар (комплектации);Проектирование интернет-магазина с высокойконверсией
  20. 20. Этап IV. Продающие фишки. • Адаптация сайта под посетителя; • «В прошлый раз вы смотрели»; • Бонус в обмен на регистрацию:Проектирование интернет-магазина с высокой • Сохранение форм в реальном времени; • Ограничение возможных действий; • Допродажа на странице «Спасибо»;конверсией • … более 100 продающих фишек.
  21. 21. Этап V. Проектирование отдельных страниц: 1. Конверсионные тоннели: Статья -> Товар -> Покупка. 404 -> Каталог -> Выбор -> звонок.Проектирование интернет-магазина с высокой Товар -> Корзина -> Форма -> Спасибо. Тест -> Решение -> Товар -> Заявка на кредит. 2. Список страниц.конверсией
  22. 22. Этап V. Проектирование отдельных страниц: 3. Список сквозных блоков: • Шапка (логотип, название, преимущества, регалии, телефон, заказ звонка); •Ф • Меню;Проектирование интернет-магазина с высокой • Отзывы, преимущества, акции; • Социальные виджеты; • Подвал.конверсией
  23. 23. Этап V. Проектирование отдельных страниц: 4. Список блоков для каждой страницы: Карточка товара/услуги: • Текстовый блок (заголовок, подзаголовок); •Ф • Фото, видео, 3D-модель;Проектирование интернет-магазина с высокой • Кнопки, формы заказа; • Отзывы о товаре; • Характеристики; • Ссылки на вспомогательные материалы; • Похожие товары / подходящие услуги.конверсией
  24. 24. Этап V. Проектирование отдельных страниц: 4. Список блоков для каждой страницы: Страница раздела: • Спецпредложения для различной ЦА; •Ф • Форма поиска, подбор по параметрам;Проектирование интернет-магазина с высокой • Результаты подбора (фотографии, характеристики, кнопки заказа); … – более 30 видов блоков.конверсией 5. Первичный прототип и концепция.
  25. 25. Этап VI. Проектирование навигации: «Стандарты»: • Пункты меню одинаковые по смыслу; • Левое меню удобнее для восприятияПроектирование интернет-магазина с высокой (категории продукции/услуг на всех стр.); • Верхнее меню вторично (главная, о компании, контакты); • Не более 7 пунктов; • «Хлебные крошки» + URL:конверсией
  26. 26. Этап VI. Проектирование навигации: • Ссылки с карточек на разделы: • На самом видном месте – важнейшие характеристикиПроектирование интернет-магазина с высокой поиска (wordstat);конверсией
  27. 27. Проектирование интернет-магазина с высокойконверсией Usability-исследования
  28. 28. Проектирование интернет-магазина с высокойконверсией Usability-исследования
  29. 29. Проектирование интернет-магазина с высокойконверсией Usability-исследования
  30. 30. Usability-исследования • Прочитывается 95% визуально увеличенных вступительных параграфов:Проектирование интернет-магазина с высокойконверсией
  31. 31. Usability-исследования • 69% времени тратится на просмотр левой части сайта, 31% - правой:Проектирование интернет-магазина с высокойконверсией
  32. 32. Usability-исследования • Фотографии высокого качества привлекают больше внимания. Фотографии обычных людей вызывают больше доверия, чем людей модельной внешности:Проектирование интернет-магазина с высокойконверсией
  33. 33. Usability-исследования • Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:Проектирование интернет-магазина с высокойконверсией
  34. 34. Usability-исследования • Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:Проектирование интернет-магазина с высокойконверсией
  35. 35. Проектирование интернет-магазина с высокойконверсией • Забудьте про 3 клика: Usability-исследования
  36. 36. Usability-исследования • Лучше всего усваиваются тексты <200 слов:Проектирование интернет-магазина с высокойконверсией
  37. 37. Usability-исследования • Длина страницы не влияет на % прокручивания ее до конца:Проектирование интернет-магазина с высокойконверсией
  38. 38. Этап VII. Прототип+дизайн. Этап VIII. Верстка, программирование. Этап IX. Наполнение контентом Этап X. ТехническоеПроектирование интернет-магазина с высокой тестирование и запуск Этап XI (Циклический). Usability тестирование, доработка для повышения конверсииконверсией
  39. 39. Заключение • Если даете много рекламы, но мало продаж – это ошибки проектирования; • Если мало посетителей с поисковых систем – это ошибки проектирования;Проектирование интернет-магазина с высокой • Astra Media Group: проектируем новые сайты и доводим до ума старые; • Средняя стоимость проекта – 75 000 рублей; • Звоните 458-57-78 и назначайте встречу.конверсией
  40. 40. Проектирование интернет-магазина с высокойконверсией Вопросы?
  41. 41. Спасибо за внимание!Проектирование интернет-магазина с высокой Если остались вопросы, пишите в Astra Media Group: office@astramg.ruконверсией

×