Works

銀行 Wallet

Go

Wallet 幫助銀行的信用卡會員解決總是帶著一堆卡片出門的困擾，
並提供卡片管理及紅利兌換功能，提升信用卡付款及管理的便利性。


進行期間：2016.09 ~ 2017.07
---
> 與UX設計師合作、溝通App架構
> 完成App整體UI設計 (以Sketch設計)
> 後續優化的客戶溝通

Persona

小莉，35歲，上班族

- 中等消費力
- 平時習慣刷卡消費、認為刷卡比付現方便
- 皮包總有多張信用卡(和會員卡)，有時覺得卡片累贅
- 常不清楚每張卡片的優惠、也會忘記換紅利㽪品

User Story


- 可以直接用手機完成刷卡及累點
- 能看見每張信用卡的優惠資訊
- 可以查詢紅利點數並兌換
- 能隨時查對每筆消費紀錄







Image

滑屏切換卡片

一般人擁有同一家的信用卡至多不會超過五張，以左右滑屏的方式切換卡片，方便使用者快速選擇要付款的卡片。

若該張卡片可以累積紅利，下方也會出現累點條碼，讓付款及累積紅利變得更簡便。

信用卡擁有三種付款方式：條碼付款、掃碼付款、Apple Pay，銀行可依據想要開啟的付款方式調整顯示功能，同時維持視覺一致。

卡片交易紀錄

即時記錄每張信用卡的交易資料。

以卡片式設計呈現每筆紀錄，給予單調的資訊更多層次，也使版面更清晰明瞭。

Image


Image


開合收納設計

當資訊需要雙層分類、且介面空間有限時，上下開合的方式提供另一種有效的收納設計。

此處已兌換為最常使用的區域，因此設計為預設展開，能夠減少使用者手動切換的次數，同時標示商品筆數、提供更完整的資訊給使用者。

趣味設計

在設計中適時加入有趣的元素，例如未連線、資料下載中時，設計可愛的插畫，能夠減緩使用者的焦慮與不耐。

色彩計畫



#009E96



#EF908B



#1A1A1A

意猶未盡，你可以...



  Apple Store

查看商店 ->


  Prototype

查看設計原型 ->

其他作品