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