年份
2026
我的角色
UI/UX Designer
負責項目
UX 流程 / UI 設計 / Claude Code 協作開發
問題：一個陶藝社團裡的兩個摩擦點
Muddy Club 是我和朋友的陶藝社團，每週會在朋友的工作室捏陶。工作室負責人不另外收教學費，氣氛輕鬆隨性，沒有系統性的課程，大家想做什麼就拿照片給老師，老師再現場教技法。
兩個痛點不斷重複出現：
燒窯費難算
費用依作品體積計算，規則對新手來說不直覺，每次都得手動算。負責人也難以做收支紀錄。
靠別人的照片找靈感，做出來都很像
因為沒有系統性課程，大家的靈感來源都是 IG 和 Pinterest，結果做出來的東西都和 reference 大同小異，缺乏原創性。
第一階段：把計算機搬上手機
我做了一個簡單的計費工具，把工作室的計價規則變成「輸入尺寸 → 得到報價」的單一流程。使用者只要量完尺寸輸入，什麼都不用記，判斷邏輯藏在工具裡。
計費工具的下方我保留了費用的計算規則說明，讓大家知道自己需要付的錢是怎麼算出來的。
現在實際在 Muddy Club 使用。 老師用它出報價單管理工作室收支，大家也能先自己算算想做的東西要多少錢。
觀察與轉折
幾週之後，我注意到一個跟費用無關的問題：大家做出來的東西都和帶來的 reference 長得很像。
如果能讓使用者在動手之前,先在數位環境裡捏一遍、試造型、試釉色,他們就能帶著一個更接近自己的構想去找老師,而不是一張別人的作品照片。
於是我把 Muddy Club 增加了「捏陶模擬器」的功能。
解法：瀏覽器裡的四步驟陶藝工作室
捏陶 → 把手 → 上釉 → 裝飾
對應陶藝的物理順序
這個流程本身就是一種隱性教學。你不能在還沒成形的黏土上釉，也不能在燒完的成品上加把手。新手跟著流程走，自然就理解了陶藝的工作邏輯。
可逆，不強制
底部的 4 個步驟圓圈同時是進度指示器和導覽列。第 4 步可以隨時跳回第 1 步把陶器拉高。順序是建議，不是強制，畢竟我們的目的是讓使用者能捏出想要的造型來跟老師溝通。
工藝感的克制視覺
米色為底、單一強調色(陶土棕)、4px 為單位的 spacing system、避免任何裝飾性的 UI 元素。模擬器本身是個創作工具，視覺雜訊會干擾使用者專注在自己的作品上。
與 AI 協作開發
這個專案利用 Claude Code 串接 Figma MCP，讓 AI 直接讀設計稿進行開發。我負責 UI/UX 設計和判斷，Claude 負責工程端實作。比起讓 AI 取代設計師，我認為跟 AI 協作能讓設計師以前所未有的速度產出和迭代。
成果
計費工具實際在 Muddy Club 使用中。模擬器已經給社員測試過，目前迭代到 2.1 版，持續根據反饋調整中。
