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

Ключевые показатели эффективности работы интернет-магазина
1. Посещаемость
2. Конверсия
3. Средний чек
4. Средняя маржа
5. Стоимость привлечения посетителя
6. Стоимость привлечения покупателя
7. Среднее количество просмотренных страниц
8. Средняя продолжительность посещения
9. Повторные посещения
10. Повторные покупки
11. Постоянные клиенты (3+ покупок)
12. Показатель отказов
13. Средний месячный прирост посетителей
14. Средний месячный прирост покупателей
15. Среднее количество шагов к покупке
Прибыль/Доход*100 = Маржа
Посещаемость / Количество_достигших_цели*100 = Конверсия

Карта идей по функционалу
Основа для построения интерфейсов

Структура сайта
Каталог и вспомогательные разделы смешивать нельзя!!!!!
Каталог всегда уникальный (имеет несколько уровней).
Вспомогательные разделы в разных магазинах могут немного отличаться.
В футер

Каталог товаров
Через каталог товаров проходит большинство пользователей, прежде чем принять решение о покупке.
Правила:
Больше 3 уровней для каталога не стоит делать
Необходимо группировать товары (Как? Этот ответ нужно получить от заказчика….)
Товарные группы должны иметь простые названия!
Не забываем про динамические группы (группы, которые появляются и исчезают в течение года: например, к праздникам)
Удобно встраиваем их в интерфейс

Каталог товаров в интерфейсе
Горизонтальное меню – если каталог товаров не превышает 7 разделов
Вертикальное меню – можно использовать при любом количестве разделов
Любое меню делаем выпадающим ( в идеале двухуровневое, в редких случаях трехуровневое). Пользователь должен видеть «раскрываемость» меню (добавить пиктограмму)

Навигация
Элемент «Хлебные крошки» - пользователь видит где он находится, и какая структура предшествовала на сайте до этой страницы

Карточка товара
Что показывать в карточке товара ?
НЕ ПЕРЕГРУЖАТЬ!!!!!
Фотография
Название,
Цена
Кнопка «Купить» (заменяется на кнопку «Сообщить о наличие», если товара нет на складе)
Дополнительные элементы: рейтинг, количество отзывов, основные параметры товара, предлагается сравнить товар, добавить в желания, а также может быть специальное выделение акционных товаров или новинок.
hover-эффект

Демонстрация товаров
Требования к фото-материалам:
Количество около 10шт.
Высокое качество и разрешение
Возможность просмотреть фотографию в большом разрешении.
Наличие заглушки, которая информирует пользователя, в случае, если фотографии пока нет.
Добавить на фотографии водяной знак, который будет автоматически накладываться на все изображения
Пользователь должен захотеть купить, смотря на фотографии.

Демонстрация товаров
Требования к видео:
Товар необходимо показать со всех сторон
Видео должно содержать информацию о том как пользоваться товаром
Видео должно быть высокого качества.
Возможно добавление нескольких видео для одного товара.

Демонстрация товаров
Целесообразно использовать:
Для демонстрации модификаций товара (например, по цвету)
Не удобен:
Если для товара нужно описать множество вариантов комплектации

Характеристики товаров

Отзыв – обязательный элемент
отзыв могут оставить только зарегистрированные пользователи!

Пагинация
Пагинация - переключатель страниц.
Используется если в каталоге больше 20-25 товаров.
Можно заложить в интерфейс функцию контроля количества товаров на одной странице (10, 20, 50, 100). Больше 100 товаров на одной странице лучше не показывать.

Вспомогательные инструменты навигации
фасетная навигация - инструмент, который позволяет пользователям ориентироваться в больших каталогах (фильтры)
фильтрация по цене, по бренду, по размеру, по весу, по цвету и т.д.
близкие товарные группы

Вспомогательные инструменты навигации
близкие товарные группы

Вспомогательные инструменты навигации
промо-материалы, помощь в виде советов, обзоров и статей

Популярные товары
Зачем нужно использовать?
Блок используется для привлечения внимания нового посетителя , вероятность покупки таких товаров выше.
Поскольку это товары массового потребления, вероятность того, что они подойдут целевой аудитории – велика.
У покупателя формируется больше доверия к товарам, которые одобрили другие.
Как оформить?
В блоке можно разместить от 5-7 товаров до 15-21 (больше не нужно!)
Этот блок можно автоматически подстраивать и персонализировать (легко это сделать для постоянных покупателей, ведь мы знаем их историю покупок, поведение на сайте, интересы и много другой информации)
В каталоге товаров популярные товары обычно помечаются ярлыком «Топ продаж», а новые – «Новинка».

Ранжирование товаров
Первыми он должен увидеть товары с самой высокой маржой для магазина, которые при этом имеют высокие показатели конверсии.
Сбор статистики по конверсии товара можно организовать с помощью:
Яндекс метрики
Google Analytics

Оценка товаров

Карта сайта
Зачем добавлять?
Карта сайта - структурированный список ссылок на все страницы сайта Используется для индексации поисковыми системами.
В интерфейсе его делают обычной неприметной ссылкой в футере сайте.

Поиск
Зачем использовать?
ПОВЫШАЕТ КОНВЕРСИЮ В НЕСКОЛЬКО РАЗ (люди все больше ленятся)
Как оформить и где расположить?
делать заметным
визуально выделять
располагать в шапке сайта по самому центру
включить в поиск автоматическую подгрузку подсказок из базы товаров при вводе критериев поиска (выпадающих подсказок не должно быть больше 10)
добавить возможность сортировки: по цене, по популярности, по дате поступления, по году выпуска и т.д.

Товары заменители

Отсутствующие товары

Сравнение товаров

Программа лояльности

Рекламная система

Ранее просмотренные товары

On-line чат
Зачем использовать?
-ПОВЫШАЕТ КОНВЕРСИЮ
Если бюджет не позволяет сделать свой чат, то можно воспользоваться бесплатным сервисом(например, SiteHeart)

Звонок с сайта
Виджет обратного звонка увеличивает количество заказов на вашем сайте, не отпугивая назойливостью!