境外運動賽事相關產品官網

本產品為境外體育賽事相關產品的官網，目標是官網首頁的更新改版，內容包括新增資訊區塊並優化視覺體驗。

​​需求與目標：

1. 增加玩家排行榜功能

2. 新增單元內容, 已元件形式顯示於首頁下方

3. 依單元不同, Menu 樣式需可展示多元樣式資訊

4. Banner 為使用者快速進入活動的入口之一, 規劃預覽功能快速瀏覽或查找活動

5. 為卡片資訊增加內容預覽, 加入互動效果

​​​改善現有問題：

1. Header 過寬占用過多初次進入的可視範圍

2. 配色雜亂,無規劃主次要配色,不同色彩無代表特殊意義

3. 改善 Banner 大小與樣式, 抓住視覺重點

4. 統一 Icon 樣式

5. 區塊優化, 拉高文字層級,提升資訊對比

6. 加入 Light Mode / DarkMode 概念

【選單與輪播圖區塊優化】

需求與優化：

1. Menu 整合新舊單元，改為大區塊顯示，依各單元需求顯示

　不同資訊樣式。

2. 由 Banner 進入活動內頁的點擊率比例極高, 設計滑鼠懸停時

　於下方顯示縮圖與標題, 方便使用者快速了解活動 Banner 數

　量及選擇所需活動入口，並將小灰點改為底線顯示, 強

　調 Selected 狀態。

【卡片元件優化】

改善問題：

1. 成交量不會有100%, 移除非必要進度條

2. 加強文字間大小粗細對比,強調層級關係

3. 避免用戶困惑與視覺統一, 規劃主/副色調

4. 按鈕文字對比率過低

5. 加入動態與互動性

【新增內容區塊 & Footer 優化】

1. 依需求增加可分類得卡片內容區塊

2. Footer 資訊分類, 並統一 Icon 樣式