Real-Time Sales Dashboard for POS Ecosystem

Real-Time Sales Dashboard for POS Ecosystem

At a glance

My Role

Product Designer

Period: Dec 2023 โ€“ Present

Discovery ยท Feature Scoping ยท UX/UI Design ยท Information Architecture ยท Data Visualization ยท On-site Observation ยท Prototyping ยท Iterative Validation ยท Design QA

About

Mobapro is a mobile-first sales analytics platform that helps businesses monitor real-time sales performance from connected payment and POS systems.

Background

Mobapro started from a client request for centralized sales data generated by payment machines. Because our company works with multiple payment devices and clients, we saw an opportunity beyond a one-off solution: turn fragmented payment data into a scalable B2B subscription product.

At a glance

My Role

Product Designer

Period: July 2025 โ€“ Present

Phase: 0โ€“2

Discovery ยท Feature Scoping ยท UX/UI Design ยท Information Architecture ยท Data Visualization ยท On-site Observation ยท Prototyping ยท Iterative Validation ยท Design QA

About

Mobapro is a mobile-first sales analytics platform that helps businesses monitor real-time sales performance from connected payment and POS systems.

Mobapro is a mobile-first sales analytics platform that helps businesses monitor real-time sales performance from connected payment and POS systems.

Background

Mobapro started from a client request for centralized sales data generated by payment machines. Because our company works with multiple payment devices and clients, we saw an opportunity beyond a one-off solution: turn fragmented payment data into a scalable B2B subscription product.

The Starting Point

It started with a simple client request.

It started with a simple client request.

โ€œWe want to see the sales data from our payment machines through one web app.โ€

โ€œWe want to see the sales data from our payment machines through one web app.โ€

At first, this sounded like a dashboard request. But the deeper problem wasn't whether the data existed. The data already existed across different payment and POS environments. The challenge was turning that fragmented information into one business picture that store operators could understand quickly.

At first, this sounded like a dashboard request. But the deeper problem wasnโ€™t whether the data existed. The data already existed across different payment and POS environments. The challenge was turning that fragmented information into one business picture that store operators could understand quickly.

PAYMENT / POS SYSTEMS

AES-CUT

SUNMI

่ซ‹ๆฑ‚้‡‘้กใ‚’ๅ…ฅๅŠ›

ใ‚นใ‚ฟใƒƒใƒ•ใ‚ณใƒผใƒ‰

0000

ๅบ—่ˆ—็•ชๅท

0030

็ฒพ็ฎ—็•ชๅท

00002

00001๏ฝž49999

่ซ‹ๆฑ‚้‡‘้ก (็จŽ่พผ)

*

1000

10ๅ††ๆœชๆบ€ใฏๅ…ฅๅŠ›ไธๅฏ

็พ้‡‘

ใ‚ญใƒฃใƒƒใ‚ทใƒฅใƒฌใ‚น

โ€ปQRใ‚ณใƒผใƒ‰ใฏ(ๆ ช)ใƒ‡ใƒณใ‚ฝใƒผใ‚ฆใ‚งใƒผใƒ–ใฎ็™ป้Œฒๅ•†ๆจ™ใงใ™

Stera

Sutokon

Menu Books

FRAGMENTED SALES DATA

Problem Discovery

The problem wasn't missing data. It was about how to make the data useful.

The problem wasnโ€™t missing data. It was about how to make the data useful.

PROBLEM 01

Fragmented Data

Different payment and POS environments generated sales information separately.

Different payment and POS environments generated sales information separately.

Multiple Systems

Different Data Sources

No Unified Business View

PROBLEM 02

Numbers Without Context

A sales number tells merchants what happened, but not what it means.

A sales number tells merchants what happened, but not what it means.

โ€œIs this good?โ€

โ€œAre we improving?โ€

โ€œWhen do we sell the most?โ€

โ€œWhat products are driving revenue?โ€

โ€œWhich store is performing better?โ€

PROBLEM 03

Scaling Beyond One Client

Solving only for one client would limit opportunity.

Solving only for one client would limit opportunity.

More Devices

More Stores

More Clients

More Data

More Features

HOW MIGHT WE

turn sales data from different payment environments into one simple, actionable, and scalable experience?

Research โ†’ Product Thinking

What decisions should the data help merchants make?

MERCHANT QUESTION

DATA NEEDED

DESIGN RESPONSE

How much did we sell?

Revenue, Transactions, Customer count

Sales KPI Overview

Are we performing better?

Current vs previous period

Performance Comparison

When are customers buying?

Hourly, Daily, Monthly sales

Time-Based Sales Trends

What is driving revenue?

Product-level sales

Product Ranking

Which store performs better?

Store-level performance

Store Comparison

SEE

What is happening?

Revenue, Transactions, Customers

UNDERSTAND

Why might it be happening?

Trends, Rankings, Comparisons

ACT

What can the merchant do next?

Campaigns, Coupons, Marketing

Launch

The product moved from design into real client operations.

AUGUST 2025

The AES-CUT ร— Mobapro integration entered full-scale client operation. Sales information generated by AES-CUT could be visualized and analyzed through Mobapro in real time, helping users monitor sales trends, customer-count changes, and performance by time period.

The Solution

From seeing sales to knowing what to do next.

Mobapro was designed as a connected experience: connect payment systems, monitor the business, understand performance, compare outcomes, act on insights, engage customers, learn from results, and scale the product as the merchant grows.

Sales Data View

Compare Stores

WEB Coupon

AI analysis

01 - Connect

Different systems. One place to start.

Merchants use different payment systems, but they want one entry point for their business. Mobapro connects payment data into a consistent product experience so the merchant can start from the same place every time.

02 - Monitor

Start with one question: 'How is my business doing?'

The dashboard answers the immediate question first. It prioritizes current performance, adds context, and then offers detail so the merchant can decide whether to dig deeper.

ใƒžใƒใƒผใ‚ธใƒฃใƒผ๏ผšใƒขใƒใƒ—ใƒญๅคช้ƒŽ

๏ผ‘ๅบ—่ˆ—

ๅพŒๆ‰•ใ„็ฒพ็ฎ—ๆฉŸ

็›ฎๆจ™ใพใงใ‚ใจ464,960

ๅ††

281

ๅ›ž

ๅ‰ๆ—ฅๆฏ”

ไผš่จˆๅ›žๆ•ฐ

๏ผ‹11 ( 2% )

ๅนณๅ‡่ณผๅ…ฅไพกๆ ผ

ๅ‰ๆ—ฅๆฏ”

3980.0

ๅ††

-10ๅ†† ( -1%ใ€€)

ๆ”ฏๆ‰•็จฎๅˆฅใƒฉใƒณใ‚ญใƒณใ‚ฐ

ๅบ—่ˆ—ใƒฉใƒณใ‚ญใƒณใ‚ฐ

็พๅœจใฎๅฃฒไธŠ้ซ˜

ๆธ‹่ฐทใ‚นใƒˆใ‚ข

267,500ๅ††

ๆ–ฐๅฎฟใ‚นใƒˆใ‚ข

115,500ๅ††

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

4ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

5ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

6ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

7ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

8ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

267,500ๅ††

ใ‚นใ‚ฟใƒณใƒ€ใƒผใƒ‰ใƒ—ใƒฉใƒณ

ๆœˆ้ก 1,000ๅ††

ใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰

ใƒ—ใƒฌใƒŸใ‚ขใƒ ใƒ—ใƒฉใƒณ

ๆœˆ้ก 4,000ๅ††

ใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰

ใ™ในใฆใฎใƒ—ใƒฉใƒณ่ฉณ็ดฐใ‚’่ฆ‹ใ‚‹

็พๅœจใฎๅฃฒไธŠ้ซ˜

543,500

ๅ††

ๅฃฒไธŠ็›ฎๆจ™

600,000ๅ††

็พๅœจใฎ้”ๆˆ็އ 90.5%

2025/02/04(็ซ) 17:20็พๅœจ

็›ฎๆจ™ใพใงใ‚ใจ94,960

ๅ††

78

ๅ›ž

ๅ‰ๆ—ฅๆฏ”

ไผš่จˆๅ›žๆ•ฐ

๏ผ‹3ๅ›ž ( 2% )

ๅนณๅ‡่ณผๅ…ฅไพกๆ ผ

ๅ‰ๆ—ฅๆฏ”

1490.0

ๅ††

-10ๅ†† ( -1%ใ€€)

ๅฃฒไธŠใƒฉใƒณใ‚ญใƒณใ‚ฐ

้†คๆฒนใƒฉใƒผใƒกใƒณ

ๅ‘ณๅ™Œใƒฉใƒผใƒกใƒณ

ๆ”ฏๆ‰•็จฎๅˆฅใƒฉใƒณใ‚ญใƒณใ‚ฐ

็พ้‡‘

PayPay

ๅˆธๅฃฒๆฉŸ

2025/02/04(็ซ) 17:20็พๅœจ

118

ๅ›ž

ๅ‰ๆ—ฅๆฏ”

ไผš่จˆๅ›žๆ•ฐ

๏ผ‹3 ( 2% )

ๅนณๅ‡่ณผๅ…ฅไพกๆ ผ

ๅ‰ๆ—ฅๆฏ”

990.0

ๅ††

๏ผ‹9ๅ†† ( 1%ใ€€)

ๅฃฒไธŠใƒฉใƒณใ‚ญใƒณใ‚ฐ

ใƒˆใƒƒใƒ”ใƒณใ‚ฐใƒฉใƒณใ‚ญใƒณใ‚ฐ

ๆ”ฏๆ‰•็จฎๅˆฅใƒฉใƒณใ‚ญใƒณใ‚ฐ

ใƒขใƒผใƒ‰ 1

ใƒขใƒผใƒ‰ 2

ใƒขใƒผใƒ‰ 3

ไธ€็ท’ใซ่ณผๅ…ฅใ•ใ‚ŒใŸใ‚‚ใฎใƒฉใƒณใ‚ญใƒณใ‚ฐ

้†คๆฒนใƒฉใƒผใƒกใƒณ

่‚‰ใƒฉใƒผใƒกใƒณ

37ๅ›ž

่ฑš่‚‰ใƒฉใƒผใƒกใƒณ

32ๅ›ž

ใญใŽ

4ไฝ

32ๅ›ž

ใƒใƒฃใƒผใ‚ทใƒฅใƒผ

5ไฝ

32ๅ›ž

ใฎใ‚Š

6ไฝ

32ๅ›ž

ใƒˆใƒžใƒˆใƒใ‚ธใƒซใƒฉใƒผใƒกใƒณ

7ไฝ

32ๅ›ž

ๅฑฑๆค’ๅฆใ€…้บบ

8ไฝ

32ๅ›ž

้ถ็™ฝๆนฏใƒฉใƒผใƒกใƒณ ๆŸšๅญ้ขจๅ‘ณ

9ไฝ

32ๅ›ž

้ป’ใ”ใพๆ‹…ใ€…้บบ

10ไฝ

32ๅ›ž

49ๅ›ž

ใ‚‚ใฃใจ่ฆ‹ใ‚‹

4ไฝ

ๅบ—่ˆ—ใƒฉใƒณใ‚ญใƒณใ‚ฐ

ๆธ‹่ฐทใ‚นใƒˆใ‚ข

267,500ๅ††

ๆ–ฐๅฎฟใ‚นใƒˆใ‚ข

115,500ๅ††

ไธŠ้‡Žใ‚นใƒˆใ‚ข

112,500ๅ††

4ไฝ

ไธญ้‡Žใ‚นใƒˆใ‚ข

110,500ๅ††

5ไฝ

ๆฑไบฌใ‚นใƒˆใ‚ข

97,500ๅ††

6ไฝ

ไธŠ้‡Žใ‚นใƒˆใ‚ข

94,000ๅ††

7ไฝ

้Š€ๅบงใ‚นใƒˆใ‚ข

89,500ๅ††

8ไฝ

่ตคๅ‚ใ‚นใƒˆใ‚ข

87,500ๅ††

9ไฝ

่ตคๅ‚ใ‚นใƒˆใ‚ข

87,500ๅ††

10ไฝ

่ตคๅ‚ใ‚นใƒˆใ‚ข

87,500ๅ††

ใ‚‚ใฃใจ่ฆ‹ใ‚‹

ไพฟๅˆฉใชๆฉŸ่ƒฝ

ๆฉŸ่ƒฝไธ€่ฆง

Coming soon

้…ไฟก

ใ‚ญใƒฃใƒณใƒšใƒผใƒณใ‚ซใƒซใƒ†

ๅ•†ๅ“ใ‚ซใƒซใƒ†

ใŠๅฎขใ•ใพใ‚ซใƒซใƒ†

ๅบ—่ˆ—ใ‚ซใƒซใƒ†

็พๅœจใฎๅฃฒไธŠ้ซ˜

543,500

ๅ††

2025/02/04(็ซ) 17:20็พๅœจ

4ๆ™‚

5ๆ™‚

6ๆ™‚

7ๆ™‚

8ๆ™‚

19ๆ™‚

10ๆ™‚

11ๆ™‚

12ๆ™‚

35ไธ‡ๅ††

30ไธ‡ๅ††

25ไธ‡ๅ††

20ไธ‡ๅ††

15ไธ‡ๅ††

10ไธ‡ๅ††

5ไธ‡ๅ††

0ๅ††

ๆ™‚้–“ๅˆฅ

ๆ—ฅๅˆฅ

ๆœˆๅˆฅ

็พๅœจใฎๅฃฒไธŠ้ซ˜

543,500

ๅ††

2025/02/04(็ซ) 17:20็พๅœจ

4ๆ™‚

5ๆ™‚

6ๆ™‚

7ๆ™‚

8ๆ™‚

19ๆ™‚

10ๆ™‚

11ๆ™‚

12ๆ™‚

35ไธ‡ๅ††

30ไธ‡ๅ††

25ไธ‡ๅ††

20ไธ‡ๅ††

15ไธ‡ๅ††

10ไธ‡ๅ††

5ไธ‡ๅ††

0ๅ††

ๆ™‚้–“ๅˆฅ

ๆ—ฅๅˆฅ

ๆœˆๅˆฅ

ๆ”ฏๆ‰•็จฎๅˆฅใƒฉใƒณใ‚ญใƒณใ‚ฐ

ใƒ‡ใƒผใ‚ฟ่กจ็คบๆœŸ้–“๏ผš2025/02/04-02/04

็พ้‡‘

PayPay

Visa

208

130

90

20

10

็พ้‡‘

PayPay

WAON

Edy

iD

QP

PiTaPa

Nanaco

ๆฅฝๅคฉPay

dๆ‰•ใ„

ๆ”ฏๆ‰•็จฎๅˆฅใƒฉใƒณใ‚ญใƒณใ‚ฐ

ๆœฌๆ—ฅ

7ๆ—ฅ้–“ๅˆ่จˆ

1ใ‹ๆœˆๅˆ่จˆ

โ—

Current sales

โ—

Transaction count

โ—

Average transaction value

โ—

Sales target / progress

โ—

Time / date context

Show the most important metrics first. If the merchant only has 30 seconds, the dashboard should answer the question before they scroll.

03 - Compare

Performance becomes more useful when there is something to compare.

Comparison turns isolated numbers into relative performance. Mobapro helps merchants compare stores, products, and time periods so they can identify what is working and what needs attention.

05 - Act

Sales need attention? Turn the insight into a campaign.

Mobapro is designed to support sales-driving actions. The campaign flow helps merchants identify an opportunity, define the offer, preview the experience, and publish it to customers.

06 - Engage

The merchant creates it. The customer experiences it.

Mobapro connects the merchant workflow with the customer experience. The product supports the full loop from campaign creation to customer redemption.

07 - Learn

What if Mobapro could help interpret the data too?

As the amount of available business data grows, interpreting every chart can create additional cognitive load. This exploration explores how Mobapro could summarize performance patterns and surface potential opportunities for merchants.

08 - Keep motivated

Let the store staffs get motivated

Mobapro is structured as a layered product system. Merchants can start with core analytics and upgrade into more advanced capabilities as their business needs grow.

08 - Scale

As the product grows, clients can choose how much value they need.

Mobapro is structured as a layered product system. Merchants can start with core analytics and upgrade into more advanced capabilities as their business needs grow.

Business Impact

From one client request to recurring business.

4+

PAYMENT DEVICE ECOSYSTEMS

9

MONTHLY ACTIVE CUSTOMER ACCOUNTS

5 Basic ยท 4 Standard

ยฅ79,200

MONTHLY SUBSCRIPTION REVENUE

+312.5%

REVENUE GROWTH

From ยฅ19,200 / month

Product metrics as of August 2026.

Design alone did not create this growth, but the results validated that the original client problem was valuable enough to evolve into a product businesses were willing to pay for.

Paper 1Paper 2Paper 3
Letโ€™s Create Impact Together

Have something in mind? Feel free to reach out.

Letโ€™s connect, exchange ideas, and create something impactful together.

Paper 1Paper 2Paper 3
Letโ€™s Create Impact Together

Have something in mind? Feel free to reach out.

Letโ€™s connect, exchange ideas, and create something impactful together.

Sorry! The mobile view is still in progress. Please view the full details on desktop.