線上開戶平台桌機與行動版專案主視覺

線上開戶平台|在家開戶免煩惱

專案年份2024
負責項目UI/UX|視覺設計
前往網站

專案背景

銀行開戶涉及各式驗證、資料填寫及條款確認,不同的帳戶類型也會產生不同的操作路徑。當大量欄位與專有名詞出現在畫面中,用戶容易失去方向,也難以理解每個步驟的目的。因此,本次優化的核心在於建立清楚易懂的開戶架構。

設計目標

這次以降低線上開戶的不確定感為目標,依身分條件顯示對應的驗證流程,並統一手機與桌機的操作回饋,讓用戶能順利完成開戶。

  1. 01

    流程可預期

    清楚呈現目前階段與所需資料,減少操作不確定感。

  2. 02

    身分條件正確分流

    依申請身分與驗證方式顯示對應內容,避免無關資訊干擾。

  3. 03

    操作一致性

    統一元件狀態回饋,使手機與桌機有相同的使用邏輯。

選擇申辦方式後,開始開戶流程

首頁作為各項開戶服務的入口,透過分頁區分「數位帳戶、預約開戶與帳戶升級」,讓用戶先依需求選擇正確路徑。

線上開戶平台桌機與行動版首頁服務入口

選定服務後,卡片會呈現服務特色與準備事項,並引導用戶直接進入申請流程。

根據帳戶類型,同步顯示對應的檢核資料

將可申請的帳戶列於選項中。用戶選定帳戶後,欄位會直接切換為該帳戶所需的資料,讓用戶接續填寫並完成後續流程。

依帳戶類型顯示對應檢核資料的介面

選擇熟悉的方式,更快完成金融驗證

考量用戶持有的金融工具不同,平台提供銀行帳戶、信用卡及他行 Fast-ID 等驗證方式,並在選擇前說明各方式的適用條件。

銀行帳戶、信用卡與 Fast-ID 金融驗證流程

選定方式後,畫面只顯示對應的輸入欄位與說明;Fast-ID 流程則整合 QR Code 與 App 引導按鈕,銜接跨平台身分驗證。

清楚引導拍攝,讓身分驗證更順利

進入 eKYC 前,優先說明證件擺放方式與注意事項,並用正確及錯誤範例協助用戶理解拍攝條件,減少驗證失敗的次數。

eKYC 證件拍攝說明、定位與資料核對流程

拍攝時透過辨識框引導證件定位,系統確認影像清晰後自動帶入資料,減少重複輸入並降低填寫錯誤率。

資料不漏填,申請進度清楚掌握

基本資料依個人資訊的類型進行拆頁設計,降低長表單帶來的閱讀負擔。於送出前統一呈現所填寫的內容,並保留分頁修改入口,讓用戶能快速檢查資料與修改。

基本資料填寫、送出確認與申請進度介面

完成申請後,結果頁會說明目前申請狀態與後續流程,避免用戶誤以為帳戶已立即開通,讓開戶流程在送出後仍有清楚的下一步。

專案成果

全新線上開戶平台整合多種開戶方式,作為銀行全新的開戶服務入口。用戶能清楚掌握目前步驟,也能依自身條件選擇合適的帳戶開立。

線上開戶平台跨流程與響應式設計成果