Overview
In this brief redesign exercise, I refreshed the dashboard for Badger Technologies—a company whose autonomous robot scans retail shelves using computer vision (and now RFID) to flag out-of-stock items, pricing errors, and inventory inconsistencies in real time.
My Role
Independent UX/UI Designer — responsible for identifying usability issues and creating improved wireframes and mockups.
Challenge
The dashboard lacked hierarchy and clarity, making key metrics hard to read.
Pain Points
The dashboard had poor information hierarchy, making it hard to prioritize issues at a glance. Its outdated, cluttered visual design reduced clarity and trust, while limited navigation and filtering made it difficult for users to quickly scan information.
Legacy Dashboard Image
Exploration
Wireframe layout and visual hierarchy exploration.
Wireframes
For Badger, I iterated through wireframes to test different layouts and information structures—exploring menu navigation, at-a-glance groupings, and the most effective placement of key data.
Solution
Focal Points
High-Impact Improvements:
- 1.) Clear KPI Overview → Faster Decisions
- Users can instantly see critical issues (out-of-stocks, mismatches, errors) at the top instead of hunting through cluttered screens.
- 2.) Modern Visual Hierarchy → Reduced Cognitive Load
- Cleaner layout, consistent colors, and structured typography make it easier to scan and trust the data, speeding up daily workflows.
- Streamlined Navigation & Filters → Quicker Access
- Simplified sidebar and intuitive filters allow users to zero in on the problems that matter most, reducing wasted time.
The Process
Flow
Time Based: 1 Sprint
Audit: Assessed existing dashboard for hierarchy, readability, and design issues.
Wireframing: Sketched alternative layouts to improve information prioritization.
High-Fidelity Mockups: Designed polished screens to demonstrate a modernized approach.
Next steps would include user validation and tailoring the design to real workflows.