Личный кабинет СВС-Логистик для клиентов и курьеров
Фронтенд-кабинет интегрируется с бэкендом на 1С (бэкенд - отдельный кейс). Проект и UX/IA спроектированы с нуля.
Заказчик: логистическая компания с клиентским и курьерским контурами.
Роль: полный цикл фронтенд-разработки + продуктовая проработка сценариев.
Задача: продумать структуру кабинета и интерфейсы под реальные операции.
Заказчик пришел с общими пожеланиями по внешнему виду и без готового ТЗ. Нужно было придумать структуру кабинета и сценарии под реальные операции клиентов, курьеров и склада.
Проблемы, с которыми пришел заказчик
- Разрозненные процессы по накладным и доставкам без единого кабинета.
- Нет прозрачных статусов по посылкам для клиентов и курьеров.
- Сложно быстро оформлять типовые отправки и избегать ошибок в адресах.
- Много ручной работы на складе и при формировании манифестов.
- Нужны документы и печатные формы без участия менеджера.
Наше решение
Модульная структура: накладные, манифесты, склад, документы, тарифы, трекинг.
Фокус на скорости: шаблоны, авто-заполнение, быстрые действия, сканирование и печать.
Единый кабинет для клиентов, курьеров и склада с ролевыми правами.
Ключевая функциональность
Создание накладной: шаблоны, расчёт веса и объёма, тариф, страхование, дополнительные накладные.
Манифесты: подбор накладных, сканирование штрих- и QR-кодов, приём на склад, экспорт в CSV.
Склад и задачи: назначенные накладные, группировка по адресу и времени, фильтры.
Тарифы и отслеживание: расчёт стоимости, создание накладной, публичный трекинг.
Документы: счета, акты, счета-фактуры в PDF, НДС, связь с накладными.
Накладные: список, фильтры, статусы, карточка, история, быстрые действия.
UX и архитектура
Ролевой доступ и контент по permissions (клиент, курьер, склад, менеджер).
Два режима UI: desktop с верхней навигацией и мобильный с нижней панелью.
Встроенная печать накладных и маркировок, быстрый экспорт.
PWA-подход: service worker, сохранение сессии и состояния.
Технологии
- React + TypeScript, Redux Toolkit + Persist, React Router
- Ant Design, LESS
- QR/Barcode-сканирование, react-to-print, CSV-экспорт
- Webpack, service worker (Workbox)
Результат для бизнеса
- Единая точка управления доставками и документами.
- Сокращение ручных операций и ошибок в адресах и документах.
- Быстрее цикл «создание → доставка → закрывающие документы».
- Прозрачность статусов для клиентов и курьеров.