Интернет-магазин
«Street Story»
Интернет-магазин casual одежды известных брендов
-
Задача
Сделать интернет-магазин. Настроить автоматическое обновление ассортимента на основе данных из 1С.
Решение
Лаконичный дизайн, понятный механизм покупки и тщательно продуманный каталог.
Интернет-магазин — это случай, когда нужно следовать шаблону: пользователю проще ориентироваться на сайте, если все находится на привычных для него местах. Хороший пример — корзина в правом верхнем углу.
Это не мешает тщательно проработать детали, чтобы сделать интерфейс удобнее. Мы увеличили кликабельную площадь для перехода в корзину, чтобы с ней было проще взаимодействовать.
Редактировать содержимое корзины можно в попапе на любой странице.
Главное меню раскрывается с задержкой в 0,07 секунды. Пользователь эту паузу не заметит, зато оно не откроется при случайном наведении.
Когда покупатель выбирает из нескольких товаров в интернет-магазине, ему приходится открывать их во вкладках браузера и переключаться между ними. В Street Story пользователь просто отмечает их «сердечком». Потом переходит в «Избранное» и уже там сравнивает, сортирует и удаляет.
Адаптивность
-
Исследование
Клиент: «Мы хотим сайт, не уступающий по функциональности сайтам лидеров рынка». Предложили для начала поменять фирменный стиль и логотип — заказчик согласился.
Просмотрели 23 интернет-магазина, выявили шаблонные решения и их слабые места.
Прототип
Детально проработали каждую страницу магазина. И подготовили решения для повышения конверсии сайта вроде разводных страниц для разделов. От части из них клиент отказался. Например, «Лукбуки» есть в прототипе и дизайне, но не на работающем сайте.
Лукбуки
Стилисты собирают образы из имеющихся в магазине вещей. Посетитель сайта выбирает одну вещь из образа или целый лук, если хочет сэкономить время.
Меню сократили до трех самых важных разделов. Фильтр внутри поможет подобрать товар.
Эволюция страницы «Женщинам»
На разводных страницах мужского и женского разделов пользователь получает представление об ассортименте, видит новинки и акции — все в одном месте.
Размеры
Отрисовали руководство по снятию мерок и размерные сетки в стилистике сайта.
Калькулятор
Спрограммировали калькулятор для расчета стоимости разных видов доставки — пользователю нужно только указать город.
Программинг
Параллельно работаем над каталогом и другим функционалом магазина. Настроили:
- обмен заказами между сайтом и 1С для автоматического обновления позиций в наличии, скидок и дисконтных карт;
- фильтры каталога;
- интеграцию с платежными сервисами;
- личный кабинет с возможностью отслеживания заказа;
- рассылку оповещений о регистрации, оформлении и статусах заказа.