От back-end к пользователю — полный цикл

Резюмируем урок примером «Запуск кредита»:

• Back-end:
• Архитектор моделирует процесс в ArchiMate.
• Генерируется код для CustomerOnboardingPBC, GreenRiskPBC.
• PBC регистрируются в реестре.
• Front-end:
• Команда разрабатывает микро-Front-end-виджеты для каждого PBC.
• Все компоненты используют единые токены и компоненты из дизайн-системы.
• Интерфейс собирается в low-code.
• Омниканальность и единый UX:
• Приложение доступно в вебе, в мобильном приложении, в call-центре.
• Клиент получает единый бесшовный опыт на протяжении всего процесса взаимодействия с компанией

В результате использования такого подхода:

• Приложение готово за 10 дней.
• UI- единый, UX — бесшовный.
• Нет дублирования ни на back-end, ни на front-end.

Таким образом:

• Микро-Frontend — ответ на масштабирование front-end разработки.
• Омниканальность требует единой платформы PBC и единой логики.
• Дизайн-система — основа единого UX, когда работает много команд. Без дизайн-системы микро-Frontend ведёт к визуальному хаосу. Дизайн-система — гарант единого UI и UX.
• Единый клиентский опыт — не про красивый интерфейс, а про согласованность всей системы.
• Front-end и back-end — части единого целого:

PBC → Micro-Frontend → Design System → Unified UX

Как PBC решают хаос на back-end, так дизайн-система решает хаос на front-end. Вместе они создают единый клиентский опыт — ключевое преимущество современных digital-платформ.