Pinkoi B2B Website | Lian Yeh Portfolio

Pinkoi Business Site

Wholesale design, simplified.

business.pinkoi.com 實際畫面

About the project

Summary

Pinkoi B2B 購物網站專為一站式國際批發採購網，在此可以採購到 Pinkoi 上優質設計商品，註冊後即可看到各個商品的採購量、零售與批發價格、並可直接結帳，取代過往人工業務洽詢居多的繁複手續。

一站式採購服務除了購物便利外，除了全英文網站之外，後續的專業窗口將會解決所有付款、運送與溝通相關問題，除了採購便利，同時也解決賣家與海外賣家溝通、交易談判...等繁雜流程。

My Role

Product Designer

User research, Interaction, UI Design,

UX Writing, Prototyping

Plat Form

Web, Mobile Web

Collaborative Partner

PM, Engineer, Wholesale departments

Project Time

2020.01-2020.02 ( 2.5 months)

Website

https://business.pinkoi.com/

Project Hypothesis & Goals

B2B 批發購物網從國際商展與批發買手為出發點，近年來發現許多買手與公司行號...等大量採購設計商品之需求，在既有的批發流程中，幾乎都是人工流程居多，透過電話與 mail 來回溝通，需耗費大量時間與人力成本，才能獲取訂單；Pinkoi 的零售購物網已有大量設計品牌與商品資訊，提供更進階的採購網站，將能節省大量時間與人力，預計能替品牌帶來大量收益、促進海內外的品牌擴大與成長。

The Progress

此專案為 Seller Squad Team 負責，目標為 2.5 個月完成全新網站，團隊包含 PM x1、BE x2、FE x1.5、Product Designer x2，需要在短期間完成所有頁面設計，兩名設計師分工建置 Design Library, 頁面架構與細節，我負責的頁面有：首頁、商品頁與購物車結帳頁面，包含所有 UI 設計、UX 流程、功能邏輯定義、互動設計與用戶訪談與測試...等。

經歷過 Pinkoi 買家頁面與賣家後台系統各式大小專案後，設計師需要具備高效率設計、工程師討論與快速決策的能力，此專案的難度在於認識批發採購的相關 domain knowledge，團隊成員皆為資深隊友，經歷過既有購物網站的大小歷練，在打造全新網站的過程中，能快速避開開發誤區、即時討論並決策出最佳解法，高效率的開發流程，網站於 3 個月內順利完成。

Design System

依據 Pinkoi 品牌設計為出發，做出微調與設計，並與前端工程師討論選擇 UI 開發架構，快速調整建造出設計系統，並通過批發團隊與使用者個測試，達成「清楚、簡約、易讀性高」適合批發買家的介面設計。

Design System

UI Wireframe

Product Page Design

批發採購的領域中，批發的價格會依照採購數量、物流尺寸與內容物、甚至是品牌規模而有不同的價格，因非一般零售，尚未註冊通過驗證之用戶，僅能看到零售價格，若通過驗證，登入後將可以看到批發價與更多詳細資訊；除此之外採購業者需在眾多品牌中需要可快速看見價格、特色，商品的詳情文字描述並非第一時間最重視的資訊，有別於以往大眾逛的電商平台不同，採購需要「高易讀性」、「排版簡約俐落」與「凸顯商品特色」之需求。

電腦版商品頁 - 未登入僅能看到零售價格

電腦版商品頁 - 登入後能看到批發價格

電腦版商品頁 - 實際操作畫面

Cart Page Design

批發採購領域中，最低採購數量（MOQ）或最低採購金額（MOV）為常見的採購限制，故在購物車頁面中也需要有額外提示，在此設計按鈕會顯示剩餘差額，按下按鈕即可到該品牌頁面，方便買家補足差額。另外，雖為一站式購物，但採購不外乎還會有許多文字備註需求，故在購物車頁面特別放大備註欄位，方便填寫。

購物車頁 - 未達最低採購金額

購物車頁 - 已達最低採購金額

購物車頁面 - 實際操作影片

Other Page

首頁

品牌頁

Takeaways & Learning

1. 高度執行利＋極快決策力

此專案具有時程限制，必須在短期間內從無到有建構出購物網站，能在期間內完成有以下幾點關鍵：「團隊成員皆為資深隊友」、「隨時與利害關係人＆執行長討論溝通」、　「問題不超過 8 小時的快速決策速度」；團隊內的成員皆為資深隊友，熟悉電商購物網站架構與流程，需要挑戰的是：於初期快速學習批發採購相關知識，所以專案內從頭開始，皆為全體成員一起參與，學習的過程同步建立架構，不會知識性斷層；另外高密集度的討論與決策，讓專案有著高速推展速度，同時擁有靈活調整的空間。