01 遠東商銀 投資理財網 網站改版 網頁設計

02 遠東商銀 投資理財網 網站改版 網頁設計

03 遠東商銀 投資理財網 網站改版 網頁設計

04 遠東商銀 投資理財網 網站改版 網頁設計

05 遠東商銀 投資理財網 網站改版 網頁設計

06 遠東商銀 投資理財網 網站改版 網頁設計

遠東商銀 投資理財網 網站改版 網頁設計

遠東商銀 投資理財網 網站改版 網頁設計

【首頁設計】
首頁以投資資訊查詢為核心,透過模組化版面與卡片式設計重整資訊層級,整合基金、海外ETF、海外股票、投資觀點及理財規劃等內容。整體延續遠東商銀品牌紅色系,搭配大面積留白與情境插畫,兼顧金融網站的專業感與親和力,打造清晰、高效率的投資資訊平台。

【插圖設計】
首頁頁尾以「慢、富、樂、活」四大理財核心為主題,透過情境插畫與圖像化設計,將抽象的金融概念轉化為易於理解的視覺語言,提升內容的可讀性與品牌溫度。
慢 - 是理財硬道理
富 - 滾動財富雪球
樂 - 小錢可以立大功
活 - 越早起步效果好

【單元設計】
以嘉實資訊公版為基礎,結合遠東商業銀行品牌識別規劃各投資商品單元首頁,設計刊頭主視覺、產品列表及產品排行榜,並優化版面配置與互動元件。透過清晰的資訊層級與模組化設計,兼顧品牌一致性與操作體驗。

1.依類型/風險篩選商品 - 整合投資區域、商品類型、計價幣別及風險屬性等條件,透過標籤式介面快速組合篩選,協助使用者快速縮小搜尋範圍。
2.區間設定功能 篩選商品 - 提供滑桿式區間設定,搭配多項條件交叉篩選,協助使用者更精準地找到符合需求的投資商品。

執行範圍:Wireframe設計、網頁設計、視覺設計、跨裝置相容、前端開發 (切版)、banner設計。

RWD 響應式網頁設計 (Responsive Web Design) 跨裝置相容 Google Chrome, Firefox , iOS13.X以上 之 Safari & Chrome , Android 11.X以上 之Chrome. HTML5 / CSS3

標籤:基金 , 理財網 , 網站建置 , 行動裝置 , 銀行

網站連結

遠東商銀 投資理財網 網站改版 網頁設計