Project I. Revamping Page Layout (Seller Section)



Analyze \

Step 1. Information Architecture Challenges (Seller Section)

  • Overloaded Information in Store and Live Tabs
  • Fragmented Information Across Tabs
  • Missing Key Data in User-to-Seller Transitions


Step 2. Visual Examination
  • Lack of Visibility for Key Insights


  • Disruptive Overlapping Pop-Ups


  • Inconsistent Layouts Across Tabs




Define \

Objectives 1Enhance relevance, balanced distribution, and integration between Seller and User sections to establish a cohesive structure for seamless information flow.

Objectives 2Building on insights from Objective 1, refine visual balance to minimize clutter and enhance contextual coherence, enabling intuitive navigation pathways within the dashboard.




Solution Implementation \
Step 1. Enhancing Navigation and Cohesion Between User and Seller Sections





Step 2. Comparative AnalysisTo guide the redesign, I analyzed Shopify and Stripe dashboards:
Primary Page: Both use independent data banners for key metrics. Shopify offers a date selection feature, while Stripe simplifies without it.
Secondary Page: Both platforms use independent blocks/dividers to organize content, reducing reliance on pop-ups for cleaner interactions.

Primary page - Shopify
Primary page - Stripe


Secondary page - Shopify
Seconday page - Stripe



Step 3. Visual Strategies
  • Primary Page:  Date Picker and Data Banner Optimization
Default 
Started Date Selected
Date Range Selected
Built-in Option Selected

Month Display
Month Selected
Year Display
Year Selected





Data Banner on Primary Page




  • Secondary Page: Modular Layout and Context-Preserving Popovers


Header
Primary Section
Secondary Section




Modular Blocks on Secondary Page



Popover Wireframe
Tailored Tab Layout with Integrated Popovers






Final Showcase \

Primary Page - Before vs After.

Before
After



Secondary Page - Before vs After.

Before
After





Prototype - Date Picker.


General Selection
Built-in Option
Consecutive Month & Year








Prototype - Overall.





Impact
The enhancements have significantly reduced cognitive load, making information more accessible and simplifying task management for Ezze admins. The redesigned layout of the primary and secondary pages introduced a modern aesthetic, greatly improving workflow efficiency. This transformation has made the Ezze Admin Dashboard a well-organized, intuitive, and visually cohesive platform, substantially boosting operational engagement and user satisfaction.






Previous
Ezze Admin Dashboard




Selected works  |   LinkedIn  |   Say Hiii~👋🏻

Design Copyright ©️ Mingyue Qu