🐾MeowLife Studio
← 回到所有作品案例自有品牌案例

Crochet Lab|手作品牌網站案例

把實體毛線手作品牌做成完整的線上展示、選色互動與客製詢問流程。

Next.jsSVG 互動元件表單流程設計

專案背景

工作室成員本身有經營毛線手作品牌,需要一個能展示作品、選色與承接客製詢問的網站。

原本遇到的問題

原本只靠社群貼文展示作品,訪客沒辦法一次看到所有作品,也無法直接互動選色。

MeowLife Studio 負責的範圍

毛線坊前台的作品列表、作品詳情、選色互動與後台商品/色卡管理,都由 MeowLife Studio 負責規劃與開發。

規劃與解決方式

設計一套跟主站共用同一個後台系統、但視覺與語氣完全獨立的子品牌,並加入 SVG 即時換色元件,讓訪客能直接在網頁上預覽不同顏色的成品。

完成的主要功能

  • 作品列表與詳情頁
  • 色卡與配色管理
  • SVG 即時換色互動
  • 客製詢問表單

實際成果

訪客可以直接在網站上瀏覽作品、嘗試配色,再送出客製詢問,不需要再私訊來回確認基本資訊。

想做一個類似的網站或系統?

開始討論專案 →