跳至主要內容
← 返回首頁作品集

IDME:B2B 身分驗證與 KYB 的設計

專案版本發布4 分鐘
B2B SaaS身分驗證KYB企業 UXReactJS

IDME 是什麼

IDME 是一個 B2B 數位身分驗證平台:企業與政府機構用它在線上確認「對面真的是這個人、這間公司」。它主要用於 B2B 簽約情境,商家完成六類文件驗證後取得商家識別碼,才能開始交易。我以 React 為前端負責這個產品的 UIUX。因為內容高度機密,這篇的截圖刻意用超低解析度加整張模糊,只呈現流程的形狀與規模;文字部分則聚焦在需求、限制與設計決策。

重度模糊的註冊頁:六類文件清單版型與聯絡資訊面板
刻意整張模糊的註冊主頁:六類文件、完成勾選與客服面板。版型呈現規模,內容維持機密。

拆成六類的 KYB

KYB(Know Your Business)的難點是文件量:法定代理人證件、地址證明、其他股東、營業點、銀行帳戶、合約簽署,六類文件缺一不可。設計上把它拆成六張卡片的檢核清單,每完成一類打一個勾,使用者永遠知道自己走到哪裡、還缺什麼。地址證明支援水電瓦斯帳單、電信帳單、租約等多種文件,可以上傳檔案也可以直接拍照;銀行帳戶則先用代碼查出 IBAN 請使用者確認,查不到才退回手動輸入,把打錯字的機會降到最低。

重度模糊的銀行帳戶驗證步驟:IBAN 確認卡與「是」或「手動輸入」選項
銀行驗證(模糊):系統查到的 IBAN 讓使用者選擇確認或改為手動輸入。
重度模糊的文件上傳步驟:地址證明可上傳檔案或直接拍照
文件上傳(模糊):水電帳單等證明可以上傳檔案,或直接用相機拍。

把「等待」設計好

身分驗證的真正 UX 戰場是時間。文件送出後,審核可能要一到七天,這段空窗期若沒有設計,使用者只會焦慮地重複送件。所以每一類文件都有自己的狀態(待補、審核中、已通過、被退回),首頁清楚寫出預期天數與後續流程:審核通過會先收到驗證信,之後才開通權限。被退回時,訊息會說明是哪一份文件、為什麼、該怎麼補。經驗是:驗證產品的信任感不是來自流程多快,而是來自等待時使用者依然知道發生了什麼事。