AumCreate

可互動展示

一個能把沒拍過的那 92 種配置畫出來的產品頁

一把辦公椅的產品頁:三種框架 × 四種面料 × 兩種底座 × 頭枕 × 扶手 = 96 種組合,而相機只拍得完四種。換一個選項,圖當場跟著變,配置碼同步生成,詢盤帶著它一起走。

可互動展示
這個框裡的一切都是展示。AumSeat 不是真實公司,型號、參數、價格全是編的。真的是它的行為 —— 那正是要給你看的部分。
在完整站點裡打開
  1. 01

    換面料。座墊和靠背當場變色 —— 是漸變過去的,不是跳變,所以看著還是同一把椅子。

  2. 02

    換框架。扶手、氣桿、靠背邊框跟著一起換。

  3. 03

    加頭枕、換 4D 扶手 —— 圖上多出來的是真的零件,不是一行字。

  4. 04

    配到那四張照片以外時,圖庫那行會說破:這個組合沒有照片。

  5. 05

    配置碼和價格同步生成,詢盤帶著它們一起走。

客戶遇到的問題

一家給海外做 OEM 的辦公椅廠。買手問的第一句永遠是同一句:白色框架配米色布是什麼效果?廠裡答不上來。攝影棚一次拍得完的組合就那麼幾種,所以官網上是四張標準款的照片,剩下九十幾種只存在於客戶的想像裡。於是買手要樣品。一套樣品寄到手上要一個月,拆開一看不是他想的那樣,再來一輪。而真正卡住這件事的其實很小:他看不到自己腦子裡那個組合。

我們做了什麼

產品圖改成分層畫的 —— 框架、面料、底座、頭枕、扶手各是一層,換一個選項,頁面上的顏色和形狀當場跟著變。**這裡刻意沒有用 3D**:一個能拖著轉的模型要背幾百 KB 的函式庫,而且在手機上小到什麼也看不清。這裡要證明的不是「我們會做 3D」,是「九十六種組合你都能看到」。配置定下來的同時生成一串編號 —— NX1-WH-SD-AL-HR-4D —— 買手照著它下單,工廠照著它排產,中間不會有人理解錯。詢盤送出去時帶的就是這串編號和那張圖。

你可以試試

  • 演示會自己換兩樣:面料換成沙色,框架換成白色。
  • 底座點成「拋光鋁」—— 五星腳從霧面黑變成金屬銀,價格動 $42。
  • 加上頭枕。它是滑出來的,不是突然冒出來的 —— 憑空出現的零件看著像頁面出錯。
  • 再隨便改一樣,看圖庫那行變成橘色的「這個組合沒有照片」。那一行就是這整件事存在的理由。

這套適合誰

任何一種「選項一多,照片就拍不完」的生意:家具、門窗、燈具、包裝、印刷品、訂製五金。判斷標準很簡單 —— 如果客戶問得最多的是「XX 配 XX 是什麼樣」,而你們的回答是寄個樣品,那這就是把那一個月省下來的辦法。

搭在什麼上面

  • WordPress
  • WooCommerce

目錄、帳號、購物車、詢盤這些都是標準的 WordPress 和 WooCommerce,跑在你自己的主機上。只有跟你這門生意直接相關的那部分,才是從頭寫的。