HRJust 網站開發進度報告
1. 本週完成項目
本週主要針對網站核心架構進行重構,並完成主要資訊頁面的視覺設計與切版。
核心架構與導航
- 導覽列重構 (Navbar Refactoring): 完成全站導覽列的重新設計與程式碼優化,整合以下主要區塊:
- About (關於計畫)
- News (新聞與見解)
- Events (活動)
- Intersect Observatory (交叉觀察站)
頁面設計與開發
- About 頁面 (全新設計):
- 完成頁面佈局,包含 Hero Section (正義女神像主視覺)、計畫簡介、以及核心資訊欄位(Coordinator, Funded By, Timeline)。
- 視覺風格統一,強調學術與專業感。
- News 頁面 (全新設計):
- 完成新聞列表的 CSS 樣式設計,包含格狀排列 (Grid View) 與單篇文章的呈現方式。
- 新增 "Subscribe" 訂閱功能區塊的 UI 設計。
- Work Package 4 (Advisory & Partners):
- 設計了 Advisory Board 與 Partners 的展示區塊。
- 採用圓形圖示搭配統一色調(深紅)的視覺風格,確保合作夥伴列表的整齊與一致性。
資料驗證
- 虛構資料建立 (Dummy Data):
- 於首頁與新聞頁面寫入 Placeholder(佔位符)資料(如:台南安平夕陽、斗南夜市等測試文章)。
- 目的為檢驗版面在不同圖文長度下的 RWD (響應式設計) 與排版穩定性。
2. 目前頁面狀態
| 頁面/區塊 | 狀態 | 備註 |
|---|---|---|
| Home (首頁) | ✅ 已完成 | 已置入測試用的虛構活動與新聞,用於展示版面設計效果。 |
| About | ✅ 已完成 | 全新頁面設計已上線。 |
| News | ✅ 已完成 | 全新頁面與 CSS 樣式已完成。 |
| Intersect Observatory | ⏳ 待開發 | 目前尚未實作。 |
| Events | ⏳ 待開發 | 目前尚未實作。 |
3. 待確認事項與討論
為了確保後續開發符合預期,需要請示以下幾點:
- 整體視覺風格確認:
- 目前的 首頁 (Home)、關於頁 (About) 以及 新聞頁 (News) 的設計風格與排版,是否符合計畫需求與審美標準?
- Work Package (Advisory/Partners) 呈現方式:
- 目前的圓形圖示設計(如截圖所示)是否滿意?是否有特定的 LOGO 排列或資訊呈現要求?
- Intersect Observatory 設計方向:
- 關於此區塊,目前尚未動工。請問是否有偏好的呈現形式(例如:地圖式互動、資料庫列表、或是圖表儀表板)?
備註: 下一階段將優先處理 Intersect Observatory 與 Events 頁面的開發,並根據本次回饋調整現有設計。