MasterCard オンボーディング自動化

概要

構造化アンケート、入力バリデーション、標準化された提出、クライアント受付用のバックエンド API を備えたフルスタックのオンボーディングツール。

課題

クライアントのオンボーディングは自由形式のドキュメントに依存しており、下流のレビューと自動化が脆弱になっていました。ビジネスユーザーには、機械が解析でき、人が安全に拡張できる構造化された受付の仕組みが必要でした。

実装したこと

すべての質問を型付きフィールドとしてモデル化し、境界で入力を検証し、提出内容をビジネスユーザーがレビューでき、バックエンドが処理できる構造化レコードに標準化する React + API のオンボーディングアプリを構築しました。

アーキテクチャ

• React フロントエンド — 構造化アンケートとインラインバリデーション
• バックエンド API — 型付きの提出レコードを受け付ける
• 提出データのストレージ — レビューと自動化が単一のスキーマを共有できるよう、構造化レコードとしてモデル化

技術的ハイライト

• フォームの回答を構造化レコードとしてモデル化し、ビジネスユーザーが提出内容をレビューでき、ワークフローを安全に拡張できるようにした。
• 境界で入力バリデーションを行い、不正な形式の提出がバックエンドに到達しないようにした。

成果

• 自由形式の受付を、下流システムがそのまま利用できる型付きでレビュー可能なワークフローに置き換えた。