專案背景

Webduino 線上商城是 Saas 產品服務旗下的電商平台,以販售「硬體配軟體服務」、「軟體服務授權」、「教學書籍」等等。

因經歷過一次市場轉型,部分網站未全面更新,無法吸引消費者與及提升興趣,存在線上轉換效率差、經銷商推廣不順,以及潛在客戶流失等等商業問題。

因此我和團隊自發性起動專案,目標以短期衝刺達成成效。

團隊

我的職責

Product Designer

  • 電商平台 UI UX 設計

  • 數據分析及產品策略

  • 商品頁設計

成員

  • Product Designer

  • Marketing Designer

  • Business Development Manager

主要成果

問題

  1. 電商平台已存在超過 5 年,歷經市場轉型,但未全面更新,造成潛在客戶流失等商業問題。

  2. 2B Saas 產品電商運作模式和一般電商不同,不符合使用者消費路徑。

  3. 電商中同一商品不同款式銷售量差異大。

  4. 業務及經銷商等推廣阻力大,缺乏可供受眾深入了解的平台。

挑戰 & 限制

01 優先度取捨

因為是自發性專案,受到資源少、時間短等限制,需取捨出最優先且有效的改動方案。

02 技術限制

電商現為 SHOPLINE 服務,彈性低,必須基於技術限制下調整。

03 數據分析

SEO 中並非最大流量就能帶來直接價值轉換,需判斷數據性質,考量產品商業模式來有效利用數據。

策略 & 規劃

我和團隊 Marketing Designer 根據現有商業數據、商業模式、使用者流程,進行規劃及設計。

身為「2B saas 公司旗下的電商」,重視的不是「單次的購買行為」,而是電商在整體流程扮演的角色,以及顧客的終生價值。

01 取捨任務優先度

因為自發性專案資源少、時間短,需取捨出最優先且有效的改動方案。

  1. 將任務問題抽象化,條列價值、成本、時間等因素。

  2. 估算出任務優先度。

  3. 考量經銷商、業務推廣壓力,選擇最急迫、立即得到成效的電商及商品頁,來進行設計更新。

02 受眾分層

  1. 建立電商 AARRR 模型。

  2. 將電商訪客來源分類 ( 含線上線下)。

  3. 分析客戶購買及回購時間。

    • 考慮購買時間:2 月 ~ 1 年

    • 形成忠誠客戶 ( 回購 ) 時間:1 年後 ( 以學期為單位 )

03 預測 / 規劃受眾路徑

因客戶具備相似特性:考慮購買時間長、回購時間久,因此從長期的顧客旅程進行規劃。
將過程中的受眾分為三大階段,並根據三階段列出:相對應的需求目的、引導使用者做出的行爲。

  • 第一層:想知道商品對自己的好處

  • 第二層:想進一步了解實際用法、難度

  • 第三層:考慮是否購買

設計方案

01 顧客研究 & 歸納商品訴求

透過訪談及問卷統計,收集使用者對電商、產品的實際感受,並歸納入受眾三階段訴求。

02 商品頁設計

根據歸納分類內容,依照需求目的、行為引導等目的,設計相對應的商品頁面區塊,並依照商品頁區塊進行順序編排,製作成商品頁。

03 易用性測試 & 熱區分析

透過易用性測試、Hotjar 熱區分析,調整電商頁面內容順序及視覺編排。

設計迭代

提升獲利管道順暢度

問題:測試中發現,商品詳細頁不適合主要商業轉換。

客戶流程中 55% 收入來源為教育計畫申請,有「將商品內容、規格資訊複製至計畫申請書」的行為。而圖片式的商品內容不利申請者複製內容。

解決方案:商品詳細頁底部放置純文字,提供計畫申請者複製商品規格資訊,減少文字輸入時間約 5 分鐘。

透過操作設計,縮小銷量差距

問題:商品上市後,同一商品的不同款式銷售量差異大。而行銷單位希望增加高單價款式的被選擇比率

解決方案:將款式選擇功能調整為「按鈕切換」,能一眼看到多種款式選項,使用者行為由「是否選擇此款式?」轉為「選擇哪種款式?」,提升高單價款式的被選擇比率。

操作模式修改前後比較,同商品的 2 種款式銷售量差距縮小約 15 單位。

專案背景

Webduino 線上商城是 Saas 產品服務旗下的電商平台,以販售「硬體配軟體服務」、「軟體服務授權」、「教學書籍」等等。

因經歷過一次市場轉型,部分網站未全面更新,無法吸引消費者與及提升興趣,存在線上轉換效率差、經銷商推廣不順,以及潛在客戶流失等等商業問題。

因此我和團隊自發性起動專案,目標以短期衝刺達成成效。

團隊

我的職責

Product Designer

  • 電商平台 UI UX 設計

  • 數據分析及產品策略

  • 商品頁設計

成員

  • Product Designer

  • Marketing Designer

  • Business Development Manager

主要成果

問題

  1. 電商平台已存在超過 5 年,歷經市場轉型,但未全面更新,造成潛在客戶流失等商業問題。

  2. 2B Saas 產品電商運作模式和一般電商不同,不符合使用者消費路徑。

  3. 電商中同一商品不同款式銷售量差異大。

  4. 業務及經銷商等推廣阻力大,缺乏可供受眾深入了解的平台。

挑戰 & 限制

01 優先度取捨

因為是自發性專案,受到資源少、時間短等限制,需取捨出最優先且有效的改動方案。

02 技術限制

電商現為 SHOPLINE 服務,彈性低,必須基於技術限制下調整。

03 數據分析

SEO 中並非最大流量就能帶來直接價值轉換,需判斷數據性質,考量產品商業模式來有效利用數據。

策略 & 規劃

我和團隊 Marketing Designer 根據現有商業數據、商業模式、使用者流程,進行規劃及設計。

身為「2B saas 公司旗下的電商」,重視的不是「單次的購買行為」,而是電商在整體流程扮演的角色,以及顧客的終生價值。

01 取捨任務優先度

因為自發性專案資源少、時間短,需取捨出最優先且有效的改動方案。

  1. 將任務問題抽象化,條列價值、成本、時間等因素。

  2. 估算出任務優先度。

  3. 考量經銷商、業務推廣壓力,選擇最急迫、立即得到成效的電商及商品頁,來進行設計更新。

02 受眾分層

  1. 建立電商 AARRR 模型。

  2. 將電商訪客來源分類 ( 含線上線下)。

  3. 分析客戶購買及回購時間。

    • 考慮購買時間:2 月 ~ 1 年

    • 形成忠誠客戶 ( 回購 ) 時間:1 年後 ( 以學期為單位 )

03 預測 / 規劃受眾路徑

因客戶具備相似特性:考慮購買時間長、回購時間久,因此從長期的顧客旅程進行規劃。
將過程中的受眾分為三大階段,並根據三階段列出:相對應的需求目的、引導使用者做出的行爲。

  • 第一層:想知道商品對自己的好處

  • 第二層:想進一步了解實際用法、難度

  • 第三層:考慮是否購買

設計方案

01 顧客研究 & 歸納商品訴求

透過訪談及問卷統計,收集使用者對電商、產品的實際感受,並歸納入受眾三階段訴求。

02 商品頁設計

根據歸納分類內容,依照需求目的、行為引導等目的,設計相對應的商品頁面區塊,並依照商品頁區塊進行順序編排,製作成商品頁。

03 易用性測試 & 熱區分析

透過易用性測試、Hotjar 熱區分析,調整電商頁面內容順序及視覺編排。

設計迭代

提升獲利管道順暢度

問題:測試中發現,商品詳細頁不適合主要商業轉換。

客戶流程中 55% 收入來源為教育計畫申請,有「將商品內容、規格資訊複製至計畫申請書」的行為。而圖片式的商品內容不利申請者複製內容。

解決方案:商品詳細頁底部放置純文字,提供計畫申請者複製商品規格資訊,減少文字輸入時間約 5 分鐘。

透過操作設計,縮小銷量差距

問題:商品上市後,同一商品的不同款式銷售量差異大。而行銷單位希望增加高單價款式的被選擇比率

解決方案:將款式選擇功能調整為「按鈕切換」,能一眼看到多種款式選項,使用者行為由「是否選擇此款式?」轉為「選擇哪種款式?」,提升高單價款式的被選擇比率。

操作模式修改前後比較,同商品的 2 種款式銷售量差距縮小約 15 單位。

專案背景

Webduino 線上商城是 Saas 產品服務旗下的電商平台,以販售「硬體配軟體服務」、「軟體服務授權」、「教學書籍」等等。

因經歷過一次市場轉型,部分網站未全面更新,無法吸引消費者與及提升興趣,存在線上轉換效率差、經銷商推廣不順,以及潛在客戶流失等等商業問題。

因此我和團隊自發性起動專案,目標以短期衝刺達成成效。

團隊

我的職責

Product Designer

  • 電商平台 UI UX 設計

  • 數據分析及產品策略

  • 商品頁設計

成員

  • Product Designer

  • Marketing Designer

  • Business Development Manager

主要成果

問題

  1. 電商平台已存在超過 5 年,歷經市場轉型,但未全面更新,造成潛在客戶流失等商業問題。

  2. 2B Saas 產品電商運作模式和一般電商不同,不符合使用者消費路徑。

  3. 電商中同一商品不同款式銷售量差異大。

  4. 業務及經銷商等推廣阻力大,缺乏可供受眾深入了解的平台。

挑戰 & 限制

01 優先度取捨

因為是自發性專案,受到資源少、時間短等限制,需取捨出最優先且有效的改動方案。

02 技術限制

電商現為 SHOPLINE 服務,彈性低,必須基於技術限制下調整。

03 數據分析

SEO 中並非最大流量就能帶來直接價值轉換,需判斷數據性質,考量產品商業模式來有效利用數據。

策略 & 規劃

我和團隊 Marketing Designer 根據現有商業數據、商業模式、使用者流程,進行規劃及設計。

身為「2B saas 公司旗下的電商」,重視的不是「單次的購買行為」,而是電商在整體流程扮演的角色,以及顧客的終生價值。

01 取捨任務優先度

因為自發性專案資源少、時間短,需取捨出最優先且有效的改動方案。

  1. 將任務問題抽象化,條列價值、成本、時間等因素。

  2. 估算出任務優先度。

  3. 考量經銷商、業務推廣壓力,選擇最急迫、立即得到成效的電商及商品頁,來進行設計更新。

02 受眾分層

  1. 建立電商 AARRR 模型。

  2. 將電商訪客來源分類 ( 含線上線下)。

  3. 分析客戶購買及回購時間。

    • 考慮購買時間:2 月 ~ 1 年

    • 形成忠誠客戶 ( 回購 ) 時間:1 年後 ( 以學期為單位 )

03 預測 / 規劃受眾路徑

因客戶具備相似特性:考慮購買時間長、回購時間久,因此從長期的顧客旅程進行規劃。
將過程中的受眾分為三大階段,並根據三階段列出:相對應的需求目的、引導使用者做出的行爲。

  • 第一層:想知道商品對自己的好處

  • 第二層:想進一步了解實際用法、難度

  • 第三層:考慮是否購買

設計方案

01 顧客研究 & 歸納商品訴求

透過訪談及問卷統計,收集使用者對電商、產品的實際感受,並歸納入受眾三階段訴求。

02 商品頁設計

根據歸納分類內容,依照需求目的、行為引導等目的,設計相對應的商品頁面區塊,並依照商品頁區塊進行順序編排,製作成商品頁。

03 易用性測試 & 熱區分析

透過易用性測試、Hotjar 熱區分析,調整電商頁面內容順序及視覺編排。

設計迭代

提升獲利管道順暢度

問題:測試中發現,商品詳細頁不適合主要商業轉換。

客戶流程中 55% 收入來源為教育計畫申請,有「將商品內容、規格資訊複製至計畫申請書」的行為。而圖片式的商品內容不利申請者複製內容。

解決方案:商品詳細頁底部放置純文字,提供計畫申請者複製商品規格資訊,減少文字輸入時間約 5 分鐘。

透過操作設計,縮小銷量差距

問題:商品上市後,同一商品的不同款式銷售量差異大。而行銷單位希望增加高單價款式的被選擇比率

解決方案:將款式選擇功能調整為「按鈕切換」,能一眼看到多種款式選項,使用者行為由「是否選擇此款式?」轉為「選擇哪種款式?」,提升高單價款式的被選擇比率。

操作模式修改前後比較,同商品的 2 種款式銷售量差距縮小約 15 單位。

成果 & 影響

質化

  • 業務、經銷商推廣正向回饋。

  • 使用者測試電商瀏覽體驗佳。

  • 設計過程的數據分析結果提供商業部門使用。

量化

  • 電商流量提升 10%。

  • 網站停留時間提升 20 秒。

  • 主要管道轉換效率提升 13%。

也間接提升產品平台使用人數:

心得 & 反思

這次的自發性專案,解決了使用者轉換路徑、業務經銷商推廣等問題。

最大的收穫是在現有的資源限制下,能夠和團隊尋找電商平台的可能性,並且有條理的處理每個產品設計問題。

我帶給團隊的...

  1. 能夠根據限制框架下,取捨任務優先度,並自發性啟動專案。

  1. 面對商業問題,以產品設計師角度,分析產品現狀與顧客轉換路徑。

  1. 根據質化量化資料驅動設計,讓團隊達成商業目標。

感謝觀看,希望你會喜歡這次的分享 👋

09-77503340

asps135794@gmail.com

09-77503340

asps135794@gmail.com

09-77503340

asps135794@gmail.com