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

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

Докучалов Александр Викторович

Руководитель отдела Интернет-Маркетинга AstraMediaGroup

Интернет-магазины в РоссииП

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

Интернет-магазины в РоссииП

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Цели не формализованы;

• Не учитываются алгоритмы ПС;

• Не проработаны методы и механики достижения целей;

• Используются шаблонные решения, заточенные под быстрое производство сайтов.

Ближайшее будущееП

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

Инженерная работа: принятие решений.

Этап I. Подготовка.П

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Определение целевой аудитории и мотиваторов;

• Тип выбора: рациональный / эмоциональный.

• Анализ конкурентов,

• Этапы покупки.

Этап II. Формализация целей.П

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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

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

• Онлайн-консультант,

• «Заказ в 1 клик»,

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

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

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

• ….


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

Цели различных страниц:

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


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й


Гл• Главная:

• Глобальная навигация;• Спецпредложения по видам ЦА.

• О компании / Контакты:• Побудить на обращение;• Вызвать доверие,• Чтобы поиски компании закончились.


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й


Гл• Страница товара/услуги:

• Заказ;• Up-sell / Down-sell;

• Cross-sell;

• Форма заказа:

• Получить данные;• Cross-sell.

• 404:

• Показать самое интересное;• Перевести в режим выбора.

Этап III. Разработка структуры.П

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Подбор семантического ядра;

• Определение возможных разделов:

• Уровень детализации.

Этап IV. Продающие фишки.П

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Тест для подбора;


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Поиск по товарам, сравнение, сортировка;


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Анализ запросов в строке поиска;


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Создание эффекта толпы;


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Живой поиск


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Видео-презентации:


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Сквозные отзывы, преимущества;


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Несколько цен на один товар (комплектации);


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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

• «В прошлый раз вы смотрели»;

• Бонус в обмен на регистрацию:

• Сохранение форм в реальном времени;

• Ограничение возможных действий;

• Допродажа на странице «Спасибо»;

• … более 100 продающих фишек.

Этап V. Проектирование отдельных страниц:

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

2. Список страниц.

1. Конверсионные тоннели:Статья -> Товар -> Покупка.

404 -> Каталог -> Выбор -> звонок.

Товар -> Корзина -> Форма -> Спасибо.

Тест -> Решение -> Товар -> Заявка на кредит.


Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

3. Список сквозных блоков:

•Ф

• Шапка (логотип, название, преимущества, регалии, телефон, заказ звонка);

• Меню; • Отзывы, преимущества, акции;

• Социальные виджеты;

• Подвал.


Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

4. Список блоков для каждой страницы:

•Ф• Фото, видео, 3D-модель;

• Кнопки, формы заказа;

• Отзывы о товаре;

• Ссылки на вспомогательные материалы;

• Характеристики;

• Похожие товары / подходящие услуги.

Карточка товара/услуги:

• Текстовый блок (заголовок, подзаголовок);


Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

4. Список блоков для каждой страницы:

•Ф• Форма поиска, подбор по параметрам;

• Результаты подбора (фотографии, характеристики, кнопки заказа);

… – более 30 видов блоков.

5. Первичный прототип и концепция.

Страница раздела:

• Спецпредложения для различной ЦА;

Этап VI. Проектирование навигации:

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

«Стандарты»:• Пункты меню одинаковые по смыслу;• Левое меню удобнее для восприятия (категории продукции/услуг на всех стр.);

• Верхнее меню вторично (главная, о компании, контакты);

• Не более 7 пунктов;

• «Хлебные крошки» + URL:

Этап VI. Проектирование навигации:

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

• Ссылки с карточек на разделы:

• На самом видном месте – важнейшие характеристики поиска (wordstat);

Usability-исследованияП

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Прочитывается 95% визуально увеличенных вступительных параграфов:


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• 69% времени тратится на просмотр левой части сайта, 31% - правой:


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

• Забудьте про 3 клика:


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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


ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

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

Этап VII. Прототип+дизайн.П

ро

ект

ир

ова

ние

инт

ер

нет-

ма

гази

на с

вы

соко

й

конв

ер

сие

й

Этап VIII. Верстка,программирование.Этап IX. Наполнение контентомЭтап X. Техническоетестирование и запуск

Этап XI (Циклический). Usabilityтестирование, доработка дляповышения конверсии

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ейЗаключение• Если даете много рекламы, но мало продаж – это ошибки проектирования;

• Astra Media Group: проектируем новые сайты и доводим до ума старые;

• Звоните 458-57-78 и назначайте встречу.

• Если мало посетителей с поисковых систем – это ошибки проектирования;

• Средняя стоимость проекта – 75 000 рублей;

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

Вопросы?

Пр

ое

кти

ро

вани

е и

нте

рне

т-м

ага

зина

с в

ысо

кой

ко

нве

рси

ей

Спасибо за внимание!

Если остались вопросы, пишите в Astra Media Group:

[email protected]

Documents

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