8ef6824ce58c71e4a60b2fac82db7d00 ee43ba60 879e 404e 836e b570d1441d01 alt="Обложка проекта Breez Tools — ERP-платформа для B2B-сервисов" loading="lazy">
· ERP platform
  • ERP-платформа
  • UX/UI
  • B2B-сервисы
  • партнёрский портал

ERP-платформа
[Breez Tools]

Единая платформа для управления всеми B2B и внутренними сервисами компании — партнёрский портал, система учёта, подбор оборудования, сервисный центр и другие модули в одном интерфейсе.

Роль
UX/UI-дизайн, аналитика
Формат
ERP · веб-платформа
Задача
проектирование с нуля
Год
2025
Контекст проекта

Откуда и зачем
Breez Tools

Задача

Task
  • 01 Создать единую ERP-платформу — «пульт управления» компанией — которая объединяет все разрозненные B2B и внутренние сервисы: партнёрский портал, учёт, подбор оборудования, сервисный центр и другие
  • 02 Прозрачно связать данные между модулями (B2B, парсер, архитектура, сервис, ClimateMaster), которые раньше жили «по отдельности»
  • 03 Минимизировать ручную рутину: до старта платформы 40% рабочего времени сотрудников уходило на операции в таблицах и почте

Проблема

Problem
  • 01 Все сервисы компании жили изолированно — зелёные таблицы, перегруженная почта, никакой связности данных между отделами
  • 02 Высокий риск потери данных и ошибок в бизнес-критичных операциях: от формирования заказов до контроля цен партнёров
  • 03 5+ разнородных сервисов с несовместимыми сценариями и разной визуальной логикой — объединить их без хаоса казалось невозможным

Цель

Goal
  • 01 Интегрировать все модули в единый интерфейс с прозрачной навигацией — сохранив привычный флоу там, где это критично для пользователей
  • 02 Сократить время на бэкофис и устранить бизнес-риски: меньше ошибок, меньше ручной работы, больше автоматики
  • 03 Заложить масштабируемую дизайн-систему — TDD-направленную, компонентно-независимую — чтобы новые модули встраивались без деградации качества

Роль и контекст

Role & Constraints
  • 01 UX/UI Lead — вела проект от Customer Interviews и CJM до прототипов, handoff, и пострелизных улучшений
  • 02 Жёсткие ограничения: MVP в продакшен за 3 месяца, совместимость с устоявшейся front-end библиотекой, часть унаследованной логики сохранена намеренно
  • 03 Связывала бизнес, пользователей и разработку — выступала мостом между 5+ командами с разными стеками и приоритетами
Процесс

Как строилась работа
над платформой

От первых интервью с сотрудниками — до хотфиксов после релиза. Шесть этапов, каждый со своим результатом.

01
Research

Интервью и CJM

Customer Interviews с сотрудниками каждого сервиса. Построение Customer Journey Map — зафиксировали точки боли и разрывы между модулями.

02
Analysis

Сценарии и аналитика

Формализация сценариев по каждому модулю. Анализ существующих ошибок, болей и унаследованной логики, которую важно сохранить.

03
Prototyping

Компонентное прототипирование

Проектирование унифицированных элементов и шаблонов страниц. Все компоненты сразу проверялись на совместимость с front-end библиотекой.

04
Testing

Валидация на сотрудниках

Тестирование прототипов на реальных пользователях внутри компании. Итерации по результатам — без лишних согласований, быстро.

05
Design System

Универсальная дизайн-система

Создание UI Kit под «старый front-кит», компонентно-независимого. Мастер-референс для всех 5+ сервисов платформы.

06
Handoff

Контроль внедрения

Постоянная коммуникация с продактами и девами. Контроль handoff, фикс хотфиксов после релиза, пострелизные улучшения по живым данным.

CJM · фрагмент

Два шага из карты пути пользователя — менеджер B2B-сервиса

Поиск пользователя
Цель

Найти нужного партнёра или пользователя и открыть его карточку

Действие

Вводит имя или ID в поиск, применяет фильтр статуса, кликает по строке таблицы

Боль

Список не запоминает фильтры при возврате. Приходится настраивать заново каждый раз

Эмоция
😤
Работа с карточкой
Цель

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

Действие

Открывает вкладки «Корзины / Заказы / Контрагенты», переключает тогглы, вызывает контекстное меню

Боль

Деструктивные действия (Удалить) стояли рядом с безопасными — частые случайные нажатия

Эмоция
😤
Результат

Готовые экраны платформы Breez Tools

UX-решения

Яркие решения,
которые работают

Три ключевых UX-паттерна, которые сделали платформу быстрой, понятной и масштабируемой.

01
Navigation

Скрывающееся боковое меню

Два режима одним кликом: развёрнутое с подписями для первого знакомства — и компактное иконочное для опытных. Экономит до 160px горизонтального пространства без потери доступности.

  • Мгновенный доступ ко всем модулям
  • Активный раздел подсвечен фоном
  • Плавный переход без перезагрузки
Развёрнутое
Боковое меню — развёрнутый вид
Свёрнутое
Боковое меню — свёрнутый вид
02
System Design

Единая авторизация через API

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

  • Единый токен для всех модулей
  • Централизованные роли и права
  • Единая форма входа вместо 5+
Форма входа B2B ProStore
✓ Единый токен ✓ Единые роли ✓ Единый профиль
03
Process Architecture

Визуальный редактор бизнес-процессов

BPMN-подобный drag-and-drop редактор: менеджер видит весь поток задач, настраивает ветвления и типы задач прямо на холсте. Никаких таблиц — только живая схема.

  • User Task / Service Task / Gateway
  • Панель свойств элемента справа
  • Масштабирование и экспорт схемы
Визуальный редактор бизнес-процессов
Интерфейс

Экраны платформы

Три продукта, каждый со своими разделами. Выберите продукт — затем страницу.

breeztools.ru

1 / 1
Made on
Tilda