Разработка e-commerce платформы «Восток-Сервис»

Группа компаний «Восток-Сервис» — производитель и поставщик спецодежды, спецобуви и средств индивидуальной защиты для промышленных предприятий.

Интернет-магазин клиента работал на CMS (content management system) Drupal, поддержка которого завершилась в 2015 году. Платформа сохраняла быстродействие и справлялась с потоком заказов, но ограничивала развитие бизнеса. Внедрить автоматизированный расчет логистики? Архитектура ограничивала внедрение сервиса. Создать мобильное приложение? Невозможно. Также процесс управления контентом был трудоемким и ручным: менеджеры правили описания, цены и остатки тысяч товаров в административной панели.

Перед нами стояла задача – разработать новую e-commerce платформу на современном стеке технологий, которая обеспечит стабильную работу при высокой нагрузке, интеграцию с любыми ИТ-решениями и сервисами, автоматизирует бизнес-процессы и станет базой для роста онлайн-продаж. Дополнительно требовалось создать Информационный портал – единую базу знаний о продукции компании и правилах безопасности на производстве.

Проектные работы были поделены на несколько этапов:

1. Аналитика, дизайн и проектирование

2. Разработка и интеграции 

3. Тестирование

4. Запуск

Про каждый из них подробно расскажем ниже. 

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

Проектирование архитектуры. Чтобы новый интернет-магазин мог развиваться годами, заложили архитектурный запас на пять лет вперед. Мы отказались от монолита и спроектировали новую систему из независимых сервисов: корзины, каталога, уведомлений и других. Любое будущее изменение, например, добавление нового фильтра, не потребует переписывать ядро системы.

Дизайн. На основе полученных визуальных концептов страниц будущего сайта от «Восток-Сервис» мы разработали строгую дизайн-систему. Разбили изображения на макеты с компонентами: карточки товаров, фильтры, меню, кнопки, экраны ошибок и другие. Прописали поведение элементов на всех устройствах: как ведут себя выпадающие меню при свайпе, как выглядят нажатые и неактивные кнопки, какие экраны видит пользователь при возникновении ошибок. Интерфейс стал технологически реализуемым.

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

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

Синхронизировали каталог. Интегрировали сайт с 1С:MDM. Теперь, как только менеджер меняет описание товара в мастер-системе или обновляет прайс-лист в корпоративном хранилище данных, эти данные в течение десятков секунд автоматически обновляются на сайте.

Настроили умные фильтры. Для поиска влагостойкой спецобуви и функциональной одежды нужны фильтры: вид продукта, защитные свойства, материал верха, метод крепления, а для рубашек – цвет, рост, размер. Например, для индивидуальных средств защиты лица важны фильтры по конструктивным особенностям креплений, и так далее — множество специфичных для каждой категории фильтров. Мы внедрили решение Elasticsearch, которое моментально подбирает фильтры конкретно под просматриваемую категорию. Интеллектуальный поиск по сайту отдали внешнему сервису Diginetica AnyQuery.

Обновили алгоритм работы с фотографиями. Клиент размещал исходные снимки товаров на FTP-сервере. Мы подняли современное S3-хранилище в облаке и запустили скрипты-обработчики для изменения размера изображений «на лету». Механика: сайт забирает с FTP тяжелый снимок и сохраняет в объектное хранилище. При запросе изображения картинка уменьшается и при необходимости обрезается под конкретное разрешение: десктоп, планшет, мобильные форматы, под экран «ретина». 

Внедрили удобную систему управления контентом для Информационного портала. Материалы структурируются в админпанели по темам и типам, легко обновляются и дополняются.

Обновили корзину при оформлении заказа. Чтобы покупатель знал точное количество товара в конкретном розничном магазине, внедрили умную логику корзины. Например, пользователь покупает резиновые сапоги (есть в наличии у метро прямо сейчас) и антимоскитную сетку (находится на складе, доставка займет пять дней). Сайт самостоятельно предлагает разбить заказ: сапоги можно забрать сегодня по пути на дачу, а сетку система оформит в виде отложенной курьерской доставки на следующую неделю. Для визуализации вариантов доставки интегрировали Яндекс.Карты. 

Настроили B2B-корзину на продажи под заказ. Если пользователь регистрируется, как юридическое лицо, то сайт позволяет оформить заказ без ограничения по остаткам. Таким образом, «Восток-Сервис» может изготовить товар под заказ в случае потребности в крупных партиях товара — например, обеспечение нескольких стройплощадок спецодеждой «под ключ».

Реализовали систему меняющихся корзин при смене регионов. Покупки сохраняются при переключении города. Например, если клиент собрал покупку в московском каталоге, а потом вручную переключил город в шапке сайта на Самару, система прячет набранный список товаров. Возвращает ползунок на Москву, покупки снова лежат в корзине.

Упростили работу с пользовательскими данными и юрлицами. Через интеграцию с сервисом Dadata мы научили систему сразу вытягивать IP пользователя для автовыбора города и соответствующего интернет-магазина. При регистрации юридических лиц пользователю достаточно ввести в строку свой ИНН и система подгрузит остальные реквизиты: наименование, юр адрес, банк и другие данные.

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

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

За два месяца до запуска провели бета-тестирование с участием сотрудников «Восток-Сервис». Пользователи проверяли функционал платформы в реальных условиях, а мы фиксировали и устраняли замечания.

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

Сначала мы вывели в публичное пространство обновленный Информационный портал на все регионы. Затем запустили интернет-магазин на московский регион.