Dashboard For Ecommerce Management
Objective: Design an intuitive admin dashboard to help Sundryagro efficiently manage their operations, inventory, orders, and customer insight.
Company / Industry: Sundryagro (E-Commerce)
Project Type: End to end webapp + Mobile responsive
Role: Product Designer
Tool: Figma, Figjam, Google Meet
Duration: 2 Week
Problem Statement & Goal
Sundry Agro’s admin team faced challenges managing their e-commerce operations efficiently:
- There was delays in tracking and fulfilling orders.
- No clear sales insights, making it hard to track business performance.
- Lack of real-time inventory updates, resulting in overselling or out-of-stock issues.
Goal
To design an intuitive admin dashboard that allows the team to:
- Monitor and fulfill orders quickly with real-time updates.
- Track inventory levels and manage stock efficiently.
- View customer insights and sales analytics to make informed decisions.
Research & Insight
Understanding the Admin Users
I conducted interviews with 4+ admin staff members, including:
1. Order Managers: Need a clear order tracking system.
2. Inventory Specialists: Want real-time stock level updates.
3. CEO: RequireS insightful sales reports & analytics.
Key Findings
- 60% of admins struggled with slow order processing due to a cluttered UI.
- Inventory discrepancies led to 20% overselling issues.
- 80% of admins wanted a simplified way to view key metrics in one place.
Solution
- Created user flows for order management, inventory updates, and sales tracking.
- Designed low-fidelity wireframes to test different layouts.
- Developed high-fidelity prototypes, iterating based on user feedback.
UI Design Principles
To implement the solution I gathered, I had to put these principles in place:
1. Clean & intuitive layout: prioritized readability with a clear hierarchy.
2. Data visualization: I sed graphs & charts for quick sales insights.
3. Quick access navigation: I reduced clicks needed for common actions.
Design Process
Inventory Manager Flow
Order Manager Flow
User Journey Map
With the research insights in mind, I began the wireframing process to map out the user journey. I mapped out how the admins would interact with the dashboard from start to finish. This ensures a smooth and intuitive experience.
Low Fidelity Wireframes
With the research insights in mind, I began the wireframing process to map out the user journey. I mapped out how the admins would interact with the dashboard from start to finish. This ensures a smooth and intuitive experience.
High Fidelity Wireframes
After refining the low-fidelity wireframes and validating the core user flows, I moved into the high-fidelity design phase. This stage focused on translating the wireframes into polished, visually engaging interfaces while maintaining clarity and usability.
Interactive Prototype
With the high-fidelity designs finalized, I moved into the interactive prototyping phase to bring the user experience to life. This step allowed us to simulate real interactions, ensuring the platform felt intuitive before development.
Key Features Implemented
📌 Dashboard Overview – Displays key business metrics (orders, revenue, inventory levels).
📌 Order Management System – Admins can filter, track, and update orders easily.
📌 Inventory Tracking – Real-time updates to prevent overstocking or selling out.
📌 Customer Insights & Reports – Provides data on top buyers, repeat customers, and sales trends.
📌 Role-Based Access – Ensures different staff members see only relevant information.
Usability Testing
Key Changes Based on Admin Feedback:
- I added option to add images for variation and quantity of product
- I added option to add market/shopin which a product belong
- I simplified ambiguous words used at the side bar
Before
This is the design I made in before usability testing. There was no much changes in the entire dashboard design because I did extensive research before starting out.
After
After carefully studying the feedback from our users, I made this design changes
Impact & Business Result
📈 Order fulfillment speed increased by 35%, reducing delays.
📉 Inventory discrepancies decreased by 50%, minimizing overselling.
📊 Admin efficiency improved, with 80% of users preferring the new dashboard.
What I Learned
My biggest challenge was designing a dashboard that balances data complexity with usability.
Key takeaway from what I learn is that admins need quick, actionable insights, not just raw data.
In my next project on admin dashboard, I will introduce AI-driven sales predictions & automated restocking alert
Thank you for your interest in my work
I designed and built this portfolio in Framer, to reflect my unique vision
© 2025 Olufolake Olufade Framer. All Rights Reserved.
Back to top