UI
UX

為電商平台設計分潤活動功能

meepShop 做為一開店平台,「分潤合作銷售」一直是我們客戶常使用的行銷手法之一,為了降低店家在舉行分潤推廣活動上的時間與人力成本,我們設計了「推廣合作分潤」供店家更快速的建立、管理分潤活動。

我做了什麼

  • 設計後台擴充功能訂閱流程
  • 訪談實驗商店夥伴,瞭解領域專家工作流程
  • 分潤活動績效報表頁面設計、活動訂單響應式尺寸設計
專案涵蓋項目

User Interview, Interface Design, Experience Design, Prototyping

專案時長

Dec. 2021 ~ Feb. 2022 ~ Nov. 2022
(from design start to dev start)

看設計產出

Problem

現行系統舉辦分潤活動中,反覆、重複的人工操作耗費大量人力成本、人為計算疏失的風險

建立分潤活動常見的作法:

  • 建立活動商品搭配折扣、優惠碼,替合作夥伴建立活動頁面來做檔期銷售
  • 活動結束後,再將有含有活動商品的訂單篩選出來人工計算分潤獎金

Goal

幫助店家能夠更快速地進行分潤推廣活動,且能夠滿足店家在工作流程中的基本需求,並符合我們現有後台的系統技術。
Our Approach
  • 提供店家建立分潤推廣活動的頁面,並以 URL 作為訂單追蹤方式
  • 提供店家、合作夥伴獨立查看、追蹤活動績效
  • 設計一套功能訂閱流程,讓公司可以透過固定收費功能獲得額外收入

Research

在進行設計之前,我們與 PM 透過競品分析與專家訪談的方式,蒐集更多參考數據

Competitive Analysis

比較各競品的分潤獎金活動、訂閱操作流程作為設計參考

User Interview

為了更清楚店進行分潤活動的工作流程,我們訪談了實驗商店夥伴來瞭解更多情境:

💡
夥伴管理表單用來記錄綜合性資料
  • 通常用來記錄欲洽談或已洽談的夥伴資訊,包括社群網址、粉絲量等綜合性資料
💡
會在洽談後到接近活動開始前建立相關資料
  • 根據合作夥伴聲量,洽談、商品試用期有長有短
  • 會在談好的日期前幾天進行活動建置,並提供活動網址給夥伴
💡
開團期間會根據銷量做調整
  • 近乎每天會提供銷量資訊給合作夥伴評估銷售策略
  • 時常會有延長合作時間的情況,較少提前終止
💡
活動後會立即提供當下銷量給合作夥伴
  • 結束當下提供銷量資訊、提醒後續結算時間,部分夥伴會要求確認後台銷量與分潤資訊
  • 待幾週的時間,將所有訂單結算後,完成分潤獎金匯款並提供最終銷量訂單給合作夥伴
User Task Flow

配合參考資料與店家使用情境,制定出一套符合我們後台系統的操作流程後,繪製成 User Task Flow 提供給開發團隊夥伴

Design Process

在確定 User flow 與 spec 之後,我們從頁面的架構、形式開始著手
接著利用現有後台設計規範,替頁面進行畫面架構安排

建立分潤活動

首先根據使用情境與流程,我們討論了所有關鍵行為的頁面形式,並將所有分潤活動、夥伴管理、分潤活動績效頁面組織起來

  • 考慮到夥伴和活動設置時資料複雜程度,我們現在將新增和編輯行為規劃為獨立的頁面。這樣使用者可以更專注於填寫行為,而不被其他資訊所影響
  • 在店家使用情境中,我們觀察到店家通常會有一份統整所有夥伴資訊的表單。每次活動洽談的夥伴資訊只會在建置初期查看。因此,我們捨棄了「瀏覽」夥伴資料的狀態,僅保留了「編輯」操作(1.1.2)
  • 在整個活動周期,店家最常查看的頁面是活動績效。因此,我們將該頁面的入口放在最外層(1.0.3)
在分潤活動列表中,我們著重在列表整體的閱讀體驗設計
  • 有些店家會同時舉辦多項分潤合作活動,因此我們推測店家會需要快速分辨出各個活動的狀態
  • 除了活動狀態外,查看活動績效是整個活動週期中最頻繁的操作,因此我們將活動績效頁的入口提升至最外層
在建立分潤活動時,我們著重在降低設定難度

活動建立時,店家需要輸入一組推廣參數以利程式來辨認分潤活動訂單,我們認為這項概念對店家來說比較複雜

  • 除了直接顯示說明文字之外,利用顯示網址搭配互動效果增加連結性
為夥伴資料建立更符合需求的體驗

在編輯夥伴頁面時,我們認為進入此頁的店家較常前往夥伴相關頁面查看推廣進度

  • 針對網址欄,我們設有另開頁面的按鈕,讓店家更快地開啟頁面。
新增訂閱擴充功能

做為擴充功能第一項訂閱收費功能,首先必須整合現有的所有擴充功能,討論「訂閱收費」項目的分類與擺放
我們參考了競品平台分類方式,依據我們的收費模式做討論調整:

  • 將訂閱收費功能獨立出來,擺放「啟用」即收費的功能
  • 我們的收費規則是這樣的:如果使用者取消訂閱,他們的功能會在下個月的開始才被停用
    這和基本功能不同,因為基本功能是立即關閉的。所以我們沒有使用 switch 套件作為訂閱/取消訂閱按鈕
  • 當點選「訂閱功能」開始使用按鈕後,使用者將會進入訂閱流程,以便更專注在收費模式使用功能細項的介紹。

Iteration

功能在 2022 年 4 月上線之後,雖確實吸引不少用戶使用,然而我們在新舊客戶的反饋中發現:

  • 實際使用或是業務夥伴在推廣舊戶使用時,店家在意部分居多在合作夥伴查看活動成效的方便性上
  • 諸多合作夥伴會想看見更即時且真實的數據頁面,以免店家有造假的嫌疑

因此我們針對分潤活動績效報表進行第二版本的優化,加入了分享報表頁面給合作夥伴的功能,並且加強了手機版的瀏覽體驗
2022 年 11 月上線後,功能訂閱、使用店家數也隨即上升,成功降低了我們客戶流失率並增加更多公司合約外收入

Outcome

點擊圖片可以看更多相關 UI 圖,詳細操作步驟與設定流程可以參考 meepShop 教學網站-分潤推廣管理