SELECTED WORK
用成果，說明我們怎麼解決問題。
每個案例都從背景、挑戰、解法到成果完整整理，而不只是漂亮的畫面。
AI 應用整合
01
系統裡的 AI 助理：說「確認上傳」才把商品推進草稿
這不是外面另一個聊天機器人，而是掛在系統「商品管理」裡的 **AI 助理**功能。透過 OpenAI API，在後台完成寫文、生圖、最多四張圖上傳，並在你說「確認上傳」後，才把結果推成商品草稿。
工具類型
02
圖片太大、格式不對？我找到一個線上工具箱，拖進去就好
前幾天又碰到老問題：手機拍的照片太大，想貼到社團；有些圖要轉成 WebP；偶爾還想加個浮水印，免得被亂拿。 我懶得開 Photoshop，也不想一個工具裝一個軟體。後來點開 [圖片工具]，感覺就是「把圖片丟進去，選你要做的事」那種網站。
電商與預約平台
03
想換床墊先逛官網：以使用者視角看「眠選生活」 - DEMO 展示站
床墊不是隨手點一下就買的東西。價格不低、要用很多年，睡感又很難只靠照片判斷。所以這次我想換床之前，先以一般使用者的角度，把 [眠選生活]官網完整逛過一遍——看資訊清不清楚、承諾靠不靠譜、流程好不好走。
互動體驗與網頁遊戲
04
Hot Shots：一指決勝，把籃球燒起來
掌握出手節奏，在倒數歸零前連續進球，讓籃球燃燒起來
互動體驗與網頁遊戲
05
3 分鐘，你能投進幾顆？來挑戰 Hoop Shooting Game
有沒有那種「只想休息一下、卻又不想開太大遊戲」的時刻？ 打開 Hoop Shooting Game，大概 10 秒就能上手——輸入名字、按下 Start，接下來就只剩你、籃框，還有倒數中的 3 分鐘。
電商與預約平台
06
3C Shop：可實際逛買的 3C 電商 Demo
想展示「不只是首頁好看，而是規格、購物車、會員與結帳都能跑」時，靜態截圖往往不夠說服力。**3C Shop** 是一套以筆電、手機、耳機為主題的線上選物 Demo：對方可以直接點開網址，走完一整段購物體驗。
電商與預約平台
07
Shop DEMO：一套可上線展示的電商完整流程
想快速展示「我做得出來一套真正能逛、能加購、能結帳的購物網站」時，文字說明往往不夠。**Shop DEMO** 就是為此而生的線上作品：不是靜態截圖，而是可實際操作的店面流程。
互動體驗與網頁遊戲
08
Neon Tetris Duel：霓虹風俄羅斯方塊，可單人也可雙人對戰
想找一款開網頁就能玩、畫面有霓虹感、還能跟朋友同機對戰的俄羅斯方塊？**Neon Tetris Duel**（霓虹俄羅斯方塊對決）就是這類瀏覽器遊戲：深色霓虹風格、操作清楚，並支援 **1 PLAYER** 與 **2 PLAYERS** 兩種模式。
工具類型
09
天氣預報：選縣市就能看台灣 36 小時天氣
出門前想快速知道會不會下雨、幾度、體感熱不熱？**天氣預報**是一個簡潔的台灣天氣查詢網頁：選好縣市後自動查詢，一次看完未來 **36 小時**的重點預報。