# PayGo (PayWise Pay) โ€” ASCII Text UI Screen Wireframes This document provides visual ASCII text wireframes for the **PayGo Mobile Application** (Merchant and Customer flows). Designed for graphic designers, UI/UX engineers, and autonomous agent handoffs, these layout specifications illustrate screen layouts, visual hierarchy, touch targets, and system states. --- ## 1. Merchant App Screens (PayGo Merchant) ### Screen M-0: Standby Screen Saver State *Activated when the merchant terminal is idle between transactions. Designed for both primary mobile device and secondary customer-facing displays.* ``` +----------------------------------------------+ | 12:00 [100%] | |----------------------------------------------| | | | | | | | +----------------+ | | | [PAY] [GO] | | | +----------------+ | | "Pay & Go Your Way" | | | | ~ Animated Pulse Logo ~ | | | | | | | | | | [ Double-Tap Screen to Wake Up ] | | | +----------------------------------------------+ ``` --- ### Screen M-1: Instant Amount Entry Screen (Home) *Opens directly without login barriers for rapid transaction initiation. Read-only profile header with instant numeric keypad.* ``` +----------------------------------------------+ | Global Trade Co. (Kiosk 1) [100%] | |----------------------------------------------| | STORE: Tree City Mall (Branch #3) | |==============================================| | | | ENTER PAYMENT AMOUNT | | | | $ 150.00 TTD | | ------------ | | | | +-------+-------+-------+ | | | 1 | 2 | 3 | | | +-------+-------+-------+ | | | 4 | 5 | 6 | | | +-------+-------+-------+ | | | 7 | 8 | 9 | | | +-------+-------+-------+ | | | CLR | 0 | 00 | | | +-------+-------+-------+ | | | | +----------------------------------------+ | | | (( TAP & PAY )) | | | +----------------------------------------+ | | | [ GENERATE QR CODE ] | | | +----------------------------------------+ | | | | [ Send Payment Link ] | | | |----------------------------------------------| | [ Home ] [ Transactions ] [ Settings ] | +----------------------------------------------+ ``` --- ### Screen M-2: Dynamic QR Code Presentation Screen *Presents business-account dynamic QR code for customer scanning. Supports dual-screen output to customer-facing display.* ``` +----------------------------------------------+ | PayGo Merchant [100%] | |----------------------------------------------| | < Back to Entry | | | | AMOUNT TO BE PAID | | $ 150.00 TTD | | | | +------------------------------+ | | | ########################## | | | | ## == ###### == ###### | | | | ## == ###### == ###### | | | | ###### ###### ########## | | | | ###### == == ###### == | | | | ## == ###### ====== ## | | | | ########################## | | | +------------------------------+ | | [ BUSINESS ACCOUNT QR CODE ] | | | | ๐Ÿ–ฅ๏ธ Secondary Customer Screen: CONNECTED | | (Displaying QR on Customer Counter Screen) | | | | +----------------------------------------+ | | | [ ๐Ÿ“ค Share Payment Link ] | | | +----------------------------------------+ | | | [ โŒ Cancel Transaction ] | | | +----------------------------------------+ | +----------------------------------------------+ ``` --- ### Screen M-3: Transaction Outcome & Audio Feedback Screen *Visual and acoustic payment verification. Features hands-free audio chime and instant receipt options.* ``` +----------------------------------------------+ | PayGo Merchant [100%] | |----------------------------------------------| | | | +-------------------+ | | | (V) SUCCESSFUL | | | +-------------------+ | | | | $ 150.00 TTD | | Paid via VISA **** 4242 | | Ref #: TXN-998204112 | | Time: 14:32:05 TST | | | | ๐Ÿ”Š Audio Sound Chime Triggered: | | "Payment of $150.00 TTD Received" | | | | +----------------------------------------+ | | | [ ๐Ÿงพ SHOW / SHARE RECEIPT ] | | | +----------------------------------------+ | | | [ ๐Ÿ  RETURN TO HOME SCREEN ] | | | +----------------------------------------+ | | | +----------------------------------------------+ ``` --- ### Screen M-4: Transaction History & Digital Receipts Log *Searchable transaction history for store cashiers, branch managers, and accounting review.* ``` +----------------------------------------------+ | Transaction History [100%] | |----------------------------------------------| | [ Search TXN Ref or Date... ] [Filter]| |----------------------------------------------| | TODAY (Nov 9, 2026) | | | | [V] #TXN-9982 14:32 $150.00 TTD SUCCESS | | VISA ****4242 | Tap & Pay | | [ View Receipt ] [ Share ] | | | | [V] #TXN-9981 13:15 $ 45.50 TTD SUCCESS | | QR Scan | Customer: Anonymous | | [ View Receipt ] [ Share ] | | | | [X] #TXN-9980 11:05 $220.00 TTD DECLINED | | 3DS Gateway Auth Timeout | | | | YESTERDAY (Nov 8, 2026) | | [V] #TXN-9979 16:45 $ 89.00 TTD SUCCESS | | | |----------------------------------------------| | [ Home ] [ Transactions ] [ Settings ] | +----------------------------------------------+ ``` --- ### Screen M-5: Merchant Settings & Device Provisioning *Read-only business profile view, audio chime toggles, and secure Device Key pairing management.* ``` +----------------------------------------------+ | Merchant Settings [100%] | |----------------------------------------------| | READ-ONLY MERCHANT PROFILE | | Business Name : Global Trade Co. (GTC) | | Device Name : Branch 3 - Kiosk 1 | | Location : Tree City Mall Kiosk | | Main Account : register.paywise.co | |----------------------------------------------| | APP CONFIGURATION | | Audio Notification Chime [ ON | off ]| | Fee Allocation : [ Merchant Pays ] | |----------------------------------------------| | DEVICE PROVISIONING & BINDING | | Device ID : DEV-8849-GTC | | Status : BOUND & ACTIVE | | | | +----------------------------------------+ | | | [ ๐Ÿ”‘ Pair New Device Key ] | | | +----------------------------------------+ | |----------------------------------------------| | [ Home ] [ Transactions ] [ Settings ] | +----------------------------------------------+ ``` --- ## 2. Customer App Screens (PayGo Customer) ### Screen C-1: Express Registration & Profile Screen *Streamlined customer registration capturing minimal profile data without initial KYC friction.* ``` +----------------------------------------------+ | PayGo Customer Setup [100%] | |----------------------------------------------| | | | WELCOME TO PAYGO | | Fast & Frictionless Payments | | | | Full Name | | [ Jane Doe ] | | | | Email Address | | [ jane.doe@example.com ] | | | | Phone Number | | [ +1 (868) 555-0199 ] | | | | Date Joined : Nov 9, 2026 (Auto-Set) | | | | [X] Enable Biometric Authorization (TouchID) | | | | +----------------------------------------+ | | | [ COMPLETE REGISTRATION ] | | | +----------------------------------------+ | | | +----------------------------------------------+ ``` --- ### Screen C-2: Checkout & Biometric Payment Authorization *Customer payment execution screen featuring tokenized card selection and biometric fingerprint authorization.* ``` +----------------------------------------------+ | PayGo Checkout [100%] | |----------------------------------------------| | MERCHANT RECEIVING PAYMENT | | Global Trade Co. (Tree City Mall) | | | | TOTAL AMOUNT DUE | | $ 150.00 TTD | |----------------------------------------------| | SELECT SAVED TOKENIZED CARD | | (*) VISA ending in 4242 [ Default ] | | ( ) Mastercard ending in 8819 | | [ + Add New Payment Card ] | |----------------------------------------------| | PAYMENT METHOD | | [ Tap & Pay ] [ Scan QR ] [ Payment Link]| | | | +------------------------------+ | | | ๐Ÿ–๏ธ TOUCH ID REQUIRED | | | | Place Finger on Sensor | | | | to Authorize | | | +------------------------------+ | | | | +----------------------------------------+ | | | [ ๐Ÿ”“ AUTHORIZE $150.00 TTD ] | | | +----------------------------------------+ | +----------------------------------------------+ ``` --- ### Screen C-3: Digital Receipt & Expense Note Recorder *Automatic digital receipt capture with text and voice note recording for independent transaction tracking.* ``` +----------------------------------------------+ | Digital Receipt & Notes [100%] | |----------------------------------------------| | [V] PAYMENT COMPLETED | | Merchant : Global Trade Co. | | Amount : $150.00 TTD | | Date : Nov 9, 2026 - 14:32 TST | | Card : VISA **** 4242 | |----------------------------------------------| | EXPENSE TRACKING & NOTES | | Attach custom note or voice memo to this | | receipt for your personal expense log: | | | | [ ๐Ÿ“ Enter Text Note... ] | | | | +----------------------------------------+ | | | [ ๐ŸŽ™๏ธ Record Voice Note Receipt ] | | | +----------------------------------------+ | | | | MONTHLY SPENDING SUMMARY | | Total Spent in Nov 2026: $ 425.50 TTD | | | | +----------------------------------------+ | | | [ ๐Ÿ’พ SAVE RECEIPT TO LOG ] | | | +----------------------------------------+ | +----------------------------------------------+ ```