Case 24 | KeyBank

KeyBank: https://www.key.com/personal/index.jsp

採用報紙頭條新聞nav bar的樣式,好幾欄的nav bar滿足銀行系統繁雜分類導航的需要

可以收起的"Sign on" box,brand color(#CC0000)用在CTA button上

內容部分以box形式呈現,“img"+"Title"

這個突出左邊-50px的紅色box,非常sharp的商業感覺

圖片文字是上下錯開的擺放位置,給非常標準化的頁面增添了活潑靈動的style

1:1復刻design

🍺思考:

・導航類目多的時候,使用多條nav bar

・上下錯開來的圖片排版,可以增加畫面動感

・懸浮的不完全alignment的邊框可以吸引用戶注意力,且增加畫面美感