「幸福理財好愜意」為統一投信針對新手投資人提供的新手入門與優惠一覽網站,讓初入市場的投資人迅速掌握資訊。本次改版協助梳理網站架構與頁面邏輯,並提供新的視覺規劃適度提升網站氛圍、傳達品牌意象,期待為投資人帶來更清楚、高效、友善的視覺與操作體驗。
前往體驗
專案角色
UI設計、資訊架構
執行時間
2022.09 - 2022.11
客戶
統一證券投資信託股份有限公司
本次網站改版目標,在理性層面上提升資訊易讀性,並在感性層面上營造溫暖親切的氛圍,讓整體呈現對於初入市場的投資人而言更為友善。同時連結品牌識別與角色IP,加深投資人對於品牌的認知。
痛點
1
首頁無法凸顯全站 核心業務 與服務項目
2
頁面資訊 埋藏過深 ,主要資訊不易獲取
3
頁面 無記憶點 與品牌的連結薄弱
策略
1
重整 資訊架構、簡化層級
2
視覺表現上 強化品牌意象 ,並適度加入品牌角色IP,強化品牌連結
檢視網站現行sitemap後,我們將原本會開新分頁的內容視情況整併在原頁面上,減少迷失在許多分頁的清況。本次設計調整部分可見 After 中的橘色標示處。
1
評估「超夯優惠手續費」內各子頁的內容量與數量,確定可整合後將其合併。減少資訊的層級,同時避免使用者需要做多次點擊後才能看到內容。
2
將「全方位基金產品」上呈現的各基金特色從段落文字調整成卡片並點列,凸顯重要資訊。並將原看更多按鈕點開至新分頁的形式轉為popup,減少開太多分頁的困擾。
主視覺從原站擷取出的「幸福生活好愜意」文案意象作為設計主軸外,也參考了品牌色彩進行搭配,呼應品牌概念外,同時強化頁面上的企業形象。提案分別採用照片與插畫兩版形式,插畫版本特別繪製了統一投信的IP角色小美作為主角,最後決議採用照片風格的版本,全站的整體視覺便以此為基準往下延伸。
首頁
資訊氣味(Information Scent)強調使用者在瀏覽網站時,根據可見的線索快速判斷下一步行動的價值。通過在首頁揭露各單元部分的重點訴求,增強了資訊氣味,讓新手投資人能更直觀地理解網站結構和重點內容,進而提升導航效率和使用者體驗。
為了讓各裝置都能同樣舒適的體驗,將手機版圖文設計的更符合操作方式,使之更貼近瀏覽習慣。
優惠手續費單
超夯優惠手續費單元重新規劃為一頁式呈現,可透過表格內連結或是下方收合區塊來選擇閱讀感興趣的內容;亦可以從頭到尾完整閱讀。範例部分繪製了小美為主角的說明圖,讓規則能更容易地被閱讀與理解同時強化品牌連結。
基金產品
將各檔基金以卡片、點列式重點說明來展現,讓產品特色更直觀。點擊看更多以 popup 顯示更多資訊內容,取代原本點擊後開啟新分頁的形式,操作上可以不用離開當前頁面,接續閱讀其他產品內容。
確保各尺寸裝置皆有良好的操作體驗,並針對不同斷點個別微調細節,讓整體呈現更精緻。