Booky Merchant Portal’s Dashboard Rework
Booky Merchant Portal’s Dashboard Rework
Booky Merchant Portal’s Dashboard Rework
BOOKY MERCHANT PORTAL V2
Redesigning the Merchant Portal for Better Business Visibility
Redesigning the Merchant Portal for Better Business Visibility
Redesigning the Merchant Portal for Better Business Visibility
Designed a self-service analytics dashboard for the Booky Merchant Portal that enables merchants to independently monitor Booky Prime performance across their branches. Previously, merchants relied on manually prepared reports from Account Managers, making it difficult to track performance, compare branches, and evaluate ROI. By centralizing key metrics into a single dashboard, the solution improves transparency, supports data-driven decisions, and reduces operational overhead.
Designed a self-service analytics dashboard for the Booky Merchant Portal that enables merchants to independently monitor Booky Prime performance across their branches. Previously, merchants relied on manually prepared reports from Account Managers, making it difficult to track performance, compare branches, and evaluate ROI. By centralizing key metrics into a single dashboard, the solution improves transparency, supports data-driven decisions, and reduces operational overhead.
Designed a self-service analytics dashboard for the Booky Merchant Portal that enables merchants to independently monitor Booky Prime performance across their branches. Previously, merchants relied on manually prepared reports from Account Managers, making it difficult to track performance, compare branches, and evaluate ROI. By centralizing key metrics into a single dashboard, the solution improves transparency, supports data-driven decisions, and reduces operational overhead.
OVERVIEW
The Problem
The Problem
Merchants had limited visibility into how each branch performed on Booky Prime. Performance insights such as voucher redemptions and campaign results were shared manually by Account Managers, making reporting inconsistent, time-consuming, and difficult to scale. Without direct access to these insights, merchants struggled to measure ROI, identify high-performing branches, and make informed business decisions.
Merchants had limited visibility into how each branch performed on Booky Prime. Performance insights such as voucher redemptions and campaign results were shared manually by Account Managers, making reporting inconsistent, time-consuming, and difficult to scale. Without direct access to these insights, merchants struggled to measure ROI, identify high-performing branches, and make informed business decisions.
The Approach
The Approach
Reviewed the existing merchant reporting process and pain points with stakeholders.
Reviewed the existing merchant reporting process and pain points with stakeholders.
Collaborated with the UX Researcher to understand merchant needs and competitive patterns.
Collaborated with the UX Researcher to understand merchant needs and competitive patterns.
Design a self-service Merchant Portal that enables merchants to:
Design a self-service Merchant Portal that enables merchants to:
Monitor branch performance without relying on manual reports.
Compare branch performance through centralized analytics.
Reduce ad-hoc reporting requests from Merchant Success teams.
Monitor branch performance without relying on manual reports.
Compare branch performance through centralized analytics.
Reduce ad-hoc reporting requests from Merchant Success teams.
My Role
My Role
Role: Senior Product Designer
Product: Booky Merchant Portal
Platform: Browser
Team: UX Researcher, Design Director, Senior Product Designer, Product Manager, Business Analyst, Engineering Team
Duration: Less than 2 weeks
Responsibilities: Product Design • User Flow • Wireflow • UI Design • Engineering Handoff
Role: Senior Product Designer
Product: Booky Merchant Portal
Platform: Browser
Team: UX Researcher, Design Director, Senior Product Designer, Product Manager, Business Analyst, Engineering Team
Duration: Less than 2 weeks
Responsibilities: Product Design • User Flow • Wireflow • UI Design • Engineering Handoff
COMPETITIVE ANALYSIS
Our UX Researcher conducted a competitive analysis to understand how analytics dashboards help businesses monitor performance and make decisions. These insights informed our approach to information hierarchy, KPI presentation, and data visualization.
Our UX Researcher conducted a competitive analysis to understand how analytics dashboards help businesses monitor performance and make decisions. These insights informed our approach to information hierarchy, KPI presentation, and data visualization.
Existing Booky Merchant Portal
Existing Booky Merchant Portal
The current Merchant Portal focused on operational tasks like voucher redemption and transaction history, but offered little visibility into overall business performance. Merchants still depended on Account Managers for performance reports, making insights difficult to access and slowing decision-making.
The current Merchant Portal focused on operational tasks like voucher redemption and transaction history, but offered little visibility into overall business performance. Merchants still depended on Account Managers for performance reports, making insights difficult to access and slowing decision-making.
Grab Merchant
Grab Merchant
Grab Merchant presents business performance through dashboard cards, charts, and visual summaries that make important metrics easy to scan. Rather than displaying raw numbers alone, it emphasizes trends and actionable insights, allowing merchants to independently monitor their business without relying on manual reporting.
Grab Merchant presents business performance through dashboard cards, charts, and visual summaries that make important metrics easy to scan. Rather than displaying raw numbers alone, it emphasizes trends and actionable insights, allowing merchants to independently monitor their business without relying on manual reporting.
FLOWS
Flowchart
After defining the requirements, together with the design director, we mapped the user flow to determine how merchants would navigate the dashboard. The flow focused on reducing friction by organizing information into a logical sequence, from high-level performance summaries to detailed branch insights, allowing merchants to find answers with minimal effort.
After defining the requirements, together with the design director, we mapped the user flow to determine how merchants would navigate the dashboard. The flow focused on reducing friction by organizing information into a logical sequence, from high-level performance summaries to detailed branch insights, allowing merchants to find answers with minimal effort.
WIREFRAMES
Wireflows
Wireflows
Based on the mapped user flows, we created wireflows to visualize the end-to-end user experience. This helped us validate the navigation, information hierarchy, and key interactions before moving into high-fidelity designs.
Based on the mapped user flows, we created wireflows to visualize the end-to-end user experience. This helped us validate the navigation, information hierarchy, and key interactions before moving into high-fidelity designs.
SOLUTION
The Proposed Solution
The Proposed Solution
A centralized dashboard for tracking branch performance and making informed business decisions.
A centralized dashboard for tracking branch performance and making informed business decisions.
A centralized dashboard for tracking branch performance and making informed business decisions.
HI-FIDELITY DESIGNS
Final UI
Final UI
The final dashboard centralizes Booky Prime performance into a single, easy-to-understand experience. Merchants can monitor branch performance, review key metrics, compare results across locations, and gain actionable insights without relying on manually prepared reports. The interface prioritizes clarity, making complex data easier to interpret and act upon.
The final dashboard centralizes Booky Prime performance into a single, easy-to-understand experience. Merchants can monitor branch performance, review key metrics, compare results across locations, and gain actionable insights without relying on manually prepared reports. The interface prioritizes clarity, making complex data easier to interpret and act upon.
TAEKAWAYS
Outcome / Impact
Outcome / Impact
Empowering Merchants Through Self-Service Analytics
Empowering Merchants Through Self-Service Analytics
The redesigned Merchant Portal provides merchants with a centralized view of branch performance, making it easier to monitor key metrics, compare branches, and make informed business decisions without relying on manually prepared reports.
The redesigned Merchant Portal provides merchants with a centralized view of branch performance, making it easier to monitor key metrics, compare branches, and make informed business decisions without relying on manually prepared reports.
Learnings
Learnings
Designing Beyond the Dashboard
Designing Beyond the Dashboard
Designing Beyond the Dashboard
This project reinforced the importance of designing for business users by simplifying complex data into clear, actionable insights. Collaborating closely with the UX Researcher and Design Director also showed how research and cross-functional teamwork lead to more effective design decisions.
This project reinforced the importance of designing for business users by simplifying complex data into clear, actionable insights. Collaborating closely with the UX Researcher and Design Director also showed how research and cross-functional teamwork lead to more effective design decisions.
This project reinforced the importance of designing for business users by simplifying complex data into clear, actionable insights. Collaborating closely with the UX Researcher and Design Director also showed how research and cross-functional teamwork lead to more effective design decisions.
Back to works
Let’s Connect
Got a
challenge?
COnnect with me
or contact me directly at
alipiotrisha@gmail.com
Let’s Connect
Got a
challenge?
COnnect with me
or contact me directly at
alipiotrisha@gmail.com
Let’s Connect
Got a
challenge?
COnnect with me
or contact me directly at
alipiotrisha@gmail.com