2. UI/UX 介面設計

本章節將說明本專案在介面設計上的整體策略與具體實作，包含設計系統建立、關鍵使用流程之視覺規劃、以及實際操作介面的互動細節。

團隊在設計過程中強調「模組化、易用性與視覺一致性」，透過元件化管理與 Figma Variables 建立色彩與樣式規範，確保設計與開發能高效協作。

分類	說明
使用工具	Figma、Framer、Notion、Illustrator、ChatGPT、Bolt、V0
實作內容	完整負責 UX 前期研究、Persona 與使用者故事發想、UI 元件設計、Prototype 製作與畫面標註，並建置完整 Style Guide 與 Design Token 系統
專案推進	建立 Notion 專案資料庫與任務看板，協助統整會議紀錄、API 文件對齊與三端進度追蹤
對外展示	製作專案 Landing Page 與簡報設計稿，負責發表使用畫面與設計邏輯呈現
設計亮點	動靜態任務追蹤進度條設計、LINE Bot 導流邏輯整合、任務狀態標籤與異常辨識機制
協作挑戰	初期缺乏 Style Guide，導致前端無所依據，設計規格無法即時傳遞
解決方案	後期導入 Figma Variables、建立元件庫、搭配 Notion 文件與色碼標註協作，統一三端對照規格，提升開發效率