UI/UX設計

UI（使用者介面設計）
UX（使用者體驗設計）

網站

需要設計和工程師製作

? 《你不是破碎，而是入口》 QR Code 線上延伸頁｜第一階段開發計畫書 --- ? 專案名稱 《你不是破碎，而是入口》? QR Code 線上延伸頁設計與開發專案 --- ? 專案簡介 本專案為搭配即將於 2025/11/15 上市 的新書《你不是破碎，而是入口》所規劃，將設計並上線兩個由書中 QR Code 導向的互動網頁： 1. 13 分鐘身心學語音導引頁 2. MAIA-2 中文量表線上評估頁（2020 版） 目標是打造簡潔、療癒、穩定的使用體驗，以手機使用者為主，並在印書前完成對應網址設定。 未來網頁內容將持續擴充，因此網址規劃將採用「短網址轉址 → Linktree / Hub」的策略，確保書中 QR Code 能永久使用，不受平台更換影響。 --- ? 專案目標與交付內容 ✨ 第一階段（2025/11/15 前完成） 1. ? 身心學語音導引頁（Landing Page A） 響應式設計（RWD，手機優先） 內嵌 13 分鐘音檔播放（音檔由我方提供） UI 風格需符合本書調性：黑白灰 × 光 × 留白 × 療癒 × 靜謐 提供「返回書首頁／購書連結」按鈕 --- 2. ? MAIA-2 中文量表頁（Landing Page B） 依據 MAIA-2 中文版（2020，40 題）製作線上問卷 採 0–5 分 Likert Scale 單選格式 可分段／分頁呈現，避免一次出現過多題目 前端自動計算各分項與總分 結果頁顯示： 分項分數與總分 簡單圖表（雷達圖或長條圖）＋文字說明 「重新作答」與「回首頁」按鈕 --- ? 第二階段（未來追加，非本次開發） 請工程師在架構上預留資料收集的介面與函式，但此階段僅實作前端問卷與結果顯示，不進行資料收集。 未來將新增： 匿名收集問卷結果（不含個資） 寫入 Firebase／Google Sheets API／簡易後端 匯出 CSV 用於研究與統計分析 --- ? 技術建議（可依開發者擅長技術調整） 項目 建議技術 前端 HTML / CSS / JavaScript（或 React / Vue） 音訊播放 HTML5 audio / Plyr.js / Howler.js 問卷計算 JavaScript 前端 圖表 Chart.js / ECharts 後端（第二階段） Firebase / Google Sheets API --- ? 設計需求（UI/UX） 整體風格呼應書的療癒氣質：黑白灰 × 光 × 留白 × 靜謐 介面清楚易用，適合所有年齡層 操作流程簡單直覺 以手機版優先設計，兼容桌面瀏覽 --- ? 專案時程（預期） 時程 項目 10/25 前 Wireframe（流程與 UI 草稿）確認 11/5 前 音頻導引頁完成 11/10 前 MAIA-2 量表頁與結果頁完成 11/15 前 測試上線、交付原始碼與操作說明 ? 以「第一階段功能完整上線」為主要交付目標。 第二階段資料收集功能將於書上市後另行開發。 --- ? 交付項目 兩個可正式上線使用的 QR code 導向頁面（音頻頁＋量表頁） 部署於穩定平台（Netlify / Vercel / AWS S3 / 出版社主機 皆可） 原始碼與基本維護說明文件 確保相容主流行動裝置與瀏覽器 --- ? QR Code／網址策略（重要） 為確保印在書上的 QR Code 能長期使用、未來可擴充，將採以下結構： 1. 購買自有網域（如 awenhealing.com 或 zhaohealing.tw） 2. 設定一個短網址（例如 awenhealing.com/go） 3. 初期轉址至 Linktree 頁面（例如 https:// ********** 4. 書上 QR Code 指向 /go 短網址（而非 Linktree 本身） 5. 未來若改為自架 Hub 頁，只需修改轉址設定 → QR Code 不變 ✅ ? 這種「前門固定、內頁可換」的結構，是出版界常用的永久入口（permalink）策略。 --- ? 聯絡資訊 項目 資訊 姓名 趙耕樂 身分 徒手物理治療師／作者 Email： ta***@*** ******** Line： ******** 預計合作對象 前端工程師（可設計者佳）、小型團隊亦可 --- ? 備註與提醒 此專案重視「使用體驗 × 穩定性 × 美感」 請工程師在問卷程式中 預留 submitResults() 函式，雖然第一階段不實作資料收集，但未來可直接串接後端 API，避免重寫程式碼 若合作順利，第二階段資料收集功能將優先委託原團隊開發 --- ? 建議執行路線 時間 任務 現在～11月 ✅ 完成音檔頁 + MAIA-2 問卷頁 → 使用者可線上填寫＆看結果 書上市後 ✅ 制定資料收集計畫 → 與工程師追加第二階段功能（Firebase／Sheets） 未來 ✅ 長期收集匿名資料，作為研究素材進行統計或 IRB 計畫 ---

沒有預算概念

指定完成日期為：, 2025/11/15

透過電話或網路進行
自行前往專家的服務據點
請專家到指定地點洽談

沒有

台北市,信義區