展新投顧

從線上開戶到會員系統的完整解決方案

展新投顧

從線上開戶到會員系統的完整解決方案

專案背景

專案背景

NAVIGATE (展新投顧)本是專業法人投資顧問,協助境外資產管理公司發展台灣業務機會,同時提供國內機構法人與高端客戶多元創新的投資產品。

我們收到展新投顧的委託,在正規的證券投資顧問服務框架下,透過規律清晰的觀察和解析文章,搭起投資大眾與專業投資市場的橋梁,構建出給優秀投資者作為財經趨勢參考的官方網站。

前往體驗

專案角色

負責wireframeCMSUI設計,與1位設計師協作

執行時間

2022.06 - 2023.06

客戶

展新證券投資顧問股份有限公司

資訊架構

資訊架構

與客戶確認需求、梳理了全站的資訊架構後,確認設計執行範圍,包含:首頁、文章單元、訂閱方案、關於我們、會員中心(開戶流程與訂閱管理)、電子報、CMS(後台)與基金中心。

設計目標

設計目標

由策略到表層的設計,層層堆疊並傳遞客戶的價值,打造品牌獨特的體驗。

競品分析

競品分析

在開始wireframe前,先對同質性同業(投信投顧)的網站內容與首頁進行簡單的調查與分析,更好地了解競爭格局、產業背景、識別目標受眾的需求以及獲得設計靈感。一共分析了7個同業網站,並歸納了 3 種首頁類型,根據客戶的需求與目標受眾的期望,將其納入後續設計時的考量。

首頁規劃

首頁規劃

考量使用者進入網站時的目的與情境,以及客戶商業上的需求,首頁分為五個區塊(banner輪播、專家觀點、綜觀全球、訂閱介紹、基金資訊),資訊呈現循序漸進,引導使用者探索。從首屏banner輪播吸引使用者注意,到專家觀點和綜觀全球提供深度分析,再由訂閱介紹推廣優質服務。最後是基金資訊,讓使用者感興趣後,可進行申購。清晰的行動呼籲(CTA)引導使用者完成轉化。

我們設計了三種訂閱方案在首頁的呈現的形式,包含:

  1. 基本內容與價格

  2. 詳細內容與價格

  3. 方案比較與價格

因方案內容較複雜,在首頁上揭露可能會讓頁面顯得雜亂、不利於閱讀,因此最後選擇只呈現 1. 基本內容與價格,詳細內容留到訂閱介紹的頁面再提供詳細資訊。

設計系統

設計系統

延續品牌理念——化繁為簡且值得信賴的投資領航家,與創辦人的願景目標,希望突破既有的投顧形象和框架。我們從企業logo與色彩延伸,打造了一套完整的識別系統,幫助品牌創造更一致的使用者體驗,並提升品牌辨識度。

訂閱方案

訂閱方案

我們將訂閱方案進行單獨的色彩計畫,幫助使用者透過色彩,更快速的識別文章的對應方案。

訂閱介紹依照5H1W法則對使用者闡述,每個訂閱方案都以清晰簡潔、點列的方式描述,易於瀏覽和理解。下方比較表可輕鬆快速地並排比較不同方案,幫助使用者根據自身需求進行選擇。

Who:網站的文章作者是誰?誰是小老闆?

What:訂閱方案包含什麼?分別是什麼內容?

When:訂閱方案的訂閱週期為何?文章的產出頻率?

Where:展新投顧的官方網站。

Why:描述重點特色、優勢,為什麼要選擇展新投顧的服務?

How:豐富的會員方案比較表,立即訂閱的CTA

線上開戶

線上開戶

為了讓使用者在開戶步驟能更有效地掌握自己的填寫進度,我們在表單上方加上進度條,方便一眼得知目前的進度與剩餘步驟,能更專注地完成當下任務。

會員中心

會員中心

Desktop版本的會員中心側邊呈現清單、mobile則將選單打開按鈕放在導航,供使用者快速操作。使用者可以在這裡查詢自己的訂閱方案與付款明細,也可進行訂閱方案的變更。

RWD 響應式網頁設計

RWD 響應式網頁設計

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

CMS

會員系統

CMS會員系統

CMS會員系統

有別於前台的設計,後台的設計目標是滿足網站管理者的需求,並好閱讀且好操作。我們在設計時儘量保持彈性,預留了可擴充的的備註欄位來提供未來使用。

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.