PayQR - Arunas Akatsuki
Machine to Generate Payment QR Code
Duration
Dec 2024-
Jan 2025
Design team
Mara -
Sole member UX UI Designer
Tools
Figma
Aftereffects
Adobe Illustrator
Canva
My Roles
UX/UI Designer
Overview
PayQR is a physical device and digital interface solution designed to generate and print QR codes before the payment process at kiosks or self-checkout stations. It allows users to confirm the order, generate a QR code, and scan it using a payment machine
More about the service: https://arunas.co.jp/
User Journey
Machine - QR Code - Finish Payment
PayQR
Make a total payment
and print out the QR Code
Get the QR Code
Finish the payment at the
AES-CUT payment machine
QR Code
AES-CUT
At a Glance
The Machine and the UI
Problem
The client needed a software solution for a payment system that integrates with a physical machine (PayQR), which prints a QR code after the cashier inputs the customerโs order total.
Goals
The goal was to streamline this process by enabling the machine to automatically print a payment-ready QR code as soon as the order total is entered by the cashier. The customer can then scan this QR code at a payment machine (such as a self-service terminal or mobile payment device) and complete the transaction easily.
Request
First Phase Hi-Fi
Outcome
PayQR is an integrated hardware and software solution designed to optimize the payment workflow at kiosks and self-checkout stations. It enables users to verify their orders, generate a secure, unique QR code, and print it prior to payment. This QR code can then be scanned seamlessly by a payment terminal, facilitating a faster, more efficient transaction process while enhancing accuracy and user experience.
Second Phase Hi-Fi
Setting Up Store and Staff Codes for Easy Device Identification
ๅบ่็ชๅทใๅ ฅๅ
ๅบ่็ชๅท (4ๆๅญ)
*
0~9999
ๅบ่็ชๅท
0~9999
ในใฟใใใณใผใ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ๅบ่็ชๅท
0~9999
ในใฟใใใณใผใ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅบ่็ชๅทใๅ ฅๅ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ๅบ่็ชๅท
ในใฟใใใณใผใ
ๅบ่็ชๅทใๅ ฅๅ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
่จญๅฎ
ๅบ่็ชๅทใๅ ฅๅ
ๅบ่็ชๅท (4ๆๅญ)
*
0~9999
ในใฟใใใณใผใ (4ๆๅญ)
0~9999
ๅบ่็ชๅท
ในใฟใใใณใผใ
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
ๅบ่็ชๅท (4ๆๅญ)
*
0030
ๅบ่็ชๅท
0~9999
ในใฟใใใณใผใ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅบ่็ชๅทใๅ ฅๅ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ๅบ่็ชๅท
ในใฟใใใณใผใ (4ๆๅญ)
0010
ในใฟใใใณใผใ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅบ่็ชๅทใๅ ฅๅ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
To edit/put staff code
To edit store code
To indicate how many receipt printed
To enter the total payment
Entering the Total Payment Amount
ๅบ่็ชๅท
0030
ในใฟใใใณใผใ
0000
่ซๆฑ้้กใๅ ฅๅ
็ฒพ็ฎ็ชๅท
00002
่ซๆฑ้้ก (็จ่พผ)
*
0~999999
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ๅบ่็ชๅท
0030
ในใฟใใใณใผใ
0000
่ซๆฑ้้กใๅ ฅๅ
็ฒพ็ฎ็ชๅท
00002
่ซๆฑ้้ก (็จ่พผ)
*
0~999999
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
ๅบ่็ชๅท
0030
ในใฟใใใณใผใ
0000
่ซๆฑ้้กใๅ ฅๅ
็ฒพ็ฎ็ชๅท
00002
่ซๆฑ้้ก (็จ่พผ)
*
1000
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
ๅบ่็ชๅทใๅคๆด
ๅบ่็ชๅทใๅคๆดใใใๅ ดๅใฏ
่จญๅฎใใฟใณใๆผใใฆใใ ใใ
ใญใฃใณใปใซ
่จญๅฎ
ใญใฃใณใปใซ
็บ่ก
่ซๆฑ้้ก(็จ่พผ)
ยฅ1,000
ๅฐ่จ
10๏ผ ๅฏพ่ฑก(็จๆ)
ยฅ910
10๏ผ ๅฏพ่ฑกๆถ่ฒป็จ
ยฅ90
ๅๅใณใผใ็บ่ก
ไปฅไธ้้กใงๅๅใณใผใใ็บ่กใใพใใ?
ๅบ่็ชๅท
0030
ในใฟใใใณใผใ
0000
่ซๆฑ้้กใๅ ฅๅ
็ฒพ็ฎ็ชๅท
00002
่ซๆฑ้้ก (็จ่พผ)
*
0
ๆญฃใใ็ชๅทใๅ ฅๅใใฆใใ ใใ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
Change or put new staff code
0~9999
ในใฟใใใณใผใใๅ ฅๅ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0~9999
ในใฟใใใณใผใใๅ ฅๅ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
ๅบ่็ชๅท (4ๆๅญ)
*
0010
ในใฟใใใณใผใใๅ ฅๅ
ในใฟใใใณใผใใ่ชญใฟ่พผใพใใฆใใ ใใ
่ชญใฟๅใ
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
QRใณใผใใในใญใฃใณ
ใซใกใฉใQRใณใผใใซๅใใฆใใ ใใ
ใฎใฃใฉใชใผใใใขใใใญใผใ
ใฎใฃใฉใชใผใใใขใใใญใผใ
QRใณใผใใในใญใฃใณ
ใซใกใฉใQRใณใผใใซๅใใฆใใ ใใ
Edit the store code
ๅบ่็ชๅทใๅ ฅๅ
ๅบ่็ชๅท (4ๆๅญ)
*
0030
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
ๅบ่็ชๅทใๅ ฅๅ
ๅบ่็ชๅท (4ๆๅญ)
*
0030
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
0
+
9
WXYZ
8
TUV
7
PRQS
6
MNO
5
JKL
4
GHI
3
DEF
2
ABC
1
ๅบ่็ชๅทใๅ ฅๅ
ๅบ่็ชๅท (4ๆๅญ)
*
0030
ๅๅใณใผใใๅฐๅท
โปQRใณใผใใฏ(ๆ ช)ใใณใฝใผใฆใงใผใใฎ็ป้ฒๅๆจใงใ
ใใผใธใงใณ๏ผ1.0.30
Bhaswara Maralaut
More projects and experiences are always on the way.
Let's keep in touch!