A deep dive into how I solved complex data visualization challenges for a leading distillery. From initial wireframes to the final responsive dashboard implementation.
Project Overview
Client: Sagar Distilleries
Role: Lead UI/UX & Full Stack
Goal: Real-time Dashboard
Stack: Next.js, Tailwind, Recharts
Sagar Distilleries was managing massive sales data across 7 provinces using static reports. They needed a way to visualize daily sales, track distributor performance, and manage inventory in real-time.
The Challenge
Executives wanted to check sales on their phones while traveling. Distributors needed to see their own targets on tablets. The dashboard had to be:
- Dense but Readable: Showing thousands of rows.
- Performance-First: 2s load time on 3G.
- Role-Based: Admin view vs. Sales Rep view.
Solution 1: "Card" Approach
Instead of shrinking a massive table, I designed "Summary Cards" for mobile. Sales summaries were prioritized. Tables hidden behind details.
Solution 2: Performance
We used lightweight SVG charts (Recharts) to keep the bundle size under 150KB.
The Result
The new dashboard reduced reporting time from 2 days to instant real-time access. Sales reps missed 40% fewer opportunities.
Need a Custom Dashboard?
I build data tools that help businesses make better decisions.