DATE

Pinkoi 是亞洲領先的原創設計電商,提供設計師與創作者將他們的作品販售到世界各地。原先品牌在 2011 創立時主要專注於台灣市場,但在市場擴增到 8 個國家後,原先的上架系統已經無法符合其需求,因而重新整個設計館管理後台,這個案例主要說明商品上架、管理的設計過程。

專案管理

介面設計

體驗設計

UX 寫作

2017/04 - 2017/12

專案概覽

合作客戶

專案時間

角色

Reshape
Listing Manager
to help new

market expansion

The Story

Pinkoi 是亞洲領先的原創設計電商,提供設計師與創作者將他們的作品販售到世界各地。最初的目標市場是台灣的手創原創設計市場,但在 6 年的營運後市場已經成長到 8 個,平台原先的設計已經無法符合現有國際使用者 (買家、賣家) 的需要 。
由於過往只面向中文市場,Pinkoi 並沒有提供賣家撰寫其他語系的功能,買家只能透過 Google Translate 有限的翻譯來決定是否購買,許多買家因為不熟悉產品資訊而卻步,這也造成 Pinkoi 在達成願景與拓展市場上的一大困難。

同時,由於過往主要面向手創賣家,Pinkoi 的平台上有各種無法被直接購買、作為協助溝通的變通方法(Workaround),例如「選擇
顏色、材質」這樣可被獨立下訂的商品。賣家常常需要花時間處理錯誤的訂單,也因為品項設計不清楚造成許多買家賣家的客訴問題,影響了平台的使用體驗 。

商品的正確性影響了電商的各種使用體驗及業務發展,身為 Pinkoi 的設計師,我們需要重塑平台上的商品規格,以確保不同國家的買家與賣家都能信任 Pinkoi 以達到公司願景。

the challenge

無效訂單

我們從買家與賣家間收到許多有關無效訂單的抱怨 。在現在的商店中存在著許多不正確的商品品項:像是客製化選項(刻字)、商品規格微調 (選擇顏色、材質) 是可以被獨立購買的,造成許多買賣雙方花費時間處理無效訂單。

除此之外,我們也發現賣家有提供專屬於特定買家訂單的需求,但這些商品往往上架後會被其他買家購買,無疑增加賣家處理訂單效率的時間。

1

複雜難懂的商品名稱

許多賣家會透過在商品名稱中加入特殊符號來表現其個性,但這些特殊字元影響了 Pinkoi 的搜尋品質,買家往往難以用簡單的關鍵字找到商品。
另外,但在過往的版本中,Pinkoi 並沒有提供賣家設定其他語系,使用 Google Translate 的翻譯品質往往令其他國家的買家卻步,也影響 Pinkoi 用好設計拓展市場的初衷。

2

缺乏完整的商品資訊

買家通常需要詳盡的商品資訊作為參考才能決定是否要購買,特別又是跨國的網路消費,我們發現 Pinkoi 上的許多商品都缺乏了完整的商品資訊,除此之外像是商品照畫質不夠、無法確定是否為手工客製品(許多買家會以製造方式來判斷該商品價格是否合理)、服裝沒有尺寸表等等問題。我們也發現,因為商品規格設計的缺失,買家經常購買到實際上已售完的商品規格。

3

Design Process

1

設計衝刺

由 CPO 帶領所有設計師舉行了 5 天的設計衝刺來搜集想法,我們決定這次改版主要會專注於協助成長中的賣家,而非剛開始銷售或是已具規模的賣家。這樣的需求設計也能最大化的覆蓋到不同規模的賣家。

2

使用者故事對照工作坊

由於當時 Pinkoi 沒有產品經理的職位,Lisiting Manager 的 User Stories 仰賴於所有設計師從過往對公司內部利害關係人訪談結果產出,最後再根據專案時程投票篩選出可以最大化改善既有問題的需求。

Crazy 8

Crazy 8

我們花了兩天時間撰寫出針對賣家、買家、平台方的使用者故事,再投票決定這次改版要實作哪些使用者故事。

We use Grid System to design a responsive web experience , sellers now can manage their shop on any devices.

Solutions

Solution 1.

簡化商品類型

在創立之初主要面向手作買家,Pinkoi 會有大量客製化選項,由於團隊規模尚小因而過往我們使用替代方案(例如:將顏色、材質設計成 0 元商品加購)。這樣的設計已經造成買家/賣家、客服同事的困擾,因而我們決定簡化 Pinkoi 繁雜的商品類型。

依據用戶在各種類型商品的使用數據,我們發現只有四種類型的商品最常被使用
1. 一般商品

2. 專屬於特定買家的商品

3. 加價購商品

4. 補運費商品
加價購被團隊認定為是「商店行銷工具」隸屬的範圍,因而我們刪減到只有三個商品類型。

值得一提的是,我們參考「私人檔案」的概念,將專屬於特定買家的商品做了一些調整,未來該
類型商品不會主動顯示在商店架上,賣家在建立好開商品後需要額外複製網址,利用「站內訊息」的方式傳遞給特定買家。

專屬買家商品

61.2%

13.5%

1.7%

18.4%

1.1%

2.6%

1.4%

加價購商品

補運費商品

滿額贈商品

福袋商品

選顏色商品

選顏色商品

在建立商品、修改商品的介面,我們盤點了既有需求、並在社群中與賣家多次討論 (在上方方框中捲動可看到完整設計)

Solution 2.

優化商品名稱

由於過往的商品名稱沒有任何限制,除了影響 Pinkoi 的搜尋體驗外,買家往往無法從品名中快速理解該商品內容是什麼;除此之外,這也造成 Pinkoi 平台看起來相當混亂。

因而我們開始對商品名稱做了一些限制:
首先我從數據中了解過往的商品名稱字數與內容,發現有許多賣家在商品名稱中過度的使用特殊
符號,造成品名的重點被模糊。


接下來,我建立了一個針對特殊符號的白名單,只有白名單上的符號能被使用在商品名稱上,視覺上簡化了整體字串的複雜度。而當商品數量販售完賣家需要補貨的時候,賣家需要重新確認商品名稱才能上架,因而長期下來能不斷地將原有複雜的品名變得簡單易讀。
這個機制雖然造成了許多賣家的抱怨,卻幫助我們自動的重新塑造更好的平台。

最後,我們建立了一個商品名稱書寫建議,我們希望賣家可以從買家找尋商品的角度來思考,要如何透過短短幾個文字幫助買家理解品項內容。

Product Name

21/80

Product Name

Product name should not includes some symbols.

Solution 3.

提供商品資訊翻譯給外國用戶

過往 Pinkoi 的買家只能閱讀賣家所寫的原文,或是透過 Google Translate 翻譯的版本。但在翻譯不精確的情況下往往造成國外買家卻步。 從市場觀察中我們了解到,日本買家在網路購物時通常非常謹慎,他們尤其在意商品資訊是否能被理解。

在這次改動中,我們提供了針對每個規格的客製化翻譯,主要提供英文以及兩個 Pinkoi 當時主要拓展市場的語言(泰文、日文)。

除此之外,我們也提供一些已經有翻譯的通用選項,希望能降低賣家在撰寫商品資訊時的阻礙。

Storage Method

點點款

English

Japanese

Thai

Polkdot

Normal Temperature

Avoid high temperature

Solution 4.

改善庫存管理以及商品規格設計

隨著 Pinkoi 上販售的產品類型變得多元,原本只有一個維度的產品規格已經不敷使用;而產品規格與庫存的不聯動,往往也造成買家經常買到已經售完的規格。


因而在這次的改動中,我們設計了兩個維度的商品規格,提供常見通用的規格數據,並讓賣家在既有的規格中另外自訂適用於該商店的規格名稱。
除此之外,我們也讓賣家可以針對不同的規格設定不同的價格,這可以幫助賣家在設定限定款時不需要另外再建立一個 SKU,而每個規格都有對應的庫存數量,幫助賣家更好的管理在 Pinkoi 上的銷售概況。

Price

Amount

Specifications

500

20

Size

XXS

Custom

XS

S

M

L

Design value

轉型成專業電商平台

Pinkoi 是一個 UGC (使用者產出內容) 平台,賣家上傳的資訊會決定整體平台調性,
過往在沒有足夠規範的情況下,Pinkoi 看起來更像是一個拍賣網站,而非具有品質把關的專業電商。

隨著 Pinkoi 持續擴增它的業務範疇,它就需要展現出其專業性,因而平台在這個階段也變成相當重要 ,
我認為重新整頓商品資訊不僅僅是改變 Pinkoi 看起來的樣子,也讓 Pinkoi 的品牌調性有不同的定義。

1

改善搜尋結果

搜尋商品過往一直都是令 Pinkoi 團隊、買家、賣家頭痛的功能,搜尋後經常出現一些不相關、不精確的結果。

而在我們優化產品名稱後,可以幫助工程團隊更好的優化搜尋演算法,也進而改善了 Pinkoi 的搜尋結果。

2

廣告業務的基礎建設

改版後的商品架構提供更多資訊,商品名稱也讓公司內的演算法變得更精確,因而 Pinkoi 始能向使用者推薦更多相似產品,而賣家也能基於推薦系統設定付費廣告推廣自己的商品,這也拓展了 Pinkoi 向賣家收費的廣告業務 。

3

UI COMPONENT

我們使用設計系統以及 UI 元件庫來維持整個後台系統的視覺一致性

中文