20260118 HRJust 網站開發進度報告

1. 本日完成項目

本日重點在於將客戶提供的最新文案 (HRJ Web Content) 整合至網站各核心頁面，並解決新舊內容與設計版型之間的適配問題。

頁面內容更新 (Content Integration)

• About 頁面優化：
  • 核心定義更新： 替換 Intro 文字，強調「Gap Analysis」（現有框架無法規範國家利用人權為手段）的概念。
  • 新增 Objectives 區塊： 補足原本設計稿缺少的「專案目標」列表（如 Methodology, EU Recommendations, Geopolitical Impact 等）。
• Home 首頁卡片更新：
  • 執行內容： 更新 Research Pillars (Covid, Migration, Climate) 的三張卡片文字，採用客戶提供的短版描述，引導使用者進入詳細頁面。

Work Packages 詳細頁面建置 (WP4, WP5, WP6)

• 版型定案： 確立採用 Header Area -> Focus Cards (3 cols) -> Conclusion Box 的標準結構。
• 內容適配策略 (Content Adaptation)：
  • WP4 (Covid): 完成內容置入，主題為 "Crisis & Justification"。
  • WP5 (Migration): 完成內容置入，修正標題為 "Rights at the Border" 以區隔主題。
  • WP6 (Climate): 完成內容置入，將法律架構拆解為 Investment Law, EU's Role, Constitutional Limits 三大區塊。

2. 遇到的問題與建議 (Issues & Solutions)

關於「詳細頁面紅框 (Red Quote Boxes) 的內容適配」

• 現況分析： 原設計稿的紅色方框是為「訪談故事（如機師、醫護）」設計的引言區塊，但客戶提供的新內容為「總論性研究描述」，缺乏具體人物對話。
• 視覺問題： 若直接移除紅框，版面會顯得空洞且失去視覺重心；若填入普通內文則邏輯不通。
• 解決方案： 轉化為「重點摘要 (Highlights)」區塊。
  • 從內文中提取關鍵行動語句（如 "Focusing on...", "Identifying gaps..."），填入紅框作為該卡片的 Quick Summary。
  • 此舉既保留了原本漂亮的視覺設計，又提升了資訊的易讀性。

3. 任務完成度對照表 (Task Matrix)

Next Step：

• 請客戶確認目前 About 與 WP 詳細頁面的圖文呈現是否符合預期。