Личный кабинет дилера на сервисно-ориентированной архитектуре

• Провести полное обновление UX/UI интерфейса Личного кабинета дилера для повышения удобства и скорости работы пользователей, сделать систему визуально современной и интуитивной.

• Реализация доступа через мобильные устройства, что увеличивает доступность и удобство для пользователей.

• Перевод монолитной архитектуры системы в сервисно-ориентированную (SOA) для обеспечения гибкости и масштабируемости.

• Подготовка к переходу на микросервисы, что создаст возможность независимого масштабирования сервисов.

• Повышение отказоустойчивости системы за счет распределения сервисов.

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

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

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

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

фреймворк Vue 3

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

Значительное внимание потребовалось на этапе аналитики и проектирования пользовательских сценариев: необходимо было учесть десятки состояний заказов и отгрузок, при этом сохранить корректную работу интеграций с учётной системой заказчика.

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

Дополнительную сложность создавала высокая вариативность интерфейсов — более 50 пользовательских сценариев и десятки экранов с уникальными состояниями. Для каждого из них разрабатывалась собственная логика отображения и система цветовых индикаторов.

Проект представляет собой модернизацию крупной эксплуатируемой информационной системы  «Личный Кабинет дилера» (класс системы - B2B-портал), изначально реализованной как монолит с большим количеством взаимозависимых интерфейсов и сложным пользовательским путём. Каждый экран содержал десятки динамических элементов — модальных окон, всплывающих подсказок, состояний заказов и отгрузок, что делало систему громоздкой и трудной для развития.

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

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

Основные функциональные блоки                                                                                              

• Главная страница и рабочий стол

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

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

Один из самых вариативных модулей системы. В нём реализовано до 50 уникальных пользовательских сценариев, а каждый заказ может проходить более 60 состояний. В процессе оформления дилер выбирает товары, размеры, упаковку, транспорт, запрашивает скидки. Интерфейс динамически перестраивается под параметры заказа и статус — «черновик», «новый», «частично/полностью отгружен» и другие. При смене состояний автоматически появляются новые вкладки, документы и уведомления, данные которых синхронизируются с учётной системой. Такой подход позволил сохранить прозрачность процессов при значительном упрощении навигации.

• Отгрузки

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

• Россия

• Республика Беларусь