Интернет-магазин «Клуб ДКС»

О проекте

АО «ДКС» (DKC) производит продукцию для организации систем электроснабжения, автоматизации и распределения энергии на объектах любого назначения. Сегодня это — один из крупнейших производителей электорооборудования в России и Европе. Компания участвует в инновационных программах и обладает широким перечнем собственных патентов, а ее продукция используется в энергетической, топливной, химической, пищевой, строительной отраслях.

Задача

• Создание пула лояльных профессиональных монтажников.
• Привлечение, на конкурсной основе, дистрибьюторов и партнеров, соответствующих требованиям клуба.
• Формирование устойчивого спроса на продукцию компании в среде интернет.
• Увеличение продаж дистрибьюторов и партнеров в сегменте розничной ассортиментной матрицы.
• Рост доступности и узнаваемости бренда в среде монтажников.
• Создание сайта с полезными сервисами, обучающими программами, системой заказов, базой знаний и программой лояльности.

Решение

Для работы с проектом сформировали отдельную scrum-команду.

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

Интерфейс

Интерфейс сайта имеет современный стиль, в верхнем меню расположены все необходимые пункты меню, каталог разделен на две категории, основной каталог и каталог по видам работ.

Каталог по видам работ содержит различный контент, что позволяет пользователю более подробно узнать о некоторых лайфхаках и тонкостях работы с инструментом.

Поиск

Для быстрой работы сайта мы внедрили ElasticSearch.

С ElasticSearch список товаров с картинками и характеристиками загружается мгновенно. Это позволяет посетителю быстрее совершить покупку.

Скорость загрузки списка товаров после применения фильтров составляет 0,2 сек.

Конфигуратор ЭУИ

Мы реализовали один из сложных архитектурных решений.

Конфигуратор предназначен для подбора электроустановочных изделий для различных помещений с различными потребностями. В конфигураторе можно изменять тип изделия, цвет, механизм, изменить количество необходимых изделий.

Конфигуратор состоит из несколько шагов.

На первом шаге пользователь выбирает тип помещения и количество комнат для добавления стандартного (предустановленного) количества ЭУИ в зависимости от параметров. Также пользователь выбирает параметры изделий: цвет, материал изделий, которые он может изменить на следующих этапах.

На втором шаге отображаются сконфигурированные по умолчанию ЭУИ для различных помещений, состав ЭУИ зависит от параметров, выбранных на 1 шаге.

Неавторизированный пользователь имеет возможность сформированный проект добавить в корзину, такой процесс упрощает поиск необходимых изделий.

Функционал редактирование комнаты позволяет добавлять/удалять количество изделий.

Чтобы сохранить проект, пользователь проходит шаг авторизации.

Авторизированные пользователи могут редактировать ранее сохраненный проект и настраивать разные вариации выбора цвета рамок, материалов и механизмов.

Дополнительно пользователи могут скачивать и просматривать спецификации, спецификации группируют изделия по комнатам и подсчитывают итоговую стоимость проекта.

Интеграция с API DKC

Интеграция с API DKC позволяет получать товары и их свойств для заполнения каталога товаров.

Дополнительно настроили автоматическое получение и обновление различных документов, сертификатов и чертежей.

База знаний

Представляет собой список разделов пункта «База знаний, содержит полезные материалы и часто задаваемые вопросы, где пользователь сможет найти ответы на все популярные вопросы.

Корзина

Представляет собой список товаров добавленных в корзину, помимо стандартной схемы удаления/добавления товаров, в корзине добавлен функционал поделиться списком и поделиться ссылкой.

При выборе одного из вариантов появляется окно с вводом электронной почты и кнопка отправить.

При отправки «Поделиться списком» формируется почтовый шаблон с информацией из корзины: название товара, артикул, количество, сумма, итого.

При отправке «Поделиться ссылкой» получателю на почту направляется ссылка, при переходе по ссылке у получателя сообщения товары из корзины отправителя добавляются в его корзину.

Дополнительно добавлен функционал импорта товаров в корзину из файла формата .xlsx. При нажатии открывается поп-ап окно, где содержится файл шаблона, поле «Добавить файл», куда пользователь может загрузить файл.

При добавлении файла товары из файла добавляются в корзину, текущая корзина не стирается.

Оформление заказа

Интеграция сервиса Dadata

Мы интегрировали сервис dadata, из внешней библиотеки происходит добавление компонента vueDadata, далее подтягивается справочник, который содержит некий перечень адресов.

Интеграция сервиса YandexMap

Сделали интеграцию сервиса YandexMap, из внешней библиотеки происходит добавление компонента yandexMap, далее подтягивается яндекс карта.

Интеграция онлайн оплаты

Реализовали интеграцию онлайн оплаты, пользователи могут оплатить заказ любым из доступных способов оплаты.

Результат

 — Сделали интеграцию с API DKC.
 — Реализовали Импорт по API DKC.
 — Расширили функционал личного кабинета пользователя, разработали отдельный личный кабинет для дистрибьютора.
 — Внедрили ElasticSearch.
 — Реализовали интеграцию сервиса Dadata.
 — Реализовали интеграцию сервиса YandexMap.
 — Реализовали интеграцию онлайн оплаты.