Payan.com

       
  • Рік: В розробці
  • Країна: Таїланд
  • Тип: сервіс оплати (SAAS)
  • Сфера: Фінанси
  • Розроблені елементи: дослідження потреб клієнтів, UX прототипи, UI дизайн

 

У 2016 році ми розробляли дизайн для азійської платіжної системи Payan. Наразі система знаходиться в розробці та тестуванні.
Аналіз юзкесів

Аналіз юзкесів


Ми провели системний аналіз усіх можливих юзкейсів. Користувачам системи були доступні такі можливості:
     
  • Реєструвати акаунт
  • Поповнювати баланс
  • Переводити гроші
  • Знімати гроші
  • Обмінювати валюти
  • та багато інших.





UX прототипування мобільного додатку


Головний екран

Головний екран

Екран історії

Екран історії

Запит грошей

Запит грошей

Рахунок

Рахунок



UX прототипування браузерної версії


Отримані платежі

Отримані платежі

Вікно зняття грошей

Вікно зняття грошей

Історія платежів

Історія платежів

Зняття грошей за допомогою банківського акаунту

Зняття грошей за допомогою банківського акаунту

Список з відкритим платежем

Список з відкритим платежем

Рахунок

Рахунок


Розробка графічного інтерфейсу

Сторінка підтвердження реєстрації

Сторінка підтвердження реєстрації

Акаунт користувача

Акаунт користувача

Історія платежів

Історія платежів

Трансфер

Трансфер

Рахунок

Рахунок

Помилка введення телефону

Помилка введення телефону





Тестування іконок

Щоб пришвидшити сприйняття статусів та типів платежів, ми розробили та протестували іконки, які максимально зрозуміло передавали значення кожної дії в списку.
Тестування іконок
Дизайн, оптимізований для мобільних / планшетів

Дизайн, оптимізований для мобільних / планшетів

Верстка на сітці Bootstrap дозволяла переформатувати дизайн для інших розмірів екрану. Однак, окрім версії для комп'ютерів та планшетів, був розроблений мобільний додаток для iPhone. Вимоги компанії Apple до стилів та дизайну були іншими, аніж поточна веб-реалізація, тому графічний інтерфейс довелося перебудовувати заново. Інтерфейс був спрощений для мобільних, частину операцій можна було зробити виключно через браузер.



Технології

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