At a glance

Responsibility

Led the product design, collaborating with PMs and developers to turn business problems into intuitive UX/UI solutions.

Details

Challenges

Help clients connect payment devices to one app, track sales, modernize the experience, and motivate staff to increase sales.

Details

Solutions

Details

Outcomes

Created a real-time dashboard across devices, generating ¥70K+ in monthly subscriptions with growing adoption and positive client feedback.

Details

Real-Time Sales Dashboard for POS Ecosystem

B2B SaaS · Fintech · Data Analytics

Mobapro

From Payment Data Into Better Business Decisions

A B2B sales analytics platform that centralizes data from multiple payment and POS systems, helping businesses understand performance and turn sales data into actionable insights.

Product Design

UX/UI

Data Analytics

Mobile + Web

B2B SaaS

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.

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.

“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.

PAYMENT / POS SYSTEMS

AES-CUT

SUNMI

請求金額を入力

スタッフコード

0000

店舗番号

0030

精算番号

00002

00001~49999

請求金額 (税込)

*

1000

10円未満は入力不可

現金

キャッシュレス

※QRコードは(株)デンソーウェーブの登録商標です

Stera

Sutokon

Menu Books

FRAGMENTED SALES DATA

MOBAPRO

Problem Discovery

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.

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.

“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.

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.

マネージャー:モバプロ太郎

1店舗

後払い精算機

目標まであ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.

Bhaswara Maralaut

More projects and experiences are always on the way.

Let's keep in touch!

© Framer Inc. 2023