專案概要
MIC AISP是針對企業及關注產業趨勢的使用者,由專業資深顧問團隊提供最新產業情報、創新技術調查與需求脈絡分析的機構。透過訂閱洞察報告及圖表,使用者能迅速掌握產業發展的關鍵與趨勢。
在這次的專案中,我們將進行網站改版,旨在優化使用者體驗。提供更直觀、更易用的界面,讓使用者能夠更輕鬆地瀏覽和訪問所需資訊。
設計時程
2020年12月 - 2021年1月
擔任角色
風格提案、前期發想、簡報製作、需求討論、網站視覺
重點特色
首頁採用雙欄式佈局設計,曝光多篇產業報告。且為了應對快速變化的產業趨勢,透過每週十大關鍵字的篩選按鈕,讓使用者迅速查看最新、最熱門的主題。
對於非會員,則提供免費試閱會員的特別優惠,同時展示可免費閱讀的文章,迅速引導對內容感興趣的潛在客戶。這樣的設計旨在提供使用者一個直觀且方便的瀏覽體驗,確保他們能夠迅速找到所需的資訊,並且促使他們進一步探索我們的內容。
雙欄式佈局設計
試閱會員重點介紹,快速導流非會員使用者
這個網站的主要目標是讓使用者訂閱並獲取最新的文章和簡報資訊,因此在設計時特別關注提供良好的閱讀體驗。
除了快速篩選已購買和未購買的報告外,還在閱讀報告時的網頁左側設置了固定的章節導覽列,引導使用者閱讀進度,並方便快速查看感興趣的章節內容。這樣的設計確保使用者在瀏覽網站的過程中擁有流暢且方便的閱讀體驗。
針對使用者的文章搜尋關鍵字,由系統自動提供相關主題標籤,以便使用者能夠快速篩選出可能引起興趣的主題。
此外,在網頁版的搜尋結果頁面的側邊欄位設計上,更推薦了使用者可能感興趣的文章、相關的出版書籍以及研討活動,吸引使用者點擊。
設計挑戰
由於客戶希望能將約30種主題的中英文都呈現在Mega Menu上,為避免選單過於冗長而影響到Mega Menu快速導流的功能,且考量到此網站的主要目標客群為閱讀中文報告的使用者,與團隊成員討論後,最後的設計方案採用Mega Menu以中文為主,並在hover時顯示英文翻譯。
這樣既符合主要使用者閱讀中文報告的需求,又保持了設計的美觀和易讀性。
設計系統