Apple Pay
Summary:
The goal was to engage online banking customers into digital wallets like Apple Pay, Android Pay, Samsung Pay & Microsoft wallet by adding their credit & debit cards into digital wallets as virtual cards.
My Role:
I worked as the Interaction Designer for this project, responsible for user flows, wireframes and prototype.
Project Details:
So initially we had to think of an on boarding scenario along with our design, as customers were new to the concept of wallet back then.
The requirements we had were to design for the scenario of users adding cards to their mobile wallet and using it at Apple Pay device reader and managing the cards in online banking.
For the on boarding scenario I designed a page which would talk about the benefits of mobile wallet to customers as below:
The goal was to engage online banking customers into digital wallets like Apple Pay, Android Pay, Samsung Pay & Microsoft wallet by adding their credit & debit cards into digital wallets as virtual cards.
My Role:
I worked as the Interaction Designer for this project, responsible for user flows, wireframes and prototype.
Project Details:
So initially we had to think of an on boarding scenario along with our design, as customers were new to the concept of wallet back then.
The requirements we had were to design for the scenario of users adding cards to their mobile wallet and using it at Apple Pay device reader and managing the cards in online banking.
For the on boarding scenario I designed a page which would talk about the benefits of mobile wallet to customers as below:
Once the customers are enrolled into the wallet, they can lock, unlock and delete their cards.
The lock feature helps them prevent their card from being used, this can be used when they want to prevent the use of their card while sharing devices
or when they have a doubt of their card being compromised.
So when I started designing, I realized that a customer could have more than 1 device and the same card could be enrolled in multiple devices.
so I laid it as 4 columns, device/phone number, card, status and settings and it had 2 view the device and the card view as below:
The lock feature helps them prevent their card from being used, this can be used when they want to prevent the use of their card while sharing devices
or when they have a doubt of their card being compromised.
So when I started designing, I realized that a customer could have more than 1 device and the same card could be enrolled in multiple devices.
so I laid it as 4 columns, device/phone number, card, status and settings and it had 2 view the device and the card view as below:
Tools used:
The entire project was designed using Indesign and Fireworks for prototype.
Our UX team wasn't introduced to a specific prototyping tool when this project was in the design phase, but there was a leadership ask for some kind of an interactive design to better understand the concept, so I created a prototype using Fireworks and it worked extremely well and was a huge success.
The Result:
Design executives at the bank were extremely delighted and happy with the outcome and we had about 80K enrollments within the first week of release
The entire project was designed using Indesign and Fireworks for prototype.
Our UX team wasn't introduced to a specific prototyping tool when this project was in the design phase, but there was a leadership ask for some kind of an interactive design to better understand the concept, so I created a prototype using Fireworks and it worked extremely well and was a huge success.
The Result:
Design executives at the bank were extremely delighted and happy with the outcome and we had about 80K enrollments within the first week of release
Next Project > Customer Profile Engagement