1. MOCKUP, FLOW, AND API SERVICE
BAYARIND (WALLET)
MOCKUP, FLOW, AND API SERVICE

2. Apps Maps

3. 1.0 ON BOARDING

4. 1.0 ON BOARDING (A)

5. 1.0 ON BOARDING (B)

6. 1.0 ON BOARDING (C)

7. 1.0 ON BOARDING (D)

8. 1.0 ON BOARDING (E)

9. 1.1 USER DASHBOARD

10. 1.2 DEPOSIT WITHDRAW
Detail in next slide...

11. Deposit flow & screen to be inform later
1.2 DEPOSIT WITHDRAW
A: - On load, focus on input field - On focus input field, display numeric keyboard
B: - Validation, if wallet amount is lower than amount withdrawal, button is disabled in grey
C: - Send request OTP to Server - Server response success / fail / stop - If server respond with fail, return back to previous screen (1.2.2), notice to user to try again - If server respond with stop, means that user already exceed limit of requesting OTP, notice to user to try again in next an hour
D: - On load, focus on input field - On focus input field, display numeric keyboard - Button resend OTP countdown from 60s - OTP code is numeric 6 digit length
E: - When user tab confirm button, send all request to server - values are: amount, method, otp code
F: - Display whether withdrawal process response from server is success or failed
Deposit flow & screen to be inform later

12. Deposit flow & screen to be inform later
1.2 DEPOSIT WITHDRAW
Deposit flow & screen to be inform later

13. 1.3 CREDIT BANK MANAGEMENT

14. 1.3 CREDIT BANK MANAGEMENT

15. 1.4 GET HELP

16. 1.4 GET HELP A: - Display page as expected design
B: - Send request for Live chat API every 5 seconds
C: - Display form with following fields: ** Subject (max 128 chars length) ** Content (text) - Submit request to backend API Service
D: - Phone support button will open phone to call specified number - Support phone number is static, pre-configured in the application
E: - FAQ / User Guide / Merchant guide will open URL within Webview - URL each links are static, pre-configured in the application

17. 1.5 USER SETTING Security Setting screen will be inform
Apps Setting  changes into Bank Account for Withdrawal Setting (screen & flow will be inform)
About  get from inview web portal
Right Menu  Add menu Message (Screen & flow will be inform)