EasySauda

EasySauda

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

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

со стороны разработки.

Тип продукта: B2B-платформа

Длительность: 2 месяца

Команда: UX/UI дизайнер (я), команда EasySauda

Контекст проекта

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

что усложняло контроль и создавало путаницу.

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

что усложняло контроль и создавало путаницу.

Система ориентирована на три ключевые роли пользователей:

  1. Дистрибьютор (десктоп)
    Контроль показателей, аналитика, управление торговыми точками

  1. Администратор (десктоп)
    Настройка системы, управление пользователями, ролями и доступами

  2. Торговая точка (мобильная версия)
    Оперативная работа с задачами и показателями непосредственно «на месте»

Система ориентирована на три ключевые роли пользователей:

  1. Дистрибьютор (десктоп)
    Контроль показателей, аналитика, управление торговыми точками

  1. Администратор (десктоп)
    Настройка системы, управление пользователями, ролями и доступами

  2. Торговая точка (мобильная версия)
    Оперативная работа с задачами и показателями непосредственно «на месте»

Проблема

До начала проекта существовали следующие сложности:

  • разрозненные бизнес-процессы и отсутствие единого интерфейса управления;

  • высокая нагрузка на администраторов из-за ручной обработки
    заказов и обращений;

  • сложность контроля складских остатков и условий доставки;

  • отсутствие единого UX-подхода для разных ролей пользователей;

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

До начала проекта существовали следующие сложности:

  • разрозненные бизнес-процессы и отсутствие единого интерфейса управления;

  • высокая нагрузка на администраторов из-за ручной обработки заказов и обращений;

  • сложность контроля складских остатков и условий доставки;

  • отсутствие единого UX-подхода
    для разных ролей пользователей;

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

ОГРАНИЧЕНИЯ

Пользователи сильно отличались по опыту работы с цифровыми продуктами,

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

в неё и сделать систему удобной без перестройки процессов.

Пользователи сильно отличались

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

и нужно было аккуратно встроиться

в неё и сделать систему удобной

без перестройки процессов.

Подход к UX

UX-подход строился на принципах:

  • role-based UX — отдельные сценарии и интерфейсы для дистрибьютора, администратора и торговой точки;

  • модульность — каждый функциональный блок проектировался как независимый,
    но логически связанный элемент системы;

  • приоритет задач — ключевые действия пользователя вынесены на первый план (заказы, склад, аналитика);

  • минимизация когнитивной нагрузки — простая навигация, предсказуемые паттерны, единая логика экранов;

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

UX-подход строился на принципах:

  • role-based UX — отдельные сценарии
    и интерфейсы для дистрибьютора, администратора и торговой точки;

  • модульность — каждый функциональный блок проектировался как независимый, но логически связанный элемент системы;

  • приоритет задач — ключевые действия пользователя вынесены на первый план (заказы, склад, аналитика);

  • минимизация когнитивной нагрузки — простая навигация, предсказуемые паттерны, единая логика экранов;

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

Визуальные решения

Визуальное оформление выполнено в соответствии с утвержденной цветовой палитрой и UI-китом (Ant Design).
Основные характеристики визуального решения:

  • нейтральная, бизнес-ориентированная цветовая схема;

  • четкая типографическая иерархия;

  • визуальное разделение модулей и функциональных зон;

  • акцент на читаемость данных и удобство работы с таблицами и формами;

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

Визуальное оформление выполнено в соответствии с утвержденной цветовой палитрой и UI-китом (Ant Design).
Основные характеристики визуального решения:

  • нейтральная, бизнес-ориентированная цветовая схема;

  • четкая типографическая иерархия;

  • визуальное разделение модулей
    и функциональных зон;

  • акцент на читаемость данных
    и удобство работы с таблицами
    и формами;

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

Результат

В результате был разработан UX/UI-дизайн:

  • десктопной версии для дистрибьютора и администратора с полным набором управленческих модулей;

  • мобильной версии для торговых точек, адаптированной под быстрые рабочие сценарии;

  • интерфейса административной панели с управлением ролями и аккаунтами;

  • базового аналитического модуля для контроля ключевых показателей;

  • системы поддержки и обращений пользователей.

Дизайн готов к масштабированию.

В результате был разработан UX/UI-дизайн:

  • десктопной версии для дистрибьютора и администратора с полным набором управленческих модулей;

  • мобильной версии для торговых точек, адаптированной под быстрые рабочие сценарии;

  • интерфейса административной панели с управлением ролями и аккаунтами;

  • базового аналитического модуля
    для контроля ключевых показателей;

  • системы поддержки и обращений пользователей.

Дизайн готов к масштабированию.

Вывод

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

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

Контакты

Готова обсудить ваш проект

B2B-систем, порталов, личных кабинетов и сервисов с большим объёмом данных.
Работаю под ключ в паре с разработчиком.

Контакты

Готова обсудить ваш проект

B2B-систем, порталов, личных кабинетов и сервисов с большим объёмом данных.
Работаю под ключ в паре с разработчиком.

Create a free website with Framer, the website builder loved by startups, designers and agencies.