20260203 HRJust 網站視覺優化與架構調整報告

本日工作重點在於執行客戶 (Website Feedback 2_2_2026) 針對視覺風格與導覽體驗的修正建議。除了落實配色與排版調整外，亦針對網頁無障礙性（Accessibility）進行了必要的微調，並完成 About 頁面細部樣式的重製。

視覺風格與全站設定

• 色盤與對比度調整：
  • 已將綠松石色、粉紅色及柔和黑色加入全站色盤。
  • 實作調整： 考量閱讀清晰度，客戶提供的原始色碼過淡，已調整為較深/飽和度較高的版本，避免文字與背景融為一體。
  • 導覽列： 底色調整為較深的綠松石色，確保選單文字清晰可見；Title (HRJust) 字體已更新為 Work Sans 並設定為可點擊。
• 按鈕樣式更新：
  • 首頁 Subscribe 按鈕：更新為深粉紅色。
  • 全站 Read More 按鈕：統一更新為綠松石色。

首頁與版面重整

• 內容區塊整併：
  • 將 "Recent Events" 擴充為 "News and Events" 區塊。
  • 佈局調整為 Column (直欄) 顯示，並移除原定粉紅色背景（提升文字可讀性）。
  • 新增 "View all Events" 與 "View all News" 按鈕。
• Banner 與合作夥伴：
  • 將原 About 頁面的歐盟價值宣言移至首頁 Slideshow。
  • Partners： 補上 University of Gothenburg (GU) Logo。

頁面優化與樣式重製

• About Page 更新：
  • Objectives 樣式重製： 已參照設計稿，將目標列表改為標籤式卡片設計（如附圖），提升閱讀層次感。
  • 細節修正： 確認芬蘭國旗顯示正常；頁面上的 Icon 已設定為可點擊（Clickable）。
  • 排版緊縮： 已調整 Advisory Board 版面。
  • 資訊遷移： Coordinator、Timeline、Funding 資訊已移至頁尾。
• Intersect Observatory Page：
  • 移除 "News" 子區塊與篩選器；因無篩選器需求，故不需製作 Publications 變色按鈕。
• Issue Pages (Covid/Migration/Climate)：
  • 已移除 Emoji 與舊有的小標題。未來建議透過 CSS yc-wp-colorblock-quote 樣式來統一新增副標題。

待釐清與協作事項

在此次更新中，有部分項目因素材缺失或執行限制，需請團隊協助確認：

1. 內容缺漏：
   • 未收到 "Complex Intersectionality" 與 "Theoretical Framework" 的文案內容。請提供文案，或請團隊直接於後台新增。
2. Icon 設計一致性：
   • 目前暫時使用 Emoji 以維持統一性。若需更換為特定風格 Icon，建議聘請設計師繪製或購買授權圖庫，以確保視覺品質與版權合規。
3. 活動文章拆分：
   • 關於 "Some events articles are grouped..." 的需求，因涉及內容編輯，建議由團隊同仁將舊文章內容手動拆分為獨立的 Event Posts，系統即可自動呈現正確版面。
4. 找不到需移除的區塊：
   • 在 Issue Pages 中未發現名為 "Policy Impact", "Assessing Protection", "Future Governance" 的區塊，故無法執行移除。請確認是否為舊版內容或位置有誤。

任務完成度對照表

Next Step

1. 請確認 "Complex Intersectionality" 等缺漏內容。
2. 請團隊確認 Icon 處理方式（維持 Emoji 或提供設計檔）。
3. 確認首頁 "News and Events" 的新佈局是否符合預期。