Полный апгрейд “Трансфорт”. Управление логистикой без ограничений

«Трансфорт» – цифровое решение для управления логистикой в компаниях любого масштаба.

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

Команда NooSoft подошла к задаче основательно. Вместо частичного редизайна мы запустили полное переосмысление решения. «Трансфорт 2.0» получил технологическую базу нового уровня, стал адаптированным для роста и приобрёл потенциал долгосрочного развития.

Ключевые цели

«Трансфорт» уже был интегрирован в бизнес-процессы тысяч пользователей. Однако по мере увеличения их количества начали появляться узкие места, мешающие дальнейшему прогрессу. Ключевым требованием со стороны заказчика стало не просто обеспечение стабильного существования, а переход к принципиально новому уровню – с расчётом на годы вперёд.

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

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

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

Работа над обновлённой версией велась параллельно с поддержкой текущей инфраструктуры. От NooSoft потребовалась филигранная точность и высокая дисциплина: миграцию нужно было провести незаметно.

Специалисты NooSoft также взяли ответственность за стратегическую эволюцию. Нам доверили задачу, от которой зависела стабильность ключевых процессов. И мы построили новую систему так, чтобы сохранить всё важное, устранив прежние ограничения.

Что именно было обновлено?

«Трансфорт» прошел полноценный апгрейд, в котором изменилось всё: от архитектуры и стека технологий до интерфейса и пользовательского сценария. Мы перезапустили его, решая накопившиеся проблемы и готовя к будущему росту.

Новая архитектура

Прошлую систему сдерживали технические ограничения: устаревшие библиотеки, отсутствие типизации и тяжёлый webpack. Мы начали с самого фундамента – архитектуры, полностью перестроив проект на современный модульный каркас.

В новой версии чётко выделены слои: app, components, modules, pages, shared, types. Они упрощают разработку, облегчают тестирование и позволяют развивать каждый модуль независимо.

Также мы:

• перешли с JavaScript на TypeScript, значительно повысив стабильность и предсказуемость кода;
• отказались от классовых компонентов в пользу функциональных и хуков;
• внедрили Redux Toolkit и RTK Query – теперь работа с состоянием и API централизована;
• заменили webpack на Vite – скорость сборки выросла, dev-режим стал комфортнее.

Все процессы с формами переведены на react-hook-form: поля валидируются сразу при вводе, а кнопка отправки активируется только при корректном заполнении. Ошибки на клиенте сводятся к минимуму.

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

Новый интерфейс: проще, быстрее, понятнее

Мы ушли от старого UI на Semantic UI, пересобрав дизайн с нуля. Внешний вид стал чище, логичнее и адаптирован под реальные сценарии использования.

Например, раньше поиск заказов был многоступенчатым: сначала нужно было выбрать тип перевозки, потом перейти к списку заявок и только там – фильтровать. Столько этапов путали и отнимали время. Сейчас поиск объединён в одном окне, где можно сразу задать фильтры.

Изменилась и логика работы с формами. Их алгоритмы действуют «умнее»: при вводе e-mail, они проверяют наличие в базе и подстраивают поля под статус клиента. Это снижает количество ошибок и делает процесс заполнения оперативнее.

Добавились универсальные компоненты: модальные окна, поля ввода, уведомления для ускорения разработки и приведения визуала к единообразию.

В «Трансфорт 2.0» легче ориентироваться и выполнять необходимые шаги. За счет этого время на обучение пользователей сократилось. Простота и логика интерфейса теперь одни из ключевых преимуществ.

Интеграции: что добавлено

Одной из особенностей обновлённого «Трансфорта» стали интеграции с внешними системами. Они расширили функциональные возможности и повысили эффективность работы всех участников.

Взаимодействие реализовано благодаря API, которое поддерживает запросы по HTTP. Сервис может эксплуатировать другие бизнес-решения в реальном времени и автоматически обмениваться с ними данными.

К платформе подключен ряд важных инфраструктур:

1. 1С – широко используется для автоматизации учёта и управления. С её помощью «Трансфорт 2.0» передает параметры заказов, их статусы и другие показатели, минимизируя вероятность ошибок, связанных с дублированием информации и обеспечивая точность учёта.
2. ERP заказчика – инфраструктура, управляющая перевозками. Дает возможность «Трансфорт 2.0» оперативно отправлять информацию о задачах и формировать документы для логистических отделов. Сложность заключалась в необходимости учёта комиссии на заказ, а также передачи откликов со всеми нюансами перевозкок, таких как параметры транспортных средств и расстояние.
3. Автокод – автоматизирует процессы работы с автомобильными перевозками. Интеграция с «Трансфорт 2.0» позволяет генерировать коды для машин и учитывать их характеристики при обработке заявок.
4. Dadata – сервис для валидации данных. Взаимодействие с Dadata улучшает качество информации, повышает точность записей и минимизирует ошибки. Например, при вводе адреса автоматически появляются подходящие подсказки, что значительно ускоряет оформление.

Кроме того, реализована новая система авторизации на базе JWT с хранением токенов в cookies – это безопасно и удобно. Механизм ввода телефонов стал более гибким: появился выбор страны, автоматическая маска номера и проверка на корректность.

Под капотом

Изменения коснулись не только пользовательской части, но и всего «бэка». Мы внедрили:

• сервер на Nest.js;
• брокер сообщений NATS;
• кэш Redis;
• контейнеризацию через Docker;
• автоматизацию сборки, линтинга и проверки типов.

Такой набор технологий выбран специально, чтобы платформа была устойчивой, быстрой и готовой к развитию.

«Трансфорт 2.0» обеспечен высоким уровнем защиты информации за счет современных методов шифрования и многоуровневого контроля доступа.

Поскольку решение соответствует международным стандартам и требованиям, таким как GDPR, компании могут уверенно сотрудничать со всем миром и соблюдать нормативы.

Что получили пользователи

С момента обновления клиенты заметили существенные улучшения на платформе.

Удобство

Интерфейс и функционал стали удобнее – особенно в части работы с заказами. Мы сделали взаимодействие проще, а уведомления нагляднее и доступнее благодаря всплывающим окнам.

Теперь клиенты мгновенно получают информацию о любых изменениях из-за react-toastify, что помогает быть в курсе событий и оперативно реагировать на них. Экраны более понятны, а скорость выполнения задач значительно увеличена.
Например, этапы оформления логистических операций проходят быстрее за счёт модернизированной структуры дизайна и возможностей react-dropzone для загрузки файлов. В результате затраты времени на рабочие процессы сократились.

Автоматизация процессов

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

Новые формы с динамической валидацией на базе react-hook-form и libphonenumber-js упрощают ввод данных, снижая количество ошибок.

Управление заказами

Данный раздел стал гораздо удобнее после преобразований в модуле управления. Операторы могут не только создавать и редактировать заявки, но и эффективно управлять откликами на них. Весь цикл более прозорлив: теперь можно оперативно просматривать, изменять и удалять заказы, а также получать оповещения на почту и в личный кабинет.

Поддержка международных стандартов

«Трансфорт 2.0» ориентирован и на внешние рынки. Применение moment-timezone позволяет учитывать часовые пояса, а react-international-phone обеспечивает корректную работу с номерами телефонов по глобальным форматам. Всё это делает платформу удобной для клиентов из разных стран.

Скорость

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

Что получил бизнес?

Обновление «Трансфорт» превратилось в мощный драйвер роста и оптимизации.

Рост эффективности и снижение затрат

Автоматизация процессов сократила время операций на 30%. Фирмы теперь могут обрабатывать на треть больше заявок при тех же ресурсах.

Одновременно снижаются и издержки из-за меньшего числа ошибок.

Такое ускорение напрямую влияет на оперативность адаптации к запросам клиентов, что ведет к росту выручки и усилению конкурентных преимуществ.

Инвестиции окупаются за счёт:

• рационализации операционных расходов;
• повышения точности данных и устранения финансовых рисков;
• роста эффективности процессов, а следовательно и количества перевозок.

Увеличение прибыли

Благодаря сокращению простоев, доходы компаний могут вырасти на 20%. Быстрая реакция на колебания рынка обеспечивает оперативные изменения объёмов логистических задач и корректировку клиентской базы.
Высокая динамика выполнения заказов также улучшает денежный поток, снижая время от сделки до получения оплаты.

Выход на новые рынки

Поддержка международных стандартов открыла доступ к зарубежным клиентам. Появились новые источники заявок, что позволило рассредоточить риски, связанные с локальным рынком. Внедрение гибких инструментов управления и аналитики помогает более точно обрабатывать аудиторию, усиляя конверсию и средний чек.

Итоги в цифрах:

• -30% – сокращение времени обработки;
• +20% – рост выручки;
• +25% – повышение лояльности и удержания пользователей;
• расширение рынка за счёт выхода на международный уровень.

Платформа «Трансфорт» прошла глубокую трансформацию – теперь это  полноценная экосистема, способная поддерживать и усиливать развитие бизнеса.

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

Сегодня «Трансфорт 2.0» – мощный партнер, который помогает логистическим фирмам расширять горизонты, выходить на новые сегменты и значительно укреплять свои позиции в конкурентной среде. Компании получают гибкость, скорость и устойчивость, так необходимые для уверенного роста.

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