凱基銀行官網

由2016開始接觸凱基，官網每年都會更新部分區塊。2020-2021因應多年客戶需求做了全新改版。

銀行的UI元件是難且複雜的系統，website全球化意味著必須考慮歐亞等不同user的使用習慣，延伸的實用設計。

Audience

a) 42-55歲中高齡層

b) 32-45歲金融科技業

c)歐美亞裔35-45歲ABC商務人士

Objective 

a) 品牌辨識度提升

b) 整體設計風格清心乾淨，介面友善、使用步驟優化、表格優化

c) 同業差異化

定位

專業 | 舒適 | 令人愉悅且具活力的金融行業

軟體 ::
AdobeXD,Photoshop
Axure、Flowchart

期間 ::
3month

團隊 ::
KGI & Shinda pm team

腳色 ::
UX,UI

定義常用元件

主、輔色、中間調

字級變化

元件展開收合應用

困難點

◆ 響應式表格表現

◆ 閱讀舒適度

◆ 企業色彩運用

◆ 多層複選型選單

◆ 多層篩選型頁籤

◆ 複雜型流程簡化

◆ 進階搜尋設置

◆ 手機板收合

◆ 複雜型篩選簡化

◆ 第一頻展示資訊

◆ API及時串接

◆ 閱讀順序權重