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!

© Framer Inc. 2023