以土壤及地下水環境知識為主題的互動式網路遊戲平台， 結合遊戲化設計、角色視覺、知識答題與結果解析， 將環境議題轉化為具互動性與趣味性的數位體驗， 提升民眾對土水環境議題的認識與參與度。
執行範圍｜UI/UX 設計・互動網站・前端開發・後端系統開發
PROJECT OVERVIEW
建置以土壤及地下水環境知識為主題的互動式網路遊戲平台， 結合遊戲化設計、角色視覺、知識答題與結果解析， 透過互動方式提升民眾對土水環境議題的認識與參與度。
專案涵蓋遊戲場景與角色設計、UI/UX、 RWD 前端切版、題庫與答題系統、後台管理、 統計報表及資安弱點修補， 形成完整的互動式知識推廣平台。
從遊戲體驗與視覺識別出發， 規劃遊戲場景、角色及答題流程， 建立隨機出題、答題紀錄與角色結果解析機制， 並透過後台題庫、帳號管理及答題統計功能， 支援後續內容維護與成效分析。
DESIGN CHALLENGE
土壤及地下水環境議題具有一定的專業性， 若以傳統資訊呈現方式傳遞知識， 使用者較難長時間投入並主動參與。
因此本案以遊戲化體驗作為知識傳遞媒介， 將環境知識轉化為答題、角色與結果解析， 在兼顧內容正確性的同時， 建立更容易理解且具有記憶點的互動體驗。
將專業土水環境知識轉化為容易理解的互動內容。
透過遊戲流程、答題與角色結果提升使用者參與意願。
建立角色視覺與結果機制，增加遊戲體驗與記憶點。
同時兼顧手機、平板與桌機等不同裝置的操作體驗。
建立題庫與後台管理機制，支援內容維護及成效分析。
DESIGN & DEVELOPMENT
從遊戲企劃、視覺與角色設計出發， 串聯 UX/UI、前端互動、後端資料處理與題庫管理， 建立從使用者參與、答題到結果解析的完整互動體驗， 同時提供後台資料管理與統計分析功能。
GAME EXPERIENCE
規劃開始畫面、答題場景、遊戲流程及結果解析， 建立完整的互動體驗， 讓環境知識透過遊戲流程自然融入使用者操作。
CHARACTER DESIGN
設計土水騎士、土水護衛隊、土水魔術師、 土水主教、土水二刀流、土水黑騎士、 土水開創者等 7 組主題角色， 透過角色結果增加遊戲記憶點。
UI/UX & RWD
設計前台答題、結果解析、答題紀錄等介面， 規劃清楚的操作流程與資訊層級， 並進行 RWD 響應式切版， 支援不同裝置瀏覽。
SYSTEM DEVELOPMENT
開發隨機出題、答題流程、 結果解析與答題紀錄等核心功能， 串聯前端互動與後端資料處理， 建立完整遊戲運作機制。
QUESTION BANK
建立題庫管理機制， 支援題目內容維護與隨機出題， 讓遊戲內容可依後續推廣需求進行管理與更新。
DATA & REPORTING
建立答題紀錄與參與統計， 提供後台資料查詢及統計報表， 並支援 XLS 資料匯出， 作為後續成效分析依據。
SOCIAL INTEGRATION
整合 IG／Facebook 分享功能， 讓使用者完成遊戲後可分享互動結果， 延伸遊戲內容的社群傳播與推廣應用。
SECURITY
配合系統弱點掃描結果進行高、中風險漏洞修補， 針對系統安全性進行必要調整， 兼顧互動平台的使用體驗與資訊安全。
PROJECT RESULT
以遊戲化方式將土壤及地下水環境知識轉化為互動內容， 串聯角色設計、答題機制、結果解析與資料分析， 建立完整的使用者參與流程。
同時建置後台題庫、帳號與統計報表管理功能， 支援答題資料匯出與後續成效分析， 並完成 RWD、社群分享及資安弱點修補， 形成兼具互動體驗與系統管理能力的數位平台。
PROJECT COVERAGE
Game Experience → Character Design → UI/UX → RWD → Game Development → Question Bank → Data Analysis → Social Sharing → Security
透過遊戲化體驗串聯「答題 → 分析 → 角色 → 知識理解」， 讓環境知識從資訊閱讀轉化為具互動性與記憶點的數位體驗。
將土水環境知識轉化為答題與角色結果的互動體驗。
完成 7 組主題角色及遊戲場景視覺設計。
建置隨機題庫與答題結果解析機制。
建立題庫、帳號及統計報表等後台管理功能。
支援答題紀錄、參與數據分析與 XLS 資料匯出。
支援 IG／Facebook 分享功能，延伸遊戲內容推廣。
完成 RWD 響應式網頁設計，支援手機、平板與桌機。
PROJECT SERVICES
