top of page

MULTISHOPS VIEW

My Role
Product Designer

Year
2023

​Company
BeProfit

CONTEXT

About BeProfit

BeProfit empowers e-commerce businesses to maximize profitability with its advanced profit analysis tool. By consolidating data from various sources, BeProfit provides a comprehensive view of a shop's true profit, enabling the pinpoint identification of areas for cost reduction and profit improvement. BeProfit's insightful reports and dashboards keep business finances transparent, equipping you with the tools and knowledge to scale up for growth and achieve sustainable e-commerce success.

CHALLENGE

Enabling Users to Manage and Compare Data from Multiple Shops Across Different Platforms Seamlessly. 

Key Design Points:

  • Select preferred shops for comparison.

  • Highlight the logged-in shop as a reference point.

  • Provide visual cues to indicate users are viewing multi-shop data.

  • Facilitate easy switching between shops within the platform.

  • Handle promotions and potential currency differences among shops.

  • Offer a clear exit point from the multi-shop view.

  • Address limited support for specific app pages or metrics in the initial launch.

  • Highlight the feature for users who haven't yet added a second shop.

 
 
 
image.png

GOALS

1

 
Improve communication and data transparency for users.

2

 
Create a seamless and intuitive user experience flow for multi-shop navigation.

3

 
Increase user engagement with the multi-shop feature and encourage adding more shops.

SELUTIONS

1. Menu Navigation and View

 

By default, the logged-in shop name is displayed within the side menu.
A dropdown menu option allows users to access all shops under their workspace.
Users can select and unselect desired shops for comparison using intuitive checkboxes.
A clear "Multi-shop Mode" indicator visually confirms the user's viewing context.
A simple and easily accessible exit button allows users to return to the single-shop view.

001.png

Behavior Document for R&D

2. Compare Shops Page

 

After conducting several trials and user tests, I found that the optimal layout for the table is to organize it with shops listed by row and metrics by column. This configuration proved to accelerate data retrieval, as it aligns with the natural scanning patterns of the
eye, making it faster and more intuitive for users to find the information they need
compared to other layouts I tested.

0013.png

Scrolling Areas

 

I designed the table with both horizontal and vertical scrolling to enhance user comfort and efficiency when viewing and scanning data. This dual-scrolling functionality helps reduce search times and minimize user frustration by providing easier navigation and quicker access to information.

bottom of page