松果購物 · 國際直購服務

專案起點

松果購物計劃在既有平台上導入全新的海外商品服務——「國際直購」。 這項服務讓使用者能夠直接在松果購物購買海外商品，不需另開瀏覽器或跳轉到其他平台。

然而，海外商品的商品結構、金流流程與現有商品有本質上的差異；加上跨境購物涉及海關申報的法規要求， 整體購物流程需要從頭規劃，而非僅套用現有模板。

設計挑戰

• 流程差異大：海外商品的規格選擇、金流與物流路徑與平台現有商品不同，直接套用舊流程會造成使用者困惑。
• 法規溝通需求：跨境購物需要使用者下載 EZway App 並完成海關申報，這是平台使用者完全陌生的操作步驟。
• 視覺識別缺失：海外服務需要有別於平台原本紅色主色調的獨立視覺語言，才能讓使用者感知這是不同性質的服務。
• 規格選擇複雜：海外商品的選規格流程（pre-select）較國內商品更為複雜，需要優化體驗以降低選錯率。

從需求到解法

這個專案的切入點不是「畫面」，而是先把整體服務的頁面規劃釐清——哪些頁面要新增、哪些要修改、哪些可以沿用。 確定邊界後，再依序處理視覺語言、溝通策略與互動細節。

頁面規劃與色彩計畫

首先梳理整體服務需要哪些頁面，哪些是全新建立、哪些是在現有頁面上擴充， 確保開發成本可控，也讓各角色對於工作範圍有共同認知。

整體頁面規劃——標記新增、修改與沿用頁面範圍

色彩上選擇藍紫色作為國際直購服務的專屬主色，與平台原有紅色形成明確對比。 藍紫色傳遞出創新、信任與高端感，搭配漸層增添視覺層次，幫助使用者在視覺上快速辨識這是不同類型的服務。

藍紫色系配色方案——與平台紅色主色形成視覺區隔

國際直購服務頁面設計稿

EZway 溝通設計

跨境購物有個硬門檻：使用者必須下載 EZway App 並完成實名申報，才能讓商品順利通關。 這對多數平台使用者來說是完全陌生的流程，若在購買完成後才告知，容易造成客訴與棄單。

因此設計重點不只是「告知使用者要下載 EZway」，而是思考在哪些頁面、哪個時機點插入溝通， 讓使用者在購買意願形成前就已建立認知，避免在結帳流程末端才遇到阻力。

各頁面 EZway 溝通時機與訊息設計

互動原型展示——完整購物流程走過一遍

Pre-select 規格選擇優化

海外商品的規格結構往往比國內商品更複雜，顏色、尺寸、材質可能同時並存。 若直接沿用現有的 pre-select 元件，使用者很容易選錯規格，導致退換貨問題。

整體設計成果展示

成長與反思

• 新服務不等於全新設計：這個專案讓我學到如何在既有系統的限制下導入新功能——哪些可以快速沿用、哪些非改不可，是 PM 與設計師都需要有的判斷力。
• 溝通設計比介面設計更關鍵：EZway 的溝通策略遠比畫面本身重要。在使用者完成購買前建立正確認知，是降低後端客服成本的最有效手段。
• 視覺語言也是產品策略：用色彩做品牌區隔這件事，看起來是設計決策，實際上是幫助使用者建立「這是不同服務」的心智模型，設計與策略是同一件事。

如果重來一次

• 會希望在專案初期做使用者訪談，確認平台使用者對「海外購物」的既有認知與疑慮，讓設計決策有更多數據支撐。
• EZway 的溝通設計可以更早和客服團隊對齊，了解實際發生的問題類型，有助於在設計階段就預防最常見的客訴情境。