Belle.
Belle's Bakes 是一間位於英國 Ulverston 的台式微型烘焙品牌。v1 將原本僅透過 IG 私訊接單的方式,轉化為行動優先的自助結帳體驗。目標結帳時間為 5 分鐘,提供雙語介面(EN / 中文)、跨城市配送的送禮模式,以及以水彩風格品牌敘事吸引海外台灣人與週末訪客族群。
Client:
自主發起(創辦人主導)
My Role:
UX/UI 設計師 · 研究員 · 創辦人
Year:
2026
Service Provided:
UX 研究 / UI 設計 / Design System / 原型製作 / 啟發式評估
The Challenge
三個銷售管道——IG 私訊、線下市集、B2B 批發各自遇到結構性瓶頸。光是 IG 私訊接單,每筆訂單就需要 3–5 則訊息往返,無法被 Google 搜尋到,且須手動完成銀行轉帳。創辦人成為整個流程的瓶頸:訂單每增加一筆,就意味著更多私訊處理時間。
The Approach
以 2 組使用者角色(英國送禮者 + 海外亞洲族群)進行假設性評估,歸納出 5 個洞察群組與 7 個 HMW 問題。鎖定 v1 目標:初次購買者可在 5 分鐘內完成自助結帳。透過 AI 輔助工作流程(Claude Code),於 31 個工作天內完成設計。
Outcome
v1 設計支援 4 項成效指標(待上線資料驗證):
≥ 15 筆訂單 / 週——自助結帳 · 行動優先 · 預購批次 UX
≥ 35% 首次結帳完成率——Stripe / Apple Pay · 固定式 CTA · 區段進度顯示
≥ £28 平均訂單金額——送禮模式 · 跨城市 DPD 配送 · 禮盒加購
≤ 3 小時 / 週 創辦人客服時間——自助流程 · 公開 FAQ
最終交付成果:4 個使用者流程、16 張高擬真畫面、12 個主元件、18 組原型連結、10 項啟發式評估發現及迭代路線圖。其中 2 項重大發現已於 v1 完成迭代。
以上為設計階段承諾,實際驗證需於上線後進行 8 週資料蒐集。
Reflections
設計迭代是非線性的。F1 發現從「停用狀態 CTA 動態標籤」演變為「各口味數量步進器缺失」。設計判斷力在稽核、發現、重設計的循環中持續成熟。
AI 輔助工作流程是放大器,而非替代品。AI 加速執行效率,但設計判斷力本身仍須嚴謹。
雙語 UX = 分層架構,而非單純翻譯。UI 結構 → 英文;產品名稱 → 雙語;設計邏輯 → 中文(對應受眾);Token 命名 → 英文。
啟發式評估有其明確邊界。缺乏實際測試的情況下,啟發式評估與認知走查能找出結構性摩擦,但無法驗證情感與美感偏好。
創辦人即設計師的封閉性有雙面影響。避免了利害關係人的摩擦,但容易產生確認偏誤。外部框架(Personas、HMW、啟發式評估)能有效抵消這個風險。
What's Next
v1.5(2026 Q3):限定商品頁 · Belle's Box 訂閱制 · Magic-link 回訪歡迎 · 雙列篩選標籤 · 限量標籤
v2(2027 Q1):會員系統 · Shopify 遷移 · Slerp 配送整合 · SMS 通知 · 多幣別支援
📌 研究方法——模擬使用者研究 + 啟發式評估(Nielsen 十原則),10 項發現由 Personas 推論而來,非來自真實使用者。工具:Figma · Claude Code。





