專案介紹
書籍形象網站｜網站開發案例
書籍推廣網站，結合 17 分鐘身心導引音頻與 MAIA-2 測驗系統。採用極簡黑白灰設計風格呈現療癒品牌調性。
問題背景
此案將書籍介紹、導引音訊與量表作答集中在同一網站。播放器保留聆聽控制，測驗保存答題進度並以雷達圖呈現結果；這些是介面功能，不代表醫療效果。
核心功能
- MAIA-2 量表測驗系統
- 17 分鐘導引音頻播放器
- 自動進度緩存機制
- 後台管理系統
實作方式
- —自定義計分引擎
- —使用 Chart.js 雷達圖
- —純 CSS 粒子動畫效果
實作資料流
- 01閱讀書籍介紹並播放導引音訊。
- 02填寫量表，保存或繼續答題進度。
- 03查看雷達圖與結果說明。