bwallet alone.png

bWallet

Role:  UX Designer

Goal

Make the bWallet page responsive and while doing so, redesign the page to be consistent with the rest of the site.

About

The bWallet page is Bloomingdale's wallet page where customers can manage their payment options, rewards  and other offers associated with their "Loyallist" Account, Bloomingdale's rewards program.

bWallet: What It Was 

The mobile bWallet page had not been made responsive and the content of the current page on both desktop and mobile was displayed using an older coded style guide. 

d_CURRENT_my_bwallet_1_1024.png

Desktop View

m_CURRENT_my_bwallet.png

Mobile View

Creation: Wires and Making the Page Responsive

Bwallet Desktop wire.png

Creation: UI

I collaborated with the Creative Design team to apply the UI. We worked through additional scenarios including new user and error states. The new bWallet page is currently live on the Bloomingdale's website.

New User State

Group 17.png
Group 18.png

Error State

Group 16.png