今日主題

30天鐵人賽已完成1/3，今天想開始啟動紀錄「專案收納 Hub」雛形。這個 Hub 預計成為所有成果集散地，能在鐵人賽結束後清楚回顧整體進程，後續就像不再繼續發文，也可以繼續新增 Side project。

目標是讓這個 Hub 具備個人風格——包含視覺設計、音樂氛圍，甚至是渲染效果。希望它不只是一個工具集，而是有質感展示空間。

為什麼想做

• 如果不整理收納，就會顯得破碎，也會忘記自己做過什麼
• 方便我檢視能力上或專案上的變化，可能某個階段或特別想要集中在自動化，可能某些階段又會特別
  要做 web 或 app，看見這些軌跡很有趣
• portfolio 可以很清楚、簡單，但也可以很有個人風格。知道自己一定會不斷修改再修改，也想要記錄從第一次開始記錄到最後覺得滿意時，會經過多少工具迭加和關鍵性突破可能會是什麼？

思考怎麼做

直接使用目前既有工具做出1.0版本，作為起點，後續才開始思考變化，並逐一記錄關鍵成果/工具/脈絡

版本紀錄

• 版本1.0： (2025/9/16)
  • 工具：Base44
  • 功能：如下
  • 成果
    • 資訊清晰度：80分
    • 互動程度：0分 (零互動)
    • 視覺滿意度：50分
    • 無聊程度：100分 (太無聊)

MVP 必要功能
專案清單
* 標題（Title）
* 簡短介紹（One-liner, 50–80 字）
* 1 張封面圖 + 1–2 張截圖
* 主分類（例如：Automation、Workflows、Data Tools、Playground）
* 3–5 個標籤（技術 / 功能 / 年份）
* 問題 → 解法 → 成果（簡短三段式）
* Demo 區（連結或嵌入影片）
* 一句話簡介（60–80 字）

篩選器
* 依分類或標籤過濾
* 依時間排序（最新在前）

關於我
* 自我介紹
* 聯絡方式（Email / LinkedIn / GitHub）

功能
* CRUD功能
* 只有我可操作
GI風格
* 電馭叛客

1.0 版本成果：

• 首頁：乾淨簡單，但也就簡單而已
  

• 專案頁：問題 → 解法 → 成果呈現俐落，可沿用
  

• 版本1.1： (2025/9/24)
  調整了什麼：
  請 GPT 針對過於標準化的設計，提供優化點子，這次賦予它的角色定位是：創意大師兼網站 UX 設計。以下是回覆方向，可用性有70分

### 1. 互動感 (讓使用者「玩」網站)

*卡片翻轉效果：滑鼠移過卡片，正面是標題/一句話，背面直接秀「問題-解法-成果」三行摘要。
*動態過濾：篩選時不要只是列表更新，可以用「流動、縮放、排列重組」的動畫，讓人覺得像在操作資料宇宙。
*專案時間軸模式：除了卡片牆，還可以切換成「年份時間軸」，專案像星球一樣分布在軌道上，強化歷程感。

---

### 2. 敘事感 (讓網站「講故事」)

*入口動畫：進入網站時，先看到一句「把點子變成作品」→ 然後專案卡片一張張掉落出來。
* 專案導覽模式：點進某個專案後，像閱讀一篇「案例故事」，從痛點到成果一路滑動，而不是單純彈窗。
* 人物化：用第一人稱或團隊口吻寫專案摘要，更有溫度。

---

### 3. 驚喜感 (讓人「哇」一下)

* 隱藏彩蛋：例如輸入特定關鍵字（像「fun」），會觸發彩蛋動畫或隱藏專案。
* 隨機推薦：首頁一角放一個「抽卡」按鈕，每次點會隨機跳出一個專案，增加探索感。
* 視覺風格變奏：不是所有卡片都長一樣，可以針對不同類型（小遊戲、工具、研究）設計不同卡片樣式，讓人一眼辨識。

• 版本1.1： (2025/9/24)
  • 成果
    • 資訊清晰度：80分
    • 互動程度：0分 → 30分
    • 視覺滿意度：60分
    • 無聊程度：100%無聊 → 70%無聊
  • 不同之處：
    • 進入首頁時的動畫DEMO，多了點期待感
    • 可翻卡瀏覽資訊
    • 右下多了「抽卡」按鈕，但實際上也只有抽卡字面上意思，抽出來的專案已是介面上既有專案，如果未有特殊設定‧沒有太多實質意義

首頁動畫DEMO

可翻卡瀏覽資訊

「抽卡」互動按鈕

呈現方式：多了 by 年度

下一步

直到10/14 關賽前，想到的時就做一點&持續紀錄，做多少算多少