• Year: Under development
  • Country: Thailand
  • Type: payment service (SAAS)
  • Market: Finance
  • Developed elements: Usecases research, UX prototypes, UI design

 

In 2016 we were developing design for Asian payment system Payan. The system is currently under development and testing.
Usecases analysis

Usecases analysis


We conducted systematic analysis of all possible usecases. Users were able to access the following features:
     
  • Account registration
  • Balance refill
  • Money transferring
  • Money withdrawal
  • Currency exchange
  • and many others





UX prototyping for mobile app


Home page

Home page

History pahe

History pahe

Money request page

Money request page

Invoice page

Invoice page



UX prototyping for Desktop version


Payment recieved page

Payment recieved page

Withdraw page

Withdraw page

Payment history with opened payment page

Payment history with opened payment page

Withdraw with bank account page

Withdraw with bank account page

Payment history page

Payment history page

Invoice page

Invoice page


GUI development

Registration confirmation page

Registration confirmation page

Profile page

Profile page

Payment history page

Payment history page

Transfer page

Transfer page

Invoice page

Invoice page

Error entering phone number

Error entering phone number





Icons testing

We developed and tested the icons which can clearly explain all functions of each action to simplify perception of information.
Icons testing
Optimized design for mobile / tablet

Optimized design for mobile / tablet

Bootstrap grid layout allowed us to re-design the interface for other screen formats. We've also developed mobile application for the iPhone in addition to desktop and tablet version. Apple's requirements for styles and design were different from the current web implementation, so the graphical interface had to be rebuilt. The interface was simplified for mobile version, some functions could be done only by using browser.



Technologies

Adobe Illustrator

Adobe Illustrator

Balsamiq

Balsamiq

Adobe Photoshop

Adobe Photoshop

TFS

TFS

CSS

CSS

Marvelapp

Marvelapp



+38 (0) 63 572 62 52  |   yellow.arrow.publishing@gmail.com  |   Skype: Pavlo Salyga
© 2017 YellowArrow.Design