top of page
01
Payment Interface
金融服務專案
生活繳費
UIUX Design
專案情境
因應新版繳費需求，設計新版即時帳單與繳費介面
Wireframe
產品初步規劃是將新上線的服務彙整為一大項目，再藉由子議題的方式，在第二頁面做二次篩選，卻導致新增的臺中市繳費項目集中一處，其他縣市與臺中市既有服務入口卻埋在其他頁面，在繳費流程上使用兩種邏輯，不僅開發上彈性不大，對既有用戶也是需要適應的。
▼原先拿到的需求Brief概念示意▼
比較競品與自家產品架構後，主動藉由簡易框架測試與驗證，與 PM 一同在 UX 上進行優化，由兩組不同邏輯的框架去檢視：繳費步驟的直覺度、流程進行速度，載具的加入方式，及內部開發方式評估。
▼優化後的架構示意▼
測試結果
最後 UX 設計以「服務」為分類，並預期帶來以下兩大效益：
-
未來同類繳費服務加入更多縣市後，系統不用重新設計與開發。
-
UI 可隨著專案的進行，逐步依據用戶及市場的反應修正產品，讓工作流程更符合敏捷開發的性質。
-
流程簡化相比競品少一個流程，在追求快速的時代為沒耐心的用戶們，打造流暢快速的使用體驗。
UI &MOCKUP
Icon Design
Mockup
Pi拍錢包生活繳費專案負責 | UIUX Design
版權聲明：圖片僅供作品集示意，版權為 Pi 拍錢包所有，請勿擅自下載與截圖使用。
*Mockup為示意，內容可能與實際不同，切勿任意散播使用*
*若有任何疑問煩請聯絡處理*
02
Universal Icon Set
產品優化
通路地圖元件
Line style
UIUX Design
專案情境
通路合作夥伴增加，為了更好地做出區隔，使通路分類更直覺，設計新版類別Icon，優化產品體驗。
Icon Design
-
在視覺上統一色彩計畫，以品牌藍設計，更符合產品整體視覺。
-
圖示設計上使用更直覺且有區隔的圖樣，來溝通通路類別。
前後對比
Pi拍錢包通路地圖專案負責 | UI Design
版權聲明：圖片僅供作品集示意，版權為 Pi 拍錢包所有，請勿擅自下載與截圖使用。
*Mockup為示意，內容可能與實際不同，切勿任意散播使用*
*若有任何疑問煩請聯絡處理*
bottom of page