Mobapro PC Version - Arunas Akatsuki
A desktop dashboard to visualize store sales data in real time
Mobapro and Mobapro PC Version
Duration
Dec 2024-
Presents
Tools
Figma
Aftereffects
Adobe Illustrator
Canva
My Roles
UX/UI Designer
Design team
Mara -
Sole member UX UI Designer
Overview
A desktop dashboard that visualizes store sales data in real time, offering a clearer and more spacious view for easier data analysis. Users can compare performance across multiple stores (three or more) and apply detailed date filters for deeper insights.
More about the service: https://www.moba-pro.jp/
Project phase
Project phase
Sales Dashboard Overview
The landing page immediately displays the circular graph with numeric and percentage indicators. Tapping on this widget reveals hourly breakdowns of sales
Features
Key Advantages of the PC Dashboard
Compare More Than 3 Stores
Three View Modes
Instantly switch between
hourly, daily, and monthly views
Advanced Date Filtering
CSV Download
Support
Frequently Bought Toppings
Mobapro also identifies topping preferences through the “Frequently Bought Together” module. This feature displays topping combinations across one or multiple stores—allowing teams to optimize menu recommendations and promotional combos.
Store Performance Ranking
A Store Ranking section enables users to compare performance across multiple branches. Rankings are based on customizable parameters (e.g., sales volume, customer visits), helping HQ quickly spot top performers or areas needing support.
Web Coupon Management [Premium
Feature]
Merchants can create, schedule, and distribute digital coupons to drive targeted promotions and boost foot traffic or product sales.
Launch same-day promotions or time-limited offers in response to sales trends or weather changes, using online coupons with automated delivery.
To select menus for comparison, users must first choose the target store(s).
This can be done either through the Menu Settings or directly when setting up a comparison between three or more stores. This flow ensures accurate and relevant data is displayed during analysis.
配信 (Automated Campaign Delivery)
Menu Setting
AI Mode
To support smarter business decisions, Mobapro includes an AI feature that analyzes sales trends and provides automated strategic suggestions based on real-time and historical data.
Web クーポン (Web Coupons for Promotions)
Merchants can create and schedule digital coupons to boost in-store traffic and sales. These can be tailored for specific periods or product categories.
お客さまカルテ (Customer Profile Cards)
Analyze customer behavior by filtering data based on gender, age, membership status, and visit period. This helps predict visit trends by day or time, allowing for well-timed campaigns.
Product Cards (商品カルテ)
By scanning product barcodes, users can instantly view daily and weekly sales performance, unit count, and frequently purchased combinations.
キャンペーンカルテ (Campaign Cards)
Evaluate the effectiveness of campaigns and events by analyzing their impact on sales and timing. Visual reports make it easy to measure performance.
Number of Transactions (会計回数)
Average Spend per Customer (平均購入価格)
Top-Selling Menu Items (売上ランキング)
Most Used Payment Methods (支払種別ランキング)
At a glance
Compared to the mobile version, the PC dashboard allows users to display and compare data from three or more stores on a single screen, even when applying detailed date filters.
In-Depth Store Metrics
To complement sales tracking, Mobapro offers rich metrics, including:
New Feature
WEB COUPON
This feature enables store owners to create and manage promotional coupons directly through the application. Users can set campaign details such as the name, design (by uploading or creating one), publication date, and active period. Once configured, the campaign can be distributed digitally via the internet, social media, or printed as physical posters. The interface also includes a filtering system that allows users to easily browse and manage coupons based on their status, active, ongoing, draft, or done.
Problem
Mobile (Store Managers)
Store managers often need to check sales data while moving around or outside the office. For this, the mobile view allows quick, real-time access to key sales metrics—ideal for fast decision-making on-site.
PC Version (Sales & Marketing Teams)
For corporate teams analyzing performance in detail, the desktop version provides full access to downloadable sales data in CSV format. This supports easier reporting and strategic planning for sales and marketing staff.
Goals
Allow users to view and compare sales data from three or more stores side-by-side for more effective performance evaluation, provide a spacious desktop layout that supports large data sets and reduces cognitive load during analysis, support in-depth filtering and customization, and make it easy for sales and marketing teams to export data in CSV format for reporting, presentation, and strategic planning.
Research & Planning
Discussed goals and user needs with Arunas Akatsuki
Defined key metrics and required data views
Direct UI Design (Wireframing skipped)
Jumped straight into high-fidelity UI based on clear requirements
Focused on real-time sales dashboards and mo
Final Delivery
Provided annotated design files for developer handoff
Assisted with design QA during implementation
Features
Other Supporting Features
Features
Premium Feature Functions
Payment flow
Plan Selection
Users choose from three available plans:
Deluxe, Premium, or Web Coupon Only
Agreement to Terms
Users review and agree to the Terms and
Conditions before proceeding.
Confirmation Page
A summary of the selected plan, price,
and store information is displayed for final review.
Payment Completion
After confirmation, the subscription is successfully registered.
Post-Purchase Communication
A confirmation email is sent to the user.
The Mobapro team will follow up directly for onboarding and setup support.
All Plan
Upgrade Plan
All Plan
Upgrade Plan
Bhaswara Maralaut
More projects and experiences are always on the way.
Let's keep in touch!