О клиенте
Redverg — крупный российский производитель электроинструмента, измерительной техники, сварочного и строительного оборудования, садово-парковой техники и оснастки. Ассортимент товаров бренда широко представлен в России во многих розничных сетях.
Задача
Торговая марка вышла на рынок Республики Казахстан и в связи с этим событием возникла необходимость создания e-commerce проекта, задачами которого являлись:
Для решения поставленных задач было принято решение разработать типовой интернет-магазин на Bitrix с интеграцией с 1С
UX/UI
Для проектирования интерфейса мы изучили опыт российского представительства, переняли лучшие практики и дополнили их уникальными решениями. Дизайн проекта выполнен в соответствии с фирменным стилем компании и точно передаёт философию бренда.
Всего было подготовлено 43 макета прототипов и более 100 макетов дизайна в разных состояниях и для разных типов устройств
Каталог
Каталог товаров имеет простую структуру состоящую из двух уровней.
Первый уровень каталога отображается в виде поиска по разделам. В рамках первого уровня каталога мы сформировали изображения для каждого раздела, что существенно упрощает визуальный поиск нужной категории товаров
Второй уровень каталога включает в себя все товары выбранного раздела второго уровня каталога и дальнейшую иерархию по разделам, если таковые существуют. Реализована фильтрация товаров и сортировка по популярности и стоимости: подбор необходимых товаров требует двух кликов и занимает не более пяти секунд
Карточка товаров в каталоге является информативной и даёт возможность ознакомиться с товаром находясь ещё в каталоге: пользователю доступны все фотографии товара, остатки, актуальные акции, отзывы, стоимость и информация о накопленных баллах в рамках системы лояльности. Также есть возможность добавить товар в избранное и в сравнение
Карточка товара
Карточка товара разделена на две логические части. При загрузке страницы пользователь может быстро ознакомиться с ключевыми данными, такими как фотографии товара, его цена, активные маркетинговые предложения, важные характеристики и другое.
Если пользователь захочет получить более полное представление о товаре, он может перейти в информационный блок, где ему будут доступны подробное описание и характеристики товара, информация по наличию в магазинах и отзывы
Корзина и оформление заказа
Оформление заказа разбито на 2 этапа.
На первом пользователь может ознакомиться с содержимым корзины, скорректировать количество товаров и применить промокод
На втором этапе происходит непосредственное оформление заказа. Для удобства мы разделили его на 3 основных шага: заполнение контактной информации, выбор способа доставки и выбор способа оплаты. После заполнения каждого шага пользователю доступен быстрый просмотр ранее введённой информации и её редактирование.
После заполнения всех данных пользователь может быстро проверить введённую информацию в рамках одного экрана и оформить заказ
Личный кабинет
В рамках истории заказов был сделан быстрый поиск по дате заказа, а также реализована сортировка по текущим, выполненным и отменённым заказам. Сам заказ содержит всю информацию, которая может потребоваться пользователю: номер и дата заказа, состав заказа, информация о выбранных способах оплаты и доставки, статус заказа и другое
Реализован также раздел с настройками контактной информации, где пользователь может редактировать свои контактные данные, добавлять и изменять ранее добавленные адреса доставки. Это очень удобно с точки зрения скорости оформления заказа, так как при первом заказе все данные сохраняются и в дальнейшем их не нужно вводить — после авторизации все поля заполняются автоматически и процесс оформления заказа занимает считанные секунды, что благоприятно влияет на конверсию
Адаптивность
Все макеты интернет-магазина были нарисованы в 3-х состояниях: десктоп, планшет и мобильные устройства. Вёрстка макетов включает в себя дополнительные размеры экранов чтобы интернет-магазин был удобным для пользователя при использовании с любого устройства
Результат
MVP проекта был реализован за 2.5 месяца, ещё 1.5 месяца потребовалось доработку дополнительного функционала, при этом интернет-магазин уже мог быть использован по назначению и получать первые заказы.
За 4 месяца мы сделали удобный интернет-магазин, интегрировали его с необходимыми заказчику внешними и внутренними сервисами, сделали базовую SEO-оптимизацию и запустили проект. Продолжаем сотрудничество дальше в рамках наших услуг поддержки и развития интернет магазинов.