SELECTED WORK
用成果，說明我們怎麼解決問題。
每個案例都從背景、挑戰、解法到成果完整整理，而不只是漂亮的畫面。
電商與預約平台
01
我們來拆解一下這個長得漂亮，但內核超硬的預約網站
表面是沐髮・拾甲 MUSE MUSE，髮間有光、甲上生花；內在是 Laravel 13 API + Blade 後台 + Next.js 前台，硬到可以去健身房
客製化商業系統
02
開店不該像組裝一台飛行器
shop-engine 給一般人的瀏覽指南
AI 應用整合
03
系統裡的 AI 助理：說「確認上傳」才把商品推進草稿
這不是外面另一個聊天機器人，而是掛在系統「商品管理」裡的 **AI 助理**功能。透過 OpenAI API，在後台完成寫文、生圖、最多四張圖上傳，並在你說「確認上傳」後，才把結果推成商品草稿。
工具類型
04
圖片太大、格式不對？我找到一個線上工具箱，拖進去就好
前幾天又碰到老問題：手機拍的照片太大，想貼到社團；有些圖要轉成 WebP；偶爾還想加個浮水印，免得被亂拿。 我懶得開 Photoshop，也不想一個工具裝一個軟體。後來點開 [圖片工具]，感覺就是「把圖片丟進去，選你要做的事」那種網站。
電商與預約平台
05
想換床墊先逛官網：以使用者視角看「眠選生活」 - DEMO 展示站
床墊不是隨手點一下就買的東西。價格不低、要用很多年，睡感又很難只靠照片判斷。所以這次我想換床之前，先以一般使用者的角度，把 [眠選生活]官網完整逛過一遍——看資訊清不清楚、承諾靠不靠譜、流程好不好走。
互動體驗與網頁遊戲
06
Hot Shots：一指決勝，把籃球燒起來
掌握出手節奏，在倒數歸零前連續進球，讓籃球燃燒起來
互動體驗與網頁遊戲
07
3 分鐘，你能投進幾顆？來挑戰 Hoop Shooting Game
有沒有那種「只想休息一下、卻又不想開太大遊戲」的時刻？ 打開 Hoop Shooting Game，大概 10 秒就能上手——輸入名字、按下 Start，接下來就只剩你、籃框，還有倒數中的 3 分鐘。
電商與預約平台
08
3C Shop：可實際逛買的 3C 電商 Demo
想展示「不只是首頁好看，而是規格、購物車、會員與結帳都能跑」時，靜態截圖往往不夠說服力。**3C Shop** 是一套以筆電、手機、耳機為主題的線上選物 Demo：對方可以直接點開網址，走完一整段購物體驗。
電商與預約平台
09
Shop DEMO：一套可上線展示的電商完整流程
想快速展示「我做得出來一套真正能逛、能加購、能結帳的購物網站」時，文字說明往往不夠。**Shop DEMO** 就是為此而生的線上作品：不是靜態截圖，而是可實際操作的店面流程。