Финтех-экосистема для масштабируемой бизнес-платформы

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

• Реализовать систему онбординга для селлеров с многошаговой формой подачи заявки на открытие счёта и загрузкой документов
• Разработать интерактивную карту для выбора адреса и времени доставки документов курьером
• Создать админ-панель для банковских сотрудников с просмотром заявок, их редактированием и управлением статусами
• Реализовать личный кабинет ДБО с функционалом переводов физлицам и юрлицам, формированием выписок в разных форматах и за кастомные периоды
• Внедрить двухфакторную аутентификацию через Keycloak для доступа к банковским операциям
• Разработать виджеты лимитов, тарифов и счетов с динамическим обновлением данных
• Реализовать формы налоговых и таможенных платежей с комплексной валидацией полей

В основе технического решения лежит стек React/TypeScript, развернутый на три независимых цифровых продукта: фронтенд для пользователей, бэк-офис и систему ДБО. Управление сложным состоянием данных делегировали Redux Toolkit, гарантировавшему консистентность информации в виджетах и формах. Обработку динамических полей со взаимными зависимостями изолировали внутри Final-Form. Централизованный контроль доступа и сквозную аутентификацию (SSO) обеспечили за счет внедрения Keycloak.

Основная техническая сложность заключалась в кастомизации формы выбора адреса. Требовалось настроить картографический сервис YMaps так, чтобы координаты клика конвертировались в текстовый адрес, синхронизируясь с графиком работы курьерской службы. Логика Final-Form позволила валидировать эти параметры локально, снижая число лишних запросов к бэкенду. Оптимизацию UI под мобильные устройства выполнили через SCSS-миксины, трансформируя карту в модальный блок для сохранения эргономики интерфейса.

В админ-панели мы создали сквозной интерфейс карточки клиента. После регуляторного скоринга модератор видел в одном окне все документы и мог редактировать их или переводить заявку на новый этап воронки через RTK-экшены.

Для личного кабинета ДБО разработали генерацию отчетов в PDF и Excel за любые периоды: фронтенд забирал сырые данные через RTK Query, форматировал их на клиенте и отдавал пользователю. Защиту операций настроили через 2FA в Keycloak с подтверждением по телефону до обновления токенов. Актуальность счетов и лимитов в виджетах обеспечили с помощью polling через RTK Query с шагом в 30 секунд.

Ключевые задачи и решения

• Многошаговая форма онбординга – Final-Form с синхронизацией шагов через localStorage, чтобы пользователь не терял прогресс при перезагрузке
• Интерактивная карта доставки – интеграция YMaps с Final-Form, валидация координат и слотов времени на клиенте через кастомные валидаторы
• Адаптив формы под мобильные устройства – SCSS-миксины с брейкпоинтами, карта сворачивается в модалку с сохранением выбранного адреса
• Панель управления для модераторов – детальный вью заявки с редактированием полей и сменой статуса через RTK-экшены, данные кэшируются в Redux
• Формирование выписок – RTK Query запрашивает данные за выбранный период, форматирование в PDF/Excel на клиенте через библиотеки jsPDF и xlsx
• Двухфакторная аутентификация – Keycloak отправляет код на телефон, токен обновляется только после подтверждения, редирект на личный кабинет
• Виджеты счетов и лимитов – RTK Query с polling каждые 30 секунд, оптимистичные обновления при изменении тарифа

• Для бизнес-пользователей: Клиенты платформы электронной коммерции получили возможность удаленного открытия расчетного счета за 15 минут без посещения отделений – от подачи документов до назначения курьерской встречи на интерактивной карте в один клик.

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

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

• Итог для заказчика: Банк получил цифровую экосистему из трех связанных приложений на современном технологическом стеке, закрывающую полный жизненный цикл работы с клиентом – от первичного онбординга до ежедневного расчетно-кассового обслуживания.

Автоматизация процессов кратно снизила операционную нагрузку на персонал, а заложенная архитектура на базе React и Redux Toolkit позволяет гибко масштабировать систему и интегрировать новые финтех-продукты без необходимости рефакторинга базового ядра.