Клиент
NDA
Дата запуска
Декабрь 2025
Что сделали
Проектирование, дизайн, frontend, backend, тестирование
О клиенте
NDA
Крупная вертикально интегрированная промышленная группа, осуществляющая поставку электротехнического оборудования и комплектующих для российского рынка. Компания работает с сетью поставщиков и партнёров, управляет сложными процессами закупок, требующими координации между подразделениями, ведёт работу с номенклатурой более чем в 15 категориях товаров, от кабелей до высоковольтного оборудования и приборов.
О проекте и задачи
Описание
Задача была создать единую платформу управления закупками, которая консолидировала бы весь процесс работы с поставщиками и товарами. До реализации проекта компания использовала разрозненные таблицы, письма и ручные процессы. Требовалось цифровизировать весь цикл: от создания расчёток (запросов предложений) до управления поставщиками, каталогом товаров, аналитикой и коммуникациями. Система должна была облегчить работу менеджеров закупок, сократить время обработки, повысить контроль качества и видимость всех процессов.
Задачи
1
Создать удобный интерфейс для управления расчётками с возможностью создания, редактирования и отслеживания статуса
2
Реализовать систему управления поставщиками с информацией об их контактах, документах и истории работы
3
Разработать каталог номенклатуры (товаров и услуг) с организацией по категориям и сортировкой
4
Создать систему отчётности с аналитикой по использованию токенов, операциям и менеджерам
5
Разработать модуль для управления почтой и шаблонами писем
6
Интегрировать систему отправки расчёток поставщикам и получения ответов
Ход работы
Прототип
Разработка прототипа
При разработке прототипа мы сфокусировались на главном процессе — цикл жизни расчётки (request for quote). Прототип включил главный экран с Kanban-доской, показывающей расчётки по статусам: новые, в обработке, на проверке, готовые. Каждая расчётка содержит информацию о товарах, поставщиках, сроках и менеджере. Раздел поставщиков позволяет быстро найти и добавить поставщика в расчётку с фильтрацией по типам и номенклатуре. Каталог номенклатуры организован по 15+ категориям: кабели, трансформаторы, высоковольтное оборудование, низковольтное оборудование и так далее. Система отчётности показывает аналитику по использованию, менеджерам и операциям. Управление пользователями позволяет создавать разные роли: администратор, менеджер закупок, поставщик. Модуль почты автоматизирует отправку расчёток по email и получение ответов.
Ход работы
Дизайн
Разработка дизайна
Дизайн строился на принципах функциональности, скорости и интуитивности. Это B2B система для опытных пользователей, поэтому интерфейс минималистичный но информативный. Канбан-доска на главной странице сразу показывает статус всех текущих расчёток. Каждый раздел (расчётки, поставщики, номенклатура, отчёты, пользователи, почта) имеет собственный интерфейс с таблицами, фильтрами и быстрыми действиями. Цветовая система используется для визуального обозначения статусов — синий (новое), жёлтый (в обработке), фиолетовый (на проверке), зелёный (готово). Каждый экран оптимизирован для быстрого поиска и фильтрации данных.
Ход работы
Разработка
Верстка и разработка
Платформа разработана как полнофункциональная SaaS система. На главной странице реализована интерактивная Kanban-доска с расчётками, организованными по 4 столбцам статусов. Каждая карточка показывает номер расчётки, список товаров, информацию о поставщиках, сроки и менеджера, с возможностью открыть подробности и отредактировать. Раздел «Расчётки» содержит полный список с фильтрацией по статусам, товарам, поставщикам и датам. Раздел «Поставщики» показывает каталог всех поставщиков с фильтрацией по типам, городам и номенклатуре. Каталог «Номенклатура» организован по 15+ категориям: кабели, трансформаторы, высоковольтное оборудование, низковольтное оборудование, системы обогрева, светотехника, армоборудование, инструмент, изоляторы и другие. Каждый товар содержит код, название, тип, статус и возможность редактирования. Раздел «Отчёты» показывает аналитику: общее количество токенов, входящие и исходящие токены, использование токенов по менеджерам и типам операций. Система «Пользователи» позволяет создавать и управлять пользователями с разными ролями: администратор, менеджер закупок, поставщик. Каждый пользователь имеет логин, ФИО, роль и статус активности. Модуль «Почта» управляет шаблонами писем и автоматически отправляет расчётки поставщикам. Система поддерживает отправку расчёток, сканирование ответов и интеграцию с почтой. «Шаблоны» позволяют создавать и редактировать email-шаблоны для различных типов коммуникаций. Все разделы имеют полнотекстовый поиск, фильтрацию, сортировку и экспорт данных. Система обеспечивает контроль доступа по ролям — разные пользователи видят разные данные. Реализована аудит логирование всех действий для отслеживания изменений.
JS-библиотеки
MobX
Swiper
UI фреймворк
Material UI
Веб-фреймворк
Next.js
JS-фреймворк
React
Результаты и отзыв
Результаты
В результате компания получила единую платформу управления закупками, которая трансформировала весь процесс. Менеджеры закупок теперь могут за несколько кликов создать расчётку, выбрать поставщиков, отправить запрос и отследить ответы в одной системе. Канбан-доска на главной странице даёт полный обзор всех текущих расчёток и их статусов, что позволяет быстро управлять приоритетами. Автоматическая отправка расчёток по email сократила время на ручной процесс. Каталог номенклатуры с 15+ категориями облегчил выбор товаров и предотвратил дублирование. Система отчётности показала узкие места в процессе и позволила оптимизировать работу. Управление пользователями и разделение ролей повысило безопасность данных и контроль доступа. В результате процесс закупок сократился с нескольких дней до нескольких часов, видимость улучшилась, качество контроля возросло, и менеджеры получили инструмент для аналитики и оптимизации.
Заявка
Почта
info@marussia-studio.ru
Телеграм
@studio_marussia
MAX
@studio_marussia
Понравилась работа, и вы хотите также? Оставьте заявку.
