• 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
History pahe
Money request page
Invoice page



UX prototyping for Desktop version


Payment recieved page
Withdraw page
Payment history with opened payment page
Withdraw with bank account page
Payment history page
Invoice page


GUI development

Registration confirmation page
Profile page
Payment history page
Transfer page
Invoice page
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