互動體驗案例
商品客製配色工具
讓客人替商品搭配喜歡的顏色、即時預覽效果，並將選擇直接帶入客製詢問表單。
即時配色預覽SVG 互動表單串接
專案背景
毛線坊有些商品可以自由選色，但用照片沒辦法讓訪客直覺感受換色後的樣子。
原本遇到的問題
只靠文字列出可選顏色，訪客很難想像實際成品的樣子，容易降低詢問意願。
MeowLife Studio 負責的範圍
選色互動元件的介面設計與前端實作，由 MeowLife Studio 負責。
規劃與解決方式
以小羊飲料提袋與胖胖花吊飾兩款作品為基礎，用 SVG 插畫搭配狀態切換，讓使用者即時看到換色後的效果，並可以一鍵把配色結果帶入詢問表單。
完成的主要功能
- 即時 SVG 換色預覽
實際成果
展示了前端互動與商品客製化流程整合的實作能力，也提高了客製詢問的轉換意願。