Geolocation Map

JOOR is a data exchange wholesale platform that takes away the cumbersome, time-consuming tasks and processes associated with wholesale selling and buying.


UI/UX Product Designer


Create an interactive way for sales leaders and sales reps to make strategic decisions by pinpointing the under-performing and best-selling styles based on each location's performance.


The brand dashboard was a premium feature for our JOOR PRO customers. Sales leaders and sales reps could get quick updates about their orders, top styles, connection requests, and top retailers by volume. 


There was nowhere on the JOOR brand platform that brands could get the wholesale values by location.

Pain Points

Sales reps managed hundreds of rows and columns across reports in Excel daily. It was time-consuming to find the wholesale values of particular styles by location to identify sales performance and strategize plans to increase sales.


I looked into a few international and domestic brands' sales reports to learn what data types were in them, how each displayed the data, and in what order. While I wasn't an Excel expert, reading through a large amount of data in tiny text sizes to find the needed data wasn't a pleasant experience.


Given the graph and chart on the dashboard were implemented through a third-party service, my product managers also wanted to explore the service provided's map options. Therefore, to create the best map interaction experience, I expanded my research to map-based apps, websites, and design communities.

Map Options

With over 20 maps to choose from, I filtered out most of them with 3 user goals in mind, 

  • Display value on hover
  • Compare the values of multiple selections
  • Global and domestic map views
Brand Types
  • Brands that work with international retailers
  • Brands that work with domestic retailers
  • Brands that only work with retailers in one small region


I had to fully understand the map's To the map to look like it's part of the dashboard, customizations work are required

Single selection
2 selections
The last selection appeared as first on the list. 
Colors repeated after the 10th selection.


To ensure the map fits in nicely with other elements in the dashboard. Certain UI elements had to be customized, such as the color scheme, graph style, and fonts. 


Scope Change

One of the initial product requirements was to launch the map with the Compare functionality. However, the feature would require an additional sprint to complete, so the product manager decided to launch the feature with only the map for phase 1.


Global map


Domestic map

Live Demo


85% of clients were satisfied with the beta launch.


What is the best part about the map of sales?

"Quick access to the total amount sold per country." 
"Sales analytic per sales rep territory."  

What feature do you want the most in phase 2?

"Comparison would be helpful to see the figures for each country at the same time."



© 2022 Allen Xu

Back to top Arrow