統一投信 幸福理財 基金申購優惠 活動網站
統一投信 幸福理財 基金申購優惠 活動網站 網頁設計
統一投信針對新手投資人提供的新手入門與優惠一覽,讓初入市場的投資人贏在起跑線!
【網頁架構】
本專案在既有網站的基礎架構下進行優化,重新設計了首頁、超夯優惠手續費與全方位基金產品的頁面結構,並提供整體視覺規劃,適度提升網站氛圍並融合品牌意象,期待為投資人帶來更優質的視覺與操作體驗。
1.首頁
將各單元主要資訊於首頁揭露,讓投資人能快速掌握網站的重點訴求。 優惠資訊於第一頻配圖輪播,吸引投資人目光。
2.超夯優惠手續費
重新規劃為一頁式呈現,投資人可透過比較表格內的連結或是下方收合區塊標題來選擇閱讀感興趣的內容;亦可以從頭到尾完整閱讀。在示範說明部分特別繪製了說明圖,讓規則能更容易地被閱讀與理解。
3.開戶交易E指通
將資訊圖表化呈現,增添頁面的豐富度,製造畫面焦點。
4.全方位基金產品
將基金產品重新規劃為卡片,點列式說明重點。點擊看更多按鈕出現視窗顯示更多資訊內容,取代原本點擊後開啟新分頁的形式。
5.多元服務好EZ
為內容設計相符的照片與插畫,交錯陳列,使頁面更生動。
手機版除了原具備的RWD設計外,為追求更細緻的體驗,將部分圖文排列重新設計,使之更符合閱讀習慣。
【視覺設計】
主視覺採用照片形式,一名年輕女子帶著微笑望向窗外,展現「原來投資理財也能這麼便利」的滿足感。文案的部分則採用統一投信的企業形象輔助色進行設計。
全站配合主視覺的設計重新繪製了IP角色小美與配圖,採用較輕盈的背景設計,營造輕鬆氛圍。大量使用企業色彩,除了呼應品牌概念外,也強化頁面上的統一企業形象。
執行範圍:網站規劃、UI設計、網頁設計、視覺設計、跨裝置相容、前端開發 (切版)。
RWD 響應式網頁設計 (Responsive Web Design) 跨裝置相容 Google Chrome , IE (11.0以上版本) , Firefox , iOS9.X以上 之 Safari & Chrome , Android 5.X以上 之Chrome. HTML5 / CSS3
網站連結
統一投信 幸福理財 基金申購優惠 活動網站