Проектирование интернет-магазина с высокой...
Post on 20-May-2015
2.717 Views
Preview:
DESCRIPTION
TRANSCRIPT
Проектирование интернет-магазина с высокой конверсией
Докучалов Александр Викторович
Руководитель отдела Интернет-Маркетинга AstraMediaGroup
Интернет-магазины в РоссииП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Интернет-магазины в РоссииП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Цели не формализованы;
• Не учитываются алгоритмы ПС;
• Не проработаны методы и механики достижения целей;
• Используются шаблонные решения, заточенные под быстрое производство сайтов.
Ближайшее будущееП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
ПроектированиеП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Инженерная работа: принятие решений.
Этап I. Подготовка.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Определение целевой аудитории и мотиваторов;
• Тип выбора: рациональный / эмоциональный.
• Анализ конкурентов,
• Этапы покупки.
Этап II. Формализация целей.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Покупка в интернет-магазине (тоннель);
• Звонок по телефону;
• Онлайн-консультант,
• «Заказ в 1 клик»,
• «Заказать звонок»;
• Посещение «Контакты»,
• Регистрация,
• ….
Этап II. Формализация целей.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Цели различных страниц:
Все страницы должны продавать!
Этап II. Формализация целей.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Цели различных страниц:
Гл• Главная:
• Глобальная навигация;• Спецпредложения по видам ЦА.
• О компании / Контакты:• Побудить на обращение;• Вызвать доверие,• Чтобы поиски компании закончились.
Этап II. Формализация целей.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Цели различных страниц:
Гл• Страница товара/услуги:
• Заказ;• Up-sell / Down-sell;
• Cross-sell;
• Форма заказа:
• Получить данные;• Cross-sell.
• 404:
• Показать самое интересное;• Перевести в режим выбора.
Этап III. Разработка структуры.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Подбор семантического ядра;
• Определение возможных разделов:
• Уровень детализации.
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Тест для подбора;
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Поиск по товарам, сравнение, сортировка;
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Анализ запросов в строке поиска;
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Создание эффекта толпы;
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Живой поиск
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Видео-презентации:
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Сквозные отзывы, преимущества;
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Несколько цен на один товар (комплектации);
Этап IV. Продающие фишки.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Адаптация сайта под посетителя;
• «В прошлый раз вы смотрели»;
• Бонус в обмен на регистрацию:
• Сохранение форм в реальном времени;
• Ограничение возможных действий;
• Допродажа на странице «Спасибо»;
• … более 100 продающих фишек.
Этап V. Проектирование отдельных страниц:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
2. Список страниц.
1. Конверсионные тоннели:Статья -> Товар -> Покупка.
404 -> Каталог -> Выбор -> звонок.
Товар -> Корзина -> Форма -> Спасибо.
Тест -> Решение -> Товар -> Заявка на кредит.
Этап V. Проектирование отдельных страниц:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
3. Список сквозных блоков:
•Ф
• Шапка (логотип, название, преимущества, регалии, телефон, заказ звонка);
• Меню; • Отзывы, преимущества, акции;
• Социальные виджеты;
• Подвал.
Этап V. Проектирование отдельных страниц:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
4. Список блоков для каждой страницы:
•Ф• Фото, видео, 3D-модель;
• Кнопки, формы заказа;
• Отзывы о товаре;
• Ссылки на вспомогательные материалы;
• Характеристики;
• Похожие товары / подходящие услуги.
Карточка товара/услуги:
• Текстовый блок (заголовок, подзаголовок);
Этап V. Проектирование отдельных страниц:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
4. Список блоков для каждой страницы:
•Ф• Форма поиска, подбор по параметрам;
• Результаты подбора (фотографии, характеристики, кнопки заказа);
… – более 30 видов блоков.
5. Первичный прототип и концепция.
Страница раздела:
• Спецпредложения для различной ЦА;
Этап VI. Проектирование навигации:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
«Стандарты»:• Пункты меню одинаковые по смыслу;• Левое меню удобнее для восприятия (категории продукции/услуг на всех стр.);
• Верхнее меню вторично (главная, о компании, контакты);
• Не более 7 пунктов;
• «Хлебные крошки» + URL:
Этап VI. Проектирование навигации:
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
• Ссылки с карточек на разделы:
• На самом видном месте – важнейшие характеристики поиска (wordstat);
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Прочитывается 95% визуально увеличенных вступительных параграфов:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• 69% времени тратится на просмотр левой части сайта, 31% - правой:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Фотографии высокого качества привлекают больше внимания. Фотографии обычных людей вызывают больше доверия, чем людей модельной внешности:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Лица притягивают внимание. Чтобы перевести внимание с лица – направьте взгляд туда, куда требуется:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Забудьте про 3 клика:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Лучше всего усваиваются тексты <200 слов:
Usability-исследованияП
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
• Длина страницы не влияет на % прокручивания ее до конца:
Этап VII. Прототип+дизайн.П
ро
ект
ир
ова
ние
инт
ер
нет-
ма
гази
на с
вы
соко
й
конв
ер
сие
й
Этап VIII. Верстка,программирование.Этап IX. Наполнение контентомЭтап X. Техническоетестирование и запуск
Этап XI (Циклический). Usabilityтестирование, доработка дляповышения конверсии
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ейЗаключение• Если даете много рекламы, но мало продаж – это ошибки проектирования;
• Astra Media Group: проектируем новые сайты и доводим до ума старые;
• Звоните 458-57-78 и назначайте встречу.
• Если мало посетителей с поисковых систем – это ошибки проектирования;
• Средняя стоимость проекта – 75 000 рублей;
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
Вопросы?
Пр
ое
кти
ро
вани
е и
нте
рне
т-м
ага
зина
с в
ысо
кой
ко
нве
рси
ей
Спасибо за внимание!
Если остались вопросы, пишите в Astra Media Group:
office@astramg.ru
top related