跳至主要內容
明日設計所
電子商務2024

WEAVE選物電商改版

重寫購物動線,把「逛很久但不結帳」的老問題,變成 +42% 的轉換率。

WEAVE 專案主視覺
客戶
WEAVE 生活選物
年份
2024
類型
電子商務
服務項目
UX 研究、電商設計、前端開發、轉換優化
技術
Shopify Hydrogen、React、GA4、Klaviyo

+42%

結帳轉換率

-31%

購物車放棄率

+18%

客單價

背景

流量不缺,但錢流不進來

WEAVE 是一個做得不錯的生活選物品牌,Instagram 有穩定的社群,每個月自然流量也有一定規模。問題出在最後一哩:加入購物車的人很多,真正付款的很少。

業主一開始的假設是「價格太高」。我們花了兩週看數據與側錄使用者操作,發現真正的原因完全不同。

WEAVE 商品列表頁
列表頁加入尺寸與庫存的即時提示。

挑戰

問題不在價格,在資訊出現的時機

側錄了 20 位真實使用者後,我們看到一個重複出現的行為:使用者在結帳頁看到運費後就離開了。運費本身不算貴,但因為它到最後一步才出現,讓人產生「被隱藏了什麼」的感覺。

第二個問題是尺寸與材質資訊藏在商品頁最下方的摺疊區塊裡。使用者在猶豫時找不到答案,就會先關掉頁面「之後再說」——然後就沒有之後了。

WEAVE 商品詳情頁
運費與到貨日提前到購買區塊旁,不留意外。

解法

把所有壞消息提前講完

我們做的第一件事,是把運費、預計到貨日與退換貨政策全部搬到商品頁的購買區塊旁邊。看起來像是在勸退,實際上是在建立信任——當使用者知道沒有隱藏成本,決策反而更快。

第二,重新設計商品頁的資訊層級:尺寸表、材質、保養方式從摺疊改為並排的標籤頁,永遠是展開的第一屏可見。同時加入真實的尺寸對照照片,減少「這到底多大」的不確定感。

第三,結帳流程從四步縮短成兩步,並支援不註冊直接結帳。註冊改成在付款完成後才邀請,那時使用者的意願最高。

WEAVE 手機結帳流程
結帳從四步縮短為兩步,支援免註冊結帳。

成果

轉換率 +42%,客單價也一起上來了

改版後兩個月,結帳轉換率成長 42%,購物車放棄率下降 31%。意外的收穫是客單價成長 18%——當使用者不再擔心運費,反而更願意一次多買幾件湊免運。

這個專案讓我們更確信一件事:電商的轉換問題,八成不是設計不夠漂亮,而是資訊出現在錯的時間。

他們沒有叫我們降價,而是讓我們看懂客人為什麼走。這份研究報告我們到現在還在用。

蘇怡安·WEAVE 品牌主理人