紐西蘭南島家庭自駕旅遊 Web

透過與 Claude code 進行溝通協作，開發「紐西蘭家庭自駕遊」響應式專屬網頁。加入打卡進度條動態計算、核取方塊狀態綁定等互動功能，並確保網頁在手機、平板與桌機解析度下維持流暢且一致的操作體驗。 連結：https://411730178xian.github.io/nz-south-island-trip/

淡江教育科技系網站開發

獨立開發「淡江教育科技系」介紹網站，捨棄傳統冗長的 HTML/CSS，導入 Pug 樣板引擎與 Sass 預處理器進行開發。將學科介紹、課程地圖等複雜的樹狀資訊進行 UX 梳理，轉化為使用者友善的網頁導覽介面，並運用 GitHub 進行版本控管。 作品連結：https://xian1215.github.io/TKUET-Introduction/

音浪狂潮 音樂互動教材

科技部高中職音樂教材導入案，負責銜接 UI 視覺設計，運用程式邏輯完成前端介面的事件觸發與系統實作，將饒舌文化知識轉化為遊戲化學習體驗。獲 TAECT 國際學術研討會學生組第二名。 連結：https://xian1215.itch.io/music-project

淨零異世界：綠色淨化之路（畢業專題）

與「綠色公民行動聯盟」合作，使用 Construct 3 開發線上互動遊戲教材。從事件邏輯撰寫、腳本內容設計、企劃書產出、角色配音到現場實體導覽，將艱澀的淨零知識轉化為數位體驗，最終榮獲全系評比第一名。 連結：https://6831bec1b82cb1c73385c4f5--celebrated-hummingbird-86bf99.netlify.app

觀星協會數位經營導入企劃《星之所嚮》

擔任對接「台灣親子觀星會」的窗口，進行需求分析、數位企劃撰寫與互動程式開發。發現實體觀星活動「幼童參與度低、導覽人力不足」的痛點，企劃並使用 Construct 3 開發專屬互動網頁，將天文知識轉譯為遊戲腳本與互動電子書，透過 QR Code 將線下參與者引導至線上闖關，實現虛實整合體驗。 作品連結：https://xian1215.itch.io/start

稻神之守

使用 Construct 3 獨立開發《稻神之守》2D 互動遊戲，主題結合日本稻荷文化，掌控全端事件邏輯、數值變數設定與遊戲腳本企劃，精準掌控全域與區域變數。 連結：https://xian1215.github.io/Inari-guardian/