Brand
WWWA Water Utility
Product
Web App Dashboard
My Role
UX & UI Designer (Agile)
Time
2025 (ongoing)
WWWA is a small water utility that provides services to local homes. To manage their operations, they use a SaaS platform made up of three parts: a web app for system admins, a mobile app for technicians, and another mobile app for water users.
I was tasked with designing the admin dashboard, a central space where system admins can track and manage their daily work. Since the product is being developed in Agile, we focused on MVP features first, with room to grow based on business needs.
Challenge
How might we help system admins quickly understand tasks when they land on the platform?
Solution
A clear and focused dashboard that highlights what needs immediate attention.
Tasks are clearly grouped under every feature, so, system admins can quickly find what they need and take action.
What we discovered
Admins at WWWA work part-time and often step in after someone else. They need a clear way to understand what has happened during their off time and what still needs to be done.
Many of them are local volunteers who care deeply about their community, but don’t always feel confident using digital tools.
They described wanting a way to catch up quickly, without feeling overwhelmed or lost in too much information.
Ideation
Wireframe & Iteration
Let Susan decide what information she needs
At first, I tried listing urgent tasks from every category. But it quickly became overwhelming - too much, too fast.
So I stepped back and asked:
• What does Susan really need before she acts on a task?
• How can she prioritise with limited time?
That’s when I realised: Susan needs to see the big picture before diving into the details.
I designed a dashboard where she can view total actions and task counts for each category, but I started to wonder: Is this clear and focused enough to help her take action?
Then I dug deeper into the maintenance plans and realised that under different working conditions, Susan needs to filter what she sees, sometimes by task type, sometimes by timeline.
So I introduced filters:
• By Status – to give Susan a quick overview of what’s assigned and in progress.
• By Timeline – so she can see what’s coming up and act in advance.
• By Task Type – to understand what kind of work is being assigned.
I also redesigned the pie chart, now hollow, with the total count in the centre and key indicators placed beside it. This version gives Susan more control, while still keeping the big picture in view.
The most current design
See the big picture, act on what matters
The latest design helps Susan act quickly on urgent and important issues, while still giving her a clear view of the overall status. She can filter what matters, prioritise her time, and stay in control, all from one focused dashboard.
Self-Reflection
Stay focus on client's ways of working
Designing a dashboard while many features were still evolving was a real challenge. I learned that the key was to first understand the client's work context, what matters most to their team, and how they operate day to day.
While I looked at patterns from other SaaS products, I realised that the client has its own language and ways of working. Rather than forcing a standard layout or terminology, I focused on designing something that fits their culture and needs.
This dashboard will continue to grow as new features are added — but for now, it’s a strong foundation built around what matters most to the people using it.
