Pinkoi Pay
Pay online to offline, Pay anywhere in a moment!
Pinkoi Pay 實際操作畫面
About the project
Summary
此專案為在 Pinko 既有產品內串接金流支付系統，除了線上支付儲存信用卡號功能外，同時也包含線下掃碼支付功能。大幅加速支付流程速度，同時簡短購物流程、有效提高公司營業額；同時解決實體市集場域，現金支付的困難、公司無法系統化商家營業額與販售商品...等痛點。
My Role
Product Designer
User research, Interaction, UI Design, UX Writing, Prototyping, Testing, Questionnaire
Plat Form
iOS & Android APP, Web, Mobile web
Collaborative Partner
Engineer, Financial and Marketing departments and Cathy Bank
Project Time
2019.07-2019.10 ( 3 months )
Interview & Research
除了前期跨部門與外部銀行單位討論基礎流程與架構限制，同步實作使用者訪談與流程繪製，獲得初步使用者體驗流程、痛點紀錄，彙整出 User Journey，並同時公司上層與團隊定義出專案核心目標、預計達成功能。
User Insight & Project Goals
在專案初期，先統整出不同使用者在不同情境中會遇到的痛點，並彙 整出串接此服務後可解決的事項，同時立定明確的專案目標。
根據上方統整之使用者痛點，歸納出以下專案目標：
-
減少線上/線下付款流程與時間、增加顧客購物體驗
-
線下販售也可即時查閱銷售報表與資訊
-
有效提升商家與公司營收、減少耗費人力
-
有效執行 O2O，增加公司會員數量、店家被追蹤數量
-
商家能執行快速收款、減少交易糾紛
The Progress
此專案為跨部門合作，前期的各方單位訪談與整合過程是最重要的過程之一，需考量外部銀行、公司內部工程、財務、行銷部門...等相關利害關係人外，同步也須盤點外部店家與消費者於線上/線下消費與收款時遇到的困難，再與團隊擬定策略與目標，在成功在期限內順利完成金流系統的改版、線下支付新功能上線，並成功達成專案效益、且獲得使用者高滿意度回饋。
Wireframe, Prototype & Test
經過先前與工程師討論的技術限制、用戶調研與確認目標後，即可開始繪製流程圖、製作線稿、Hi-fi prototype， prototype 使用者測試，每個流程皆有可能有多種方案，中間同樣經歷過數次與跨部門討論與確立，最終進行畫面的 hi-fi 設計圖，最後將精稿交付給工程師，由於各步驟與工程師皆有密切溝通，在設計的途中，工程團隊也可同步開發基礎建設，加速開發的過程。
架構流程圖，此階段將會與工程師大量討論，確立步驟與工程可行性，工程師可依據邏輯架構同步開發
確立流程後，開始製作 prototype，並模擬成頁面，請使用者測試，進行訪談，收集回饋並作畫面微調
Design, Release & Optimization
此專案上線平台包含 iOS, Android APP, DMweb，操作流程除了套用該平台慣用之使用元件，其餘皆把持全平台操作之一制性，除了設計與工程團隊能加快溝通效率外，客服團隊與顧客皆能體驗高度一致性，上線後並無發生重大客訴事件，同時也極少有操作異常或問題。下方圖片為專案部分介面設計，可直接觀看操作影片，可看到實際操作體驗流程。
實際操作流程與畫面
Questionnaire
專案上線後，直接於首次使用線下支付流程的市集收集問卷調查，期望能就由此問卷收集線下支付設計師端＆買家端的需求，同時也期望能收集到使用此功能的使用者滿意度，以及可優化方向。
Part A. Buyer Side
測試時間與方式
-
2018/12/07 - 12/09 品品市集 台北站
-
市集現場提供 QR Code 讓買家掃描填寫問卷，填寫完成送小禮物
測試對象與問卷數量
-
參加 2018 Pinkoi 品品市集的買家
-
收到有效問卷共 387份
問卷結果
1. 使用主要行為＆成功率
-
有超過一半的人（53.3%，216人）使用掃碼支付功能
-
96.8% 的顧客有成功使用掃碼支付
-
75.5% 的顧客使用使用綁信用卡支付（Pinkoi Pay），24.5% 的人使用 Apple pay (iOS)
2. 流程體驗滿意度
-
73.1 %的使用者認為在市集中掃碼付款使結帳更便利快速
-
73.1 %的使用者認為掃碼支付使用非常順暢
-
74.1 %的使用者認為掃碼支付功能非常滿意
3. NPS Score = 82
是否願意再次使用「掃碼支付」功能（1非常不願意 ~ 10 非常願意）
4. 使用掃碼支付原因 (複選題)
-
快速便利
-
不用使用現金付款
-
可以額外獲得優惠券
-
新功能想嚐鮮使用
Part B. Seller Side
測試時間與方式
-
2018/12/12 - 12/31
-
市集後發放 google 問卷
測試對象與問卷數量
-
參加 2018 Pinkoi 品品市集的海內外設計師
-
台灣地區：123 份 、海外地區：42 份，共計 165 份有效問卷
問卷結果
1. 在此次 Pinkoi 品品市集中，高達 96.3 % 的設計師有遇到客人使用「掃描支付」功能。
2. 在市集中，設計師們常被客人詢問的「掃描支付」問題是什麼？
-
51.6% 沒遇到問題
-
以下是設計師最常被問到的前三名：
-
21.4% 如何綁定信用卡
-
12.7 % 找不到/不知道「掃描支付」功能在哪裡
-
10.3% 詢問如何使用優惠券
-
-
3. 設計師們覺得「掃描支付」功能帶來的好處是：
-
30.7% 不需要找零
-
29.9% 付款結帳更快速便利
-
14.8% 可提高市集的訂單交易量
4. 針對「掃描支付」功能體驗滿意度
-
47.1% 非常滿意
-
38.2% 滿意
-
9.6% 稍微滿意
5. NPS Score = 59
是否願意再次使用「掃碼支付」功能（1非常不願意 ~ 10 非常願意）
Taiwan Seller
「操作上比想像中簡單很多，以後會用這項功能提供給市集現場想刷卡付款的朋友，可讓客人再次回購，通常使用這項功能的訂單金額都會提高，真的很滿意!」
Hong-Kong Seller
「很容易操作，也有很多客人樂意使用，減少了找零時間，收款和確認訂單的過程很清楚簡易和 user-friendly，有效提高交易量。」
Japan Seller
「結帳流程很順暢，客人的購物記錄也會留下來；而且有機會讓客人看到自己的 Pinkoi 館的機會也會增加，將來再度消費的可能性也提高。」
Achievements & Learning
1. 預留更多時間做用戶教育與宣傳
-
若是當地用戶不熟悉之功能，須預留更多時間教育用戶做事情準備，讓賣家到達海外市集時，有更充裕的時間學習。
2. 針對海外買賣家提供更多便利功能
-
提供匯率轉換之功能，減少海外賣家需自行轉換的時間
-
可延伸串接更多海外支付系統，如：Alipay / Wechat (銀聯) / Paypal
3. 延伸出更多優惠功能
-
市集現場賣家會需要臨時提供優惠券、折扣... 等更多操作
-
未來可串接更多 pos 機相關操作系統，讓賣家可自行設定金額，減少來回確認之時間
此服務功能後續延伸到海外市集，除了可解決幣別問題，大幅減少人工來回對帳時間，同時也能精準統計受出品項，讓公司短再規劃未來市集能更精準評估效益；掃描支付至今已越來越普及化，如何藉由此功能從線下引流更多流量至賣家端，進而替賣家創造營收，還有很多可延伸空間。此專案扎實地體驗了金流串接、上線後實際應用於線下市集中的整個流程，收集的回饋即時，並能親自看見用戶的操作過程，是一次非常寶貴的開發經驗！
海外市集現場（HK）
掃描付款實際使用狀況
More Projects
Shipping Estimate System
Product Page Revamp
Pinkoi Business Site