Cross-Border
E-Commerce Redesign

Cross-Border
E-Commerce Redesign

Cross-Border E-Commerce Redesign

Mamaway主要販售母嬰用品,且提供各種產哺育經驗與解決方案。產品販售地點分為兩類:亞州區域與歐美區域,兩地消費習慣並不相同,歐美國家並不習慣亞州國家的瀏覽體驗,導致消費者經常無法立即找到所需商品,為了解歐美國家商品轉換率問題,我們開始針對問題拆解

ROLE

ROLE

Web Designer

Web Designer

Visual Identity

Visual Identity

DELIVERABLES

DELIVERABLES

主視覺定調
網站流程規劃
HTML/CSS 切版

主視覺定調
網站流程規劃
HTML/CSS 切版

Year

Year

2018.6

2018.6

PLATFORMS

PLATFORMS

Adaptive Web Desktop, Mobile

Adaptive Web Desktop, Mobile

Introducing

Introducing

跨境電商視覺與體驗重塑

跨境電商視覺與體驗重塑

核心挑戰

核心挑戰

Mamaway 作為領先的母嬰品牌,在進軍歐美市場時面臨轉化瓶頸。因應兩地市場瀏覽行為的顯著差異,現有的亞洲式電商操作習慣與歐美大不同,導致海外使用者認知負荷過重,難以快速的找到所需商品,我們初步定義三大優化方向:

Mamaway 作為領先的母嬰品牌,在進軍歐美市場時面臨轉化瓶頸。因應兩地市場瀏覽行為的顯著差異,現有的亞洲式電商操作習慣與歐美大不同,導致海外使用者認知負荷過重,難以快速的找到所需商品,我們初步定義三大優化方向:

1

品牌視覺失焦

新 Logo 與平台或接觸點不一致的色彩方案,導致識別模糊,難以在海外市場建立專業且可靠的品牌信任感

2

資訊架構混亂

缺乏清晰的訊息層級,導致商品價值主張傳達不明,高跳出率直接反應了使用者在導購流程中的迷失

2

在地化深度不足

國際化網站並非僅是語言翻譯,而是未針對海外用戶「目標明確、簡潔導向」的購物習慣進行介面布局安排

1

品牌視覺失焦

新 Logo 與平台或接觸點不一致的色彩方案,導致識別模糊,難以在海外市場建立專業且可靠的品牌信任感

2

資訊架構混亂

缺乏清晰的訊息層級,導致商品價值主張傳達不明,高跳出率直接反應了使用者在導購流程中的迷失

2

在地化深度不足

國際化網站並非僅是語言翻譯,而是未針對海外用戶「目標明確、簡潔導向」的購物習慣進行介面布局安排

Break Down Step By Step

Break Down Step By Step

從問題定義到執行跨區域

電商平台的產品演進規劃

在專案正式開始之前,為了更了解海外用戶痛點,我與 PM 密切合作,我們將龐雜的體驗挑戰解構為可執行的設計目標。以下是從問題定義到方案落地的整體規劃流程:

在專案正式開始之前,為了更了解海外用戶痛點,我與 PM 密切合作,我們將龐雜的體驗挑戰解構為可執行的設計目標。以下是從問題定義到方案落地的整體規劃流程:

專案規劃階段

專案規劃階段

流程與視覺優化方向擬定

流程與視覺優化方向擬定

Experience Planning

個性化體驗建構

分群分眾的內容推送機制

在彙整了客服回饋與市場研究後,我們將設計重心聚焦於「品牌一致性」與「區域化適配」。我們不只是調整介面視覺,更針對不同市場的購物決策路徑,制定了四項核心設計原則:

在彙整了客服回饋與市場研究後,我們將設計重心聚焦於「品牌一致性」與「區域化適配」。我們不只是調整介面視覺,更針對不同市場的購物決策路徑,制定了四項核心設計原則:

解決策略與執行

解決策略與執行

參考新識別,統一品牌視覺語言

以新版 Logo 為核心,重新設計完整的品牌視覺指南,從主色調的比例配置到字體層級的重新規範,確保用戶在不同觸點都能感受到一致且專業的品牌視覺記憶。

# 統一視覺系統

針對區域習慣的靈活版面佈局

亞洲區: 採「探索式佈局」,強調新品趨勢與視覺豐富度,滿足愛逛、愛比較的購物習慣。

歐美區: 採「任務導向佈局」,以功能分類為主軸,提供簡潔直觀的導覽,加速決策效率。

# 區域化 使用者習慣

強化資訊架構與標籤系統

重新梳理產品分類的語意邏輯,將原本模糊的標籤改為具備導引性的描述,降低用戶在篩選商品時的認知負擔,直接提升導購轉化率。

# 優化標籤系統

建構分群分眾的內容推送機制

導入用戶標籤化思維。根據使用者身份 (如: 備孕中、孕期中、新手父母) 優化 EDM 與首頁內容呈現,提供精準的客製化育兒建議。

# 建構個人化服務

優化電子報訂閱系統,根據使用者身分(如嬰兒父母、孕婦等)提供客製化內容,導入Instagram標記產品資訊

優化電子報訂閱系統,根據使用者身分(如嬰兒父母、孕婦等)提供客製化內容,導入Instagram標記產品資訊

同時設計商城購物系統、懷孕日誌、產品經驗談與懷孕百科文章等全站頁面

同時設計商城購物系統、懷孕日誌、產品經驗談與懷孕百科文章等全站頁面

學習與反思

學習與反思

透過這次與專案經理共同拆解與設計執行,我從中學習到以下幾件重要的事:

透過這次與專案經理共同拆解與設計執行,我從中學習到以下幾件重要的事:

品牌一致性需要有意識地經營

不同地區的產品呈現若缺乏一致視覺與語調策略,容易讓品牌印象模糊,甚至在使用者心中產生斷裂感。品牌不是一套標準字型與顏色,而是一種跨語境的認知體驗。

架構設計應優先考慮使用者搜尋與理解邏輯

繁瑣的資訊架構與混亂的導航,會讓使用者感到挫折。我們不只在設計畫面,更是在設計使用者心中的地圖。

歐美區: 採「任務導向佈局」,以功能分類為主軸,提供簡潔直觀的導覽,加速決策效率。

在地化不是翻譯,而是文化理解

亞洲與歐美用戶在資訊偏好與使用脈絡上有顯著差異。若只套用統一模板,而忽略文化背景與語境差異,反而會削弱使用者的信任與參與。

體驗流程的整合比功能新增更重要

設計不是疊加功能,而是清晰引導與減少認知負擔。過多決策節點、缺乏回饋機制,都會削弱使用者完成任務的動力。

問題定義比解法更關鍵

當沒有明確資料或團隊共識時,設計師要主動釐清需求,建立共同語言。真正的設計價值,是幫助團隊找對問題,而非只做出精緻的介面。

COPYRIGHT © CHIEN-YI CHU ALL RIGHTS RESERVED

Create a free website with Framer, the website builder loved by startups, designers and agencies.