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