統一投信

投資理財優惠服務輕鬆上手

統一投信

投資理財優惠服務輕鬆上手

專案背景

專案背景

「幸福理財好愜意」為統一投信針對新手投資人提供的新手入門與優惠一覽網站,讓初入市場的投資人迅速掌握資訊。本次改版協助梳理網站架構與頁面邏輯,並提供新的視覺規劃適度提升網站氛圍、傳達品牌意象,期待為投資人帶來更清楚、高效、友善的視覺與操作體驗。

前往體驗

專案角色

UI設計、資訊架構

執行時間

2022.09 - 2022.11

客戶

統一證券投資信託股份有限公司

專案目標

專案目標

本次網站改版目標,在理性層面上提升資訊易讀性,並在感性層面上營造溫暖親切的氛圍,讓整體呈現對於初入市場的投資人而言更為友善。同時連結品牌識別與角色IP,加深投資人對於品牌的認知。

痛點

1

首頁無法凸顯全站 核心業務 服務項目

2

頁面資訊 埋藏過深 ,主要資訊不易獲取

3

頁面 無記憶點 與品牌的連結薄弱

策略

1

重整 資訊架構、簡化層級

2

視覺表現上 強化品牌意象 ,並適度加入品牌角色IP,強化品牌連結

資訊架構

資訊架構

檢視網站現行sitemap後,我們將原本會開新分頁的內容視情況整併在原頁面上,減少迷失在許多分頁的清況。本次設計調整部分可見 After 中的橘色標示處。

1

評估「超夯優惠手續費」內各子頁的內容量與數量,確定可整合後將其合併。減少資訊的層級,同時避免使用者需要做多次點擊後才能看到內容。

2

將「全方位基金產品」上呈現的各基金特色從段落文字調整成卡片並點列,凸顯重要資訊。並將原看更多按鈕點開至新分頁的形式轉為popup,減少開太多分頁的困擾。

視覺風格

視覺風格

主視覺從原站擷取出的「幸福生活好愜意」文案意象作為設計主軸外,也參考了品牌色彩進行搭配,呼應品牌概念外,同時強化頁面上的企業形象。提案分別採用照片與插畫兩版形式,插畫版本特別繪製了統一投信的IP角色小美作為主角,最後決議採用照片風格的版本,全站的整體視覺便以此為基準往下延伸。

設計優化重點

設計優化重點

首頁

資訊氣味(Information Scent)強調使用者在瀏覽網站時,根據可見的線索快速判斷下一步行動的價值。通過在首頁揭露各單元部分的重點訴求,增強了資訊氣味,讓新手投資人能更直觀地理解網站結構和重點內容,進而提升導航效率和使用者體驗。

為了讓各裝置都能同樣舒適的體驗,將手機版圖文設計的更符合操作方式,使之更貼近瀏覽習慣。

優惠手續費單

超夯優惠手續費單元重新規劃為一頁式呈現,可透過表格內連結或是下方收合區塊來選擇閱讀感興趣的內容;亦可以從頭到尾完整閱讀。範例部分繪製了小美為主角的說明圖,讓規則能更容易地被閱讀與理解同時強化品牌連結。

基金產品

將各檔基金以卡片、點列式重點說明來展現,讓產品特色更直觀。點擊看更多以 popup 顯示更多資訊內容,取代原本點擊後開啟新分頁的形式,操作上可以不用離開當前頁面,接續閱讀其他產品內容。

RWD 響應式

網頁設計

RWD 響應式網頁設計

RWD 響應式網頁設計

確保各尺寸裝置皆有良好的操作體驗,並針對不同斷點個別微調細節,讓整體呈現更精緻。

haricoteeee@gmail.com

若想進一步了解我的工作,歡迎與我聯絡

Copyright © 2024 Tiffany Kao. All Rights Reserved.

haricoteeee@gmail.com

若想進一步了解我的工作,歡迎與我聯絡

Copyright © 2024 Tiffany Kao. All Rights Reserved.

haricoteeee@gmail.com

若想進一步了解我的工作,歡迎與我聯絡

Copyright © 2024 Tiffany Kao.

All Rights Reserved.