台灣迪卡儂運動社活動頁改版

專案介紹

台灣迪卡儂運動社網站協助用戶預訂運動課程、探索活動資訊,目標是打造一個連結運動機會與同好的流暢平台。本次改版聚焦於優化活動主題頁面與使用流程,提升資訊取得效率與跨平台體驗,讓用戶能順暢地在活動網站與電商平台間切換,並輕鬆完成報名。

負責角色

UI/UX 設計、用戶研究、原型製作、可用性測試、與開發團隊協作

使用工具

Figma, Figjam, Notion, GA, Jira

專案時程

1 個月

專案挑戰

選單位置不佳

選單置於活動頁面中央,使用者易誤觸導致跳轉。

過大且不常用的篩選器

主導頁面視覺焦點,干擾使用者瀏覽主要內容。

易用性受阻

用戶難以專注於關鍵賽事或課程資訊,最終影響參與度。

設計流程

使用者痛點

使用者在查看活動或課程前,往往先被導引至 FAQ 或電商頁面,導致整體體驗斷裂;加上活動資訊顯示區域受限、選單設計混亂,使用者難以迅速找到需要的內容。

使用者在查看活動或課程前,往往先被導引至 FAQ 或電商頁面,導致整體體驗斷裂;加上活動資訊顯示區域受限、選單設計混亂,使用者難以迅速找到需要的內容。

商業痛點

繁瑣的流程使活動頁面流量與用戶參與度偏低,轉換率也受到影響。針對兒童運動課程的推廣方式,需要用戶先購買商品才能領取優惠券,此機制增加摩擦、降低用戶完成訂單的意願。

繁瑣的流程使活動頁面流量與用戶參與度偏低,轉換率也受到影響。針對兒童運動課程的推廣方式,需要用戶先購買商品才能領取優惠券,此機制增加摩擦、降低用戶完成訂單的意願。

解決方案與成果 🔗 Prototype

透過分析使用者從付費廣告到電商著陸頁和活動網站的整體旅程,成功精簡流程、統一訊息並優化導覽體驗,以提升整體使用者體驗。

透過分析使用者從付費廣告到電商著陸頁和活動網站的整體旅程,成功精簡流程、統一訊息並優化導覽體驗,以提升整體使用者體驗。

1

導覽整合優化跨平台體驗

新增動態 Banner,將用戶從活動頁流暢引導回電商平台,減少跳轉障礙並鼓勵探索更多商品或課程。
新增動態 Banner,將用戶從活動頁流暢引導回電商平台,減少跳轉障礙並鼓勵探索更多商品或課程。

2

強化活動能見度

調整活動卡片與篩選區塊位置,確保用戶一進入網站就能立即看到核心課程資訊,提高報名率。
調整活動卡片與篩選區塊位置,確保用戶一進入網站就能立即看到核心課程資訊,提高報名率。

3

響應式設計與行動端優化

為行動裝置優化整體排版及互動流程,避免誤觸與資訊過載,使跨裝置體驗更順暢。
為行動裝置優化整體排版及互動流程,避免誤觸與資訊過載,使跨裝置體驗更順暢。

Copyright 2025 by Wen TU

Copyright 2025 by Wen TU