Независимый концепт-проект 4sidedevelop. Экраны и данные носят иллюстративный характер.
SaaS и операционные процессы
StockPilot
Управление складом и заказами
Операционный концепт для небольшого ритейла: остатки по складам, резерв под входящие заказы, очередь сборки и закупки в одном интерфейсе.
- Категория
- SaaS и операционные процессы
- Предлагаемый стек
- Next.js, TypeScript, PostgreSQL, Фоновые задачи для синхронизации каналов, Сканирование штрихкодов (требует проверки)
- Статус
- Концепт — не клиентский проект
01
Задача
Небольшая розничная компания продаёт через собственный интернет-магазин и маркетплейс. Остатки ведутся в таблице, заказы приходят в два места, и никто не знает, что есть в наличии, пока кто-нибудь не проверит полку.
Команде нужно видеть остатки по всем складам, держать сборку заказов под контролем и дозаказывать у поставщиков до того, как популярный товар закончится.
02
Для кого
Руководитель операций
Видит остатки, очередь заказов и то, что пора дозаказать, в одном месте.
Сотрудник склада
Работает по списку сборки, подтверждает упакованное и отмечает отгрузки.
Закупки
Создаёт заказы поставщикам, отслеживает поставки и фиксирует, что пришло.
03
Предлагаемое решение
Концепт разделяет фактический остаток и остаток, доступный для продажи. Как только приходит заказ, его позиции сразу резервируются, поэтому одну и ту же единицу нельзя продать дважды. Позиции, которые не удалось зарезервировать, сразу попадают в список закупок.
Каталог с вариантами
Товары, варианты, артикулы и точки дозаказа.
Остатки по складам
Фактический остаток по каждой локации, резерв и доступно.
Резервирование
Товары закрепляются за заказом сразу после его поступления.
Сборка и отгрузка
Очередь с понятными статусами — от нового до отгруженного.
Закупки и приёмка
Черновики заказов поставщикам и чек-лист приёмки.
Уведомления и журнал
Сигналы о низком остатке и запись о каждом изменении.
04
Ключевые сценарии
1От заказа до отгрузки
- Шаг 1: Приходит заказ, и его позиции резервируются.
- Шаг 2: Заказ появляется в очереди сборки с указанием ячеек хранения.
- Шаг 3: Сотрудники подтверждают каждую позицию, упаковывают заказ и отмечают его как отгруженный.
2От нехватки до заказа поставщику
- Шаг 1: Позицию заказа не удаётся зарезервировать из-за нехватки товара.
- Шаг 2: Позиция попадает в список закупок со ссылкой на исходный заказ.
- Шаг 3: Отдел закупок группирует позиции по поставщикам в черновик заказа.
3Приёмка поставки
- Шаг 1: Когда поставка приходит, сотрудники открывают заказ поставщику.
- Шаг 2: Они пересчитывают полученное количество по каждой позиции и отмечают повреждения.
- Шаг 3: Принятые товары становятся доступными, и ожидающие заказы можно зарезервировать.
4Сигнал о низком остатке
- Шаг 1: Доступный остаток опускается до точки дозаказа.
- Шаг 2: Уведомление предлагает количество на основе настроек дозаказа.
- Шаг 3: Одно действие добавляет его в список закупок.
05
Экраны
Иллюстративные экраны с примерными данными, созданные для этого концепта.
06
Дизайн-решения
Фактически, в резерве, доступно
Три числа рядом вместо одного остатка. «Доступно» — то, что магазин может продать; два других объясняют почему.
Статус — словом и цветом
У статусов заказов и остатков всегда есть подпись, поэтому их легко прочитать людям с нарушением цветовосприятия и на распечатке.
Фильтры всегда на виду
Поиск, склад, категория и «Только низкий остаток» расположены над таблицей и показывают, что применено, поэтому пустой результат никогда не становится загадкой.
Каждое изменение оставляет след
Остатки никогда не меняются незаметно. Каждое движение связано с заказом, заказом поставщику или корректировкой с указанием причины.
07
Что проверить
Концепт — это отправная точка. Эти вопросы стоит проверить на пользователях и решить в ходе реализации.
- Смогут ли сотрудники обновлять остатки во время сборки и нужно ли сканирование штрихкодов уже в первом релизе.
- Точки дозаказа: задавать для каждого товара или рассчитывать по истории продаж.
- Как частичные отгрузки и предзаказы должны выглядеть для покупателя и для команды.
- Каким каналам продаж нужна синхронизация остатков и как часто.
- Кто может вручную корректировать остатки и какие коды причин обязательны.
Предлагаемый стек: Next.js, TypeScript, PostgreSQL, Фоновые задачи для синхронизации каналов, Сканирование штрихкодов (требует проверки). Экраны на этой странице созданы на React и Tailwind CSS специально для демонстрации.
Есть похожий проект?
Расскажите о процессе, который вы хотите изменить. Мы ответим с понятным следующим шагом, а не с презентацией.