We gave a brand new look to OCBC's Pay Anyone app. Providing seamless transactions, withdrawals and allowing you to split bills with friends, all on one app.
Codigo
Mobile UI Design
Interaction Design
First time users will be greeted with graphical onboarding screens to introduce them to the key features of the app.
Users will be able to scan a QR code to pay for their meals, withdraw cash and much more right on the home screen. There is also a quick-pay feature that provides a shortcut to make payment to their recent transactions.
You can easily transfer funds to friends through your contact list, a PayNow ID, using a mobile number or email address. To have a more consistent visual, we opted for a customised number pad rather than using a native one.
Before going through with the transfer, review your transaction with a clear emphasis on all the important information; the payee, the amount that's being transferred and the bank account that you're transferring from.
Select multiple contacts from your contact list directly and request money or split bills with them. A breakdown of how much each person owes, including what items applies to them is shown to avoid confusion.
Since you would be able to request money from multiple people at one time, I created varying graphical icons to illustrate each situation — transferring to 2 people, 3 people and more than 3 people respectively.
After confirming a transaction, I also illustrated a short animation to signify the transferring of funds. This acts as the loading screen.
