獨立完成的信用卡商 App
這是我獨立為一家信用卡發卡商設計的 React Native App:金融產品、真實的卡、真實的錢。範圍涵蓋註冊、KYC 身分驗證、SCA 強驗證、開卡、PIN 管理、鎖卡、遺失被竊回報與帳戶管理,而且深色與淺色兩套主題都要完整。因為產品尚未公開上線且屬敏感金融內容,截圖全部採用超低解析度加整張模糊,只保留版面的形狀;prototype 連結也不放。這篇文章以敘述為主:遇到什麼需求與限制、考慮了什麼、解了什麼問題。

KYC、SCA 與開卡
發卡有法遵順序:先 KYC 驗明身分,再 SCA 綁定裝置,才能開卡。KYC 需要證件與地址證明,例如水電瓦斯帳單,部分情境還有 liveness 活體驗證。這些檢查都由第三方元件執行,UX 要處理的是元件外面的世界:進去之前把要準備的東西講清楚,出來之後把結果講清楚,以及最重要的,驗證跑動的那幾十秒要有等待狀態,讓使用者知道系統正在工作,而不是當機。OTP 彈窗也是一樣的邏輯:預設、錯誤、已填三種狀態都設計,錯誤訊息說明還能重試幾次、什麼時候能重發。


深淺雙主題,雙倍狀態
客戶要求深淺兩套主題同時上線。這不是把顏色反轉就好:狀態色在深色底上的對比、卡面在兩種背景下的立體感、錯誤紅在黑底的刺眼程度,全部要各調一次。我的做法是先把結構定死(同一套流程、同一套元件、同一套狀態),再各自鋪一層視覺,Figma 檔案裡兩個版本並排維護。獨立負責整個金融 App 的收穫:每個決定都要能對法遵、工程與商業三方說出理由,設計說服力比畫面產量重要。
