At a glance
Responsibility
Product / UX/UI Designer across mobile web, desktop, and back-office platforms. Led UX/UI design, information architecture, user flows, wireframing, prototyping, design system work, design QA, and ongoing product improvements.
Details
The challenge
Store data existed. Understanding it was the harder part. Mobapro brings sales, payment, ordering, and store signals into one experience that helps Japanese merchants monitor performance and decide what to do next.
Details
15 — Product Outcome
Created a centralized, real-time dashboard across all devices.
Simplified the UX and improved engagement with AI and KPIs.
Positive client feedback and design positioned for award submission.
Details
Screens
Details
Real-Time Sales Dashboard for POS Ecosystem
Mobapro — Retail Analytics for Better Business Decisions
Product Snapshot
Key Details
Description
Client
Arunas Akatsuki (POS Machine Manufacturer)
Product
Mobapro – Real-time Web App for Sales Dashboard
Role
Product Designer (UX/UI)
Tools
Figma, Illustrator, After Effects / Rive, Canva
Timeline
Dec 2024 – Present
Team
Product Manager, Engineers, Product Designer
Awards Target
Submission for Good Design Award 2026 (Japan)
Design Pillars
Real-time data, Scalability, Motivation, Simplicity, Accessibility, AI Integration
Product Overview
Sales Data View
Compare Stores
WEB Coupon
AI analysis
About me, client, and our company service
My key responsibility
As a newly onboarded product designer, I took full ownership of the product design with key responsibilities:
Continued legacy design, transforming it into a clean, and modern look with accessible for all design
Worked cross-functionally with PMs and engineers to align UX and technical feasibility
Handled end-to-end UX/UI, including design QA and handoff
Translated business problems into feature solutions
Scaled for multi-store environments (10 to 100+ stores)
About the Client
Arunas Akatsuki manufactures advanced POS (Point of Sale) microelectronic equipment, including AES-CUT payment terminals, PayQR devices, and digital Menu Book systems, used across 100+ retail stores in Japan.
Learn more
About Mobapro
Mobapro Designed to enhance sales data visibility and integrates real-time sales data from Arunas Akatsuki Machines
Learn more
01 — The Context
Retail businesses generate valuable data through sales, payment, ordering, and store systems. Mobapro brings these signals together so merchants can understand performance, compare results, identify attention points, and take action.
AES CUT Payment
PayQR
Menu Book
At a Glance
Design Challenges
Challenge Type
Description
Legacy Handoff
I inherited an outdated, stakeholder-designed interface—visually inconsistent, not user-centric, and missing accessibility.
Fragmented Data
Data was scattered across 3 systems: AES-CUT, PayQR, Book Menu. No unified interface existed.
Low Engagement
Users passively checked sales without actionable insights, upgrades, or motivation to grow.
Lack of Upgrade Paths
No mechanism for upselling premium features (like coupons or AI tools).
Missing Insights
No customer data filters, product analytics, or campaign impact tools.
Project Goals
Goal
Description
Unify
Create a centralized dashboard to integrate AES-CUT, PayQR, and Book Menu sales data.
Simplify
Redesign legacy interface into a modern, AI-inspired, accessible, and user-centric experience.
Motivate
Encourage store managers to actively improve sales through features like coupons, KPIs, and goal visualizations.
🏆 Win Recognition
Position the product for Good Design Award 2026 by aligning with design excellence standards in usability, universality, and future vision.
User-Centered Research Insights (based on stakeholder interviews & market trends
Research & Planning
Discussed goals and user needs with Arunas Akatsuki [Trough Project Manager]
Defined key metrics and required data views
Frameworks & Principles Used
Fogg Behavior Model (Motivation + Ability + Trigger): To encourage coupon creation and dashboard usage
Hick’s Law: Simplified UI to reduce decision fatigue
Jakob Nielsen’s Heuristics: Visibility of system status, user control, error prevention
Design for Behavior Change (UXMatters): Nudges via visual goals, campaign ROI feedback
WCAG 2.1 Accessibility Principles: Color contrast, font size, keyboard accessibility roadmap
Direct UI Design (Wireframing skipped)
Due to short time, we jumped straight into high-fidelity UI based on clear requirements
Focused on real-time sales dashboards and mo
Refine Design Guideline
01. Typography
Font StyleGuide
Hiragino sans
Text Weight
W3
Aa
W4
Aa
W5
Aa
W7
Aa
Text Style
Alphabet IOS
Android
Japanese Android
Japanese IOS
Hiragino sans W3
Hiragino sans W4
Hiragino sans W5
Hiragino sans W6
Noto Sans JP_Regular
Noto Sans JP_Medium
Noto Sans JP_Bold
Default
Text Sizes
Hiragino sans — 30pt
Hiragino sans — 26pt
Hiragino sans — 20pt
Hiragino sans — 18/16pt
Hiragino sans — 15pt
Hiragino sans — 12pt
Hiragino sans — 12pt
Noto Sans JP — 30pt
Noto Sans JP— 26pt
Noto sans JP — 24pt
Noto sans JP — 16pt
Noto sans JP — 14pt
Noto sans JP — 12pt
H1
H2
H3
Default text
Notes 1
Notes 2
Notes 3
H1
H2
H3
Default text
Notes 1
Notes 2
02. Colors
Color Ratio
Main Color
Primary
#116ACC
Primary
#116ACC
Secondary
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Text Color
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Primary
#116ACC
Delete
Primary
#116ACC
Primary
#116ACC
Label
Primary
#116ACC
Outline/Shape
Primary
#116ACC
Background
Primary
#116ACC
Final Delivery
Provided annotated design files for developer handoff
Assisted with design QA during implementation
Log in page
Onboarding
Mobile — Quick Monitoring
マネージャー：モバプロ太郎
１店舗
後払い精算機
目標まであと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か月合計
Analytics — Trends, Rankings & Transactions
Campaign & Coupon Management
Coupon Campaign for the Customer view (Premium)
Bhaswara Maralaut
More projects and experiences are always on the way.
Let's keep in touch!
AI Suggestions
Customer Profile Cards
Upgrade plan
Future Design UI Plan
Daily goals
visual KPIs
comparison to other branches
