The Power of Personalization
How I Optimized Wholesale Ordering Experience
The Power of Personalization
How I Optimized Wholesale Ordering Experience
The Power of Personalization
How I Optimized Wholesale Ordering Experience
OVERVIEW
JomlahBazar • Online Wholesale Marketplace
JomlahBazar is an online wholesale marketplace that connects buyers and sellers for bulk trading. But its ordering process was clunky and inefficient—causing delays, errors, and user frustration. Customers struggled to find products, place orders, and manage transactions smoothly.
As the product designer, I partnered with the product manager and marketing team to tackle these issues. Through focused user research and data-driven insights, I identified key friction points and crafted design solutions that enhanced usability and created a more seamless experience for all users.
OVERVIEW
JomlahBazar • Online Wholesale Marketplace
JomlahBazar is an online wholesale marketplace that connects buyers and sellers for bulk trading. But its ordering process was clunky and inefficient—causing delays, errors, and user frustration. Customers struggled to find products, place orders, and manage transactions smoothly.
As the product designer, I partnered with the product manager and marketing team to tackle these issues. Through focused user research and data-driven insights, I identified key friction points and crafted design solutions that enhanced usability and created a more seamless experience for all users.
OVERVIEW
JomlahBazar • Online Wholesale Marketplace
JomlahBazar is an online wholesale marketplace that connects buyers and sellers for bulk trading. But its ordering process was clunky and inefficient—causing delays, errors, and user frustration. Customers struggled to find products, place orders, and manage transactions smoothly.
As the product designer, I partnered with the product manager and marketing team to tackle these issues. Through focused user research and data-driven insights, I identified key friction points and crafted design solutions that enhanced usability and created a more seamless experience for all users.
Industry
E-Commerce
Duration
6 weeks
Role
Product Designer
Responsibilities
Interaction Design, Visual Design, Motion Design, UX Research, UX Writing
Industry
E-Commerce
Duration
6 weeks
Role
Product Designer
Responsibilities
Interaction Design, Visual Design, Motion Design, UX Research, UX Writing
Industry
E-Commerce
Duration
6 weeks
Role
Product Designer
Responsibilities
Interaction Design, Visual Design, Motion Design, UX Research, UX Writing
PROBLEM
Unoptimized ordering drives low conversions and frustration
PROBLEM
Unoptimized ordering drives low conversions and frustration
PROBLEM
Unoptimized ordering drives low conversions and frustration
About the problem
JomlahBazar’s ordering process was slowed by inefficient design and confusing navigation. Cluttered layouts and poorly organized listings made it difficult for users to complete orders efficiently.
About the problem
JomlahBazar’s ordering process was slowed by inefficient design and confusing navigation. Cluttered layouts and poorly organized listings made it difficult for users to complete orders efficiently.
About the problem
JomlahBazar’s ordering process was slowed by inefficient design and confusing navigation. Cluttered layouts and poorly organized listings made it difficult for users to complete orders efficiently.
Why it matters
An unoptimized ordering experience frustrates users and erodes trust—slowing growth and reducing revenue. Checkout inefficiencies lead to abandoned carts and weaken the marketplace’s competitive edge.
Why it matters
An unoptimized ordering experience frustrates users and erodes trust—slowing growth and reducing revenue. Checkout inefficiencies lead to abandoned carts and weaken the marketplace’s competitive edge.
Why it matters
An unoptimized ordering experience frustrates users and erodes trust—slowing growth and reducing revenue. Checkout inefficiencies lead to abandoned carts and weaken the marketplace’s competitive edge.
EMPATHIZE
Understanding the user’s journey through research
EMPATHIZE
Understanding the user’s journey through research
EMPATHIZE
Understanding the user’s journey through research
Analyzing heatmaps: to uncover user behavior
By analyzing heatmaps, I uncovered clear patterns in user behavior on JomlahBazar. The visual data revealed hotspots and ignored areas—showing which elements drew attention and which were missed. These insights helped me prioritize critical parts of the interface for optimization.
Analyzing heatmaps: to uncover user behavior
By analyzing heatmaps, I uncovered clear patterns in user behavior on JomlahBazar. The visual data revealed hotspots and ignored areas—showing which elements drew attention and which were missed. These insights helped me prioritize critical parts of the interface for optimization.
Analyzing heatmaps: to uncover user behavior
By analyzing heatmaps, I uncovered clear patterns in user behavior on JomlahBazar. The visual data revealed hotspots and ignored areas—showing which elements drew attention and which were missed. These insights helped me prioritize critical parts of the interface for optimization.
Reviewing recordings: to observe real-world usage
I reviewed session recordings to observe how users navigated the marketplace in real time. These sessions revealed friction points in the ordering journey—showing hesitation, repeated actions, and missed cues. This real-world insight was essential for validating and refining design improvements.
Reviewing recordings: to observe real-world usage
I reviewed session recordings to observe how users navigated the marketplace in real time. These sessions revealed friction points in the ordering journey—showing hesitation, repeated actions, and missed cues. This real-world insight was essential for validating and refining design improvements.
Reviewing recordings: to observe real-world usage
I reviewed session recordings to observe how users navigated the marketplace in real time. These sessions revealed friction points in the ordering journey—showing hesitation, repeated actions, and missed cues. This real-world insight was essential for validating and refining design improvements.
Conducting usability tests: to validate assumptions
Conducting targeted usability tests, I gathered direct feedback on the ordering process. Participants highlighted navigation challenges and unclear calls-to-action. Their insights validated my assumptions and informed iterative refinements to create a more intuitive, efficient marketplace experience.
Conducting usability tests: to validate assumptions
Conducting targeted usability tests, I gathered direct feedback on the ordering process. Participants highlighted navigation challenges and unclear calls-to-action. Their insights validated my assumptions and informed iterative refinements to create a more intuitive, efficient marketplace experience.
Conducting usability tests: to validate assumptions
Conducting targeted usability tests, I gathered direct feedback on the ordering process. Participants highlighted navigation challenges and unclear calls-to-action. Their insights validated my assumptions and informed iterative refinements to create a more intuitive, efficient marketplace experience.
PAIN POINTS
Uncovering the root causes of user frustration
PAIN POINTS
Uncovering the root causes of user frustration
PAIN POINTS
Uncovering the root causes of user frustration
Usability issues across key pages
Users encountered major usability issues caused by inconsistent layouts and unclear navigation across key pages. Confusing menus and scattered information made it hard to find products and complete orders, leading to frustration and interrupted purchasing flows.
Usability issues across key pages
Users encountered major usability issues caused by inconsistent layouts and unclear navigation across key pages. Confusing menus and scattered information made it hard to find products and complete orders, leading to frustration and interrupted purchasing flows.
Cluttered homepage overwhelming sellers
The homepage was cluttered with excessive content, overwhelming sellers with irrelevant listings and a lack of personalized recommendations. This disorganized display made it harder to focus, slowed decision-making, and led to disengagement as users struggled to find what mattered.
Cluttered homepage overwhelming sellers
The homepage was cluttered with excessive content, overwhelming sellers with irrelevant listings and a lack of personalized recommendations. This disorganized display made it harder to focus, slowed decision-making, and led to disengagement as users struggled to find what mattered.
Missed notifications about deals and updates
Users frequently missed key notifications about deals, orders, and alerts due to a disorganized system. This communication gap led to missed opportunities, weakened trust, and left users feeling disconnected from a platform they depended on.
Missed notifications about deals and updates
Users frequently missed key notifications about deals, orders, and alerts due to a disorganized system. This communication gap led to missed opportunities, weakened trust, and left users feeling disconnected from a platform they depended on.
Usability issues across key pages
Users encountered major usability issues caused by inconsistent layouts and unclear navigation across key pages. Confusing menus and scattered information made it hard to find products and complete orders, leading to frustration and interrupted purchasing flows.
Usability issues across key pages
Users encountered major usability issues caused by inconsistent layouts and unclear navigation across key pages. Confusing menus and scattered information made it hard to find products and complete orders, leading to frustration and interrupted purchasing flows.
Cluttered homepage overwhelming sellers
The homepage was cluttered with excessive content, overwhelming sellers with irrelevant listings and a lack of personalized recommendations. This disorganized display made it harder to focus, slowed decision-making, and led to disengagement as users struggled to find what mattered.
Cluttered homepage overwhelming sellers
The homepage was cluttered with excessive content, overwhelming sellers with irrelevant listings and a lack of personalized recommendations. This disorganized display made it harder to focus, slowed decision-making, and led to disengagement as users struggled to find what mattered.
Missed notifications about deals and updates
Users frequently missed key notifications about deals, orders, and alerts due to a disorganized system. This communication gap led to missed opportunities, weakened trust, and left users feeling disconnected from a platform they depended on.
Missed notifications about deals and updates
Users frequently missed key notifications about deals, orders, and alerts due to a disorganized system. This communication gap led to missed opportunities, weakened trust, and left users feeling disconnected from a platform they depended on.
IDEATE
Generating creative solutions with HMW questions
IDEATE
Generating creative solutions with HMW questions
IDEATE
Generating creative solutions with HMW questions
Tap to view card
Tap to view card
Tap to view card
Exploring opportunities through structured brainstorming
Using the How Might We framework, I led focused brainstorming sessions to generate creative ideas that addressed key user frustrations. This process turned pain points into actionable design strategies aimed at delivering a personalized and streamlined ordering experience.
Exploring opportunities through structured brainstorming
Using the How Might We framework, I led focused brainstorming sessions to generate creative ideas that addressed key user frustrations. This process turned pain points into actionable design strategies aimed at delivering a personalized and streamlined ordering experience.
Exploring opportunities through structured brainstorming
Using the How Might We framework, I led focused brainstorming sessions to generate creative ideas that addressed key user frustrations. This process turned pain points into actionable design strategies aimed at delivering a personalized and streamlined ordering experience.
SOLUTIONS
Delivering targeted solutions to address user pain points
SOLUTIONS
Delivering targeted solutions to address user pain points
SOLUTIONS
Delivering targeted solutions to address user pain points
Resolving usability issues across key pages
To address usability challenges, I redesigned key pages with consistent layouts and intuitive navigation. Streamlined menus and reorganized content helped users find products and complete orders effortlessly. This reduced friction and improved the overall ordering experience.
Resolving usability issues across key pages
To address usability challenges, I redesigned key pages with consistent layouts and intuitive navigation. Streamlined menus and reorganized content helped users find products and complete orders effortlessly. This reduced friction and improved the overall ordering experience.
Personalizing the homepage to enhance relevance
To address homepage clutter, I introduced personalization by tailoring content to each user’s preferences. Focused layouts and curated product recommendations reduced visual noise and helped users quickly find what they needed. This streamlined experience significantly improved engagement.
Personalizing the homepage to enhance relevance
To address homepage clutter, I introduced personalization by tailoring content to each user’s preferences. Focused layouts and curated product recommendations reduced visual noise and helped users quickly find what they needed. This streamlined experience significantly improved engagement.
Implementing a notification management system
To ensure users received timely updates, I implemented a smart notification management system. By allowing users to customize alert preferences and prioritizing key order and deal updates, the system kept them informed and engaged—minimizing missed opportunities and boosting platform trust.
Implementing a notification management system
To ensure users received timely updates, I implemented a smart notification management system. By allowing users to customize alert preferences and prioritizing key order and deal updates, the system kept them informed and engaged—minimizing missed opportunities and boosting platform trust.
Resolving usability issues across key pages
To address usability challenges, I redesigned key pages with consistent layouts and intuitive navigation. Streamlined menus and reorganized content helped users find products and complete orders effortlessly. This reduced friction and improved the overall ordering experience.
Resolving usability issues across key pages
To address usability challenges, I redesigned key pages with consistent layouts and intuitive navigation. Streamlined menus and reorganized content helped users find products and complete orders effortlessly. This reduced friction and improved the overall ordering experience.
Personalizing the homepage to enhance relevance
To address homepage clutter, I introduced personalization by tailoring content to each user’s preferences. Focused layouts and curated product recommendations reduced visual noise and helped users quickly find what they needed. This streamlined experience significantly improved engagement.
Personalizing the homepage to enhance relevance
To address homepage clutter, I introduced personalization by tailoring content to each user’s preferences. Focused layouts and curated product recommendations reduced visual noise and helped users quickly find what they needed. This streamlined experience significantly improved engagement.
Implementing a notification management system
To ensure users received timely updates, I implemented a smart notification management system. By allowing users to customize alert preferences and prioritizing key order and deal updates, the system kept them informed and engaged—minimizing missed opportunities and boosting platform trust.
Implementing a notification management system
To ensure users received timely updates, I implemented a smart notification management system. By allowing users to customize alert preferences and prioritizing key order and deal updates, the system kept them informed and engaged—minimizing missed opportunities and boosting platform trust.
PLANNING
Prioritizing solutions using the impact–effort matrix
PLANNING
Prioritizing solutions using the impact–effort matrix
PLANNING
Prioritizing solutions using the impact–effort matrix
Fixing usability issues for quick wins
I prioritized quick wins by first tackling usability issues, refining navigation and filters to streamline the ordering flow and reduce friction for users.
Fixing usability issues for quick wins
I prioritized quick wins by first tackling usability issues, refining navigation and filters to streamline the ordering flow and reduce friction for users.
Fixing usability issues for quick wins
I prioritized quick wins by first tackling usability issues, refining navigation and filters to streamline the ordering flow and reduce friction for users.
Personalization and notifications
I planned a later phase to enhance personalization and refine notifications, designing scalable solutions that drive long-term engagement and platform value.
Personalization and notifications
I planned a later phase to enhance personalization and refine notifications, designing scalable solutions that drive long-term engagement and platform value.
Personalization and notifications
I planned a later phase to enhance personalization and refine notifications, designing scalable solutions that drive long-term engagement and platform value.
DESIGN
Improving usability through thoughtful design enhancements
DESIGN
Improving usability through thoughtful design enhancements
DESIGN
Improving usability through thoughtful design enhancements
Transforming the filter icon into a dedicated filter bar for better accessibility
To improve usability, I replaced the small filter icon with a full-width filter bar above the product list. This redesign gave users instant access to options like brand, price, and category—making it easier to refine results and navigate the catalog more efficiently.
Transforming the filter icon into a dedicated filter bar for better accessibility
To improve usability, I replaced the small filter icon with a full-width filter bar above the product list. This redesign gave users instant access to options like brand, price, and category—making it easier to refine results and navigate the catalog more efficiently.
Moving filters to a bottom sheet for better thumb-zone accessibility
Recognizing mobile users’ needs, I moved filter options from a side menu to a bottom sheet optimized for ergonomic thumb zones. This repositioning improved accessibility on mobile devices, making interactions smoother and reducing the effort required to refine search results.
Moving filters to a bottom sheet for better thumb-zone accessibility
Recognizing mobile users’ needs, I moved filter options from a side menu to a bottom sheet optimized for ergonomic thumb zones. This repositioning improved accessibility on mobile devices, making interactions smoother and reducing the effort required to refine search results.
Introducing an input field for precise quantity adjustments on single product pages
To streamline bulk ordering, I added an input field between the plus and minus buttons on product pages. This feature allows users to enter quantities directly, reducing repetitive taps and ensuring accuracy—ultimately improving ordering speed and user satisfaction.
Introducing an input field for precise quantity adjustments on single product pages
To streamline bulk ordering, I added an input field between the plus and minus buttons on product pages. This feature allows users to enter quantities directly, reducing repetitive taps and ensuring accuracy—ultimately improving ordering speed and user satisfaction.
Transforming the filter icon into a dedicated filter bar for better accessibility
To improve usability, I replaced the small filter icon with a full-width filter bar above the product list. This redesign gave users instant access to options like brand, price, and category—making it easier to refine results and navigate the catalog more efficiently.
Transforming the filter icon into a dedicated filter bar for better accessibility
To improve usability, I replaced the small filter icon with a full-width filter bar above the product list. This redesign gave users instant access to options like brand, price, and category—making it easier to refine results and navigate the catalog more efficiently.
Moving filters to a bottom sheet for better thumb-zone accessibility
Recognizing mobile users’ needs, I moved filter options from a side menu to a bottom sheet optimized for ergonomic thumb zones. This repositioning improved accessibility on mobile devices, making interactions smoother and reducing the effort required to refine search results.
Moving filters to a bottom sheet for better thumb-zone accessibility
Recognizing mobile users’ needs, I moved filter options from a side menu to a bottom sheet optimized for ergonomic thumb zones. This repositioning improved accessibility on mobile devices, making interactions smoother and reducing the effort required to refine search results.
Introducing an input field for precise quantity adjustments on single product pages
To streamline bulk ordering, I added an input field between the plus and minus buttons on product pages. This feature allows users to enter quantities directly, reducing repetitive taps and ensuring accuracy—ultimately improving ordering speed and user satisfaction.
Introducing an input field for precise quantity adjustments on single product pages
To streamline bulk ordering, I added an input field between the plus and minus buttons on product pages. This feature allows users to enter quantities directly, reducing repetitive taps and ensuring accuracy—ultimately improving ordering speed and user satisfaction.
TEST
Validating solutions through usability testing
TEST
Validating solutions through usability testing
TEST
Validating solutions through usability testing
Before Test
Usability Test
After Test
Before Test
Usability Test
After Test
Before
Test
After
Iterating on notification filter design based on user feedback
During usability testing, I refined the notification filter by enhancing visual hierarchy and simplifying the layout. User feedback revealed that clearer categorization improved usability, so I adjusted the design to surface critical updates more effectively.
Iterating on notification filter design based on user feedback
During usability testing, I refined the notification filter by enhancing visual hierarchy and simplifying the layout. User feedback revealed that clearer categorization improved usability, so I adjusted the design to surface critical updates more effectively.
Iterating on notification filter design based on user feedback
During usability testing, I refined the notification filter by enhancing visual hierarchy and simplifying the layout. User feedback revealed that clearer categorization improved usability, so I adjusted the design to surface critical updates more effectively.
FINAL DESIGN
The final design: delivering an optimized user experience
FINAL DESIGN
The final design: delivering an optimized user experience
FINAL DESIGN
The final design: delivering an optimized user experience
Optimized wholesale ordering experience
The final design unified the ordering flow with intuitive navigation, streamlined filters, and personalized content. This redesign empowered users to complete bulk purchases quickly and confidently, elevating both efficiency and satisfaction.
Optimized wholesale ordering experience
The final design unified the ordering flow with intuitive navigation, streamlined filters, and personalized content. This redesign empowered users to complete bulk purchases quickly and confidently, elevating both efficiency and satisfaction.
Optimized wholesale ordering experience
The final design unified the ordering flow with intuitive navigation, streamlined filters, and personalized content. This redesign empowered users to complete bulk purchases quickly and confidently, elevating both efficiency and satisfaction.
Home page
Designed a personalized homepage that shows relevant products based on user needs, making discovery quicker and more focused.
Home page
Designed a personalized homepage that shows relevant products based on user needs, making discovery quicker and more focused.
Product list
Added a full-width filter bar above the product list to enable quicker refinement and easier product discovery.
Product list
Added a full-width filter bar above the product list to enable quicker refinement and easier product discovery.
Personalization setup
Introduced a simple setup flow that lets users define business needs and receive tailored product recommendations.
Personalization setup
Introduced a simple setup flow that lets users define business needs and receive tailored product recommendations.
Single product page
Simplified bulk ordering by refining product details and controls for quicker adjustments and more efficient access.
Single product page
Simplified bulk ordering by refining product details and controls for quicker adjustments and more efficient access.
Filter menu
Redesigned the filter menu as a bottom sheet aligned with mobile thumb zones for improved accessibility and ease of use.
Filter menu
Redesigned the filter menu as a bottom sheet aligned with mobile thumb zones for improved accessibility and ease of use.
Notification page
Created a clear notification system with smart categorization to ensure users never miss critical updates or time-sensitive deals.
Notification page
Created a clear notification system with smart categorization to ensure users never miss critical updates or time-sensitive deals.
Home page
Designed a personalized homepage that shows relevant products based on user needs, making discovery quicker and more focused.
Home page
Designed a personalized homepage that shows relevant products based on user needs, making discovery quicker and more focused.
Single product page
Simplified bulk ordering by refining product details and controls for quicker adjustments and more efficient access.
Single product page
Simplified bulk ordering by refining product details and controls for quicker adjustments and more efficient access.
Product list
Added a full-width filter bar above the product list to enable quicker refinement and easier product discovery.
Product list
Added a full-width filter bar above the product list to enable quicker refinement and easier product discovery.
Filter menu
Redesigned the filter menu as a bottom sheet aligned with mobile thumb zones for improved accessibility and ease of use.
Filter menu
Redesigned the filter menu as a bottom sheet aligned with mobile thumb zones for improved accessibility and ease of use.
Personalization setup
Introduced a simple setup flow that lets users define business needs and receive tailored product recommendations.
Personalization setup
Introduced a simple setup flow that lets users define business needs and receive tailored product recommendations.
Notification page
Created a clear notification system with smart categorization to ensure users never miss critical updates or time-sensitive deals.
Notification page
Created a clear notification system with smart categorization to ensure users never miss critical updates or time-sensitive deals.
IMPACT
The power of personalization in an online wholesale marketplace
IMPACT
The power of personalization in an online wholesale marketplace
IMPACT
The power of personalization in an online wholesale marketplace
Enhanced order conversion rate
0
0
%
Improved key pages and navigation, introduced personalization, and simplified product discovery to encourage more completed orders.
Increased average order value
0
0
%
Streamlined bulk ordering and added precision controls to help users place larger, more accurate orders with greater confidence.
