Industrial analytics dashboard redesign
Website
12 Weeks
As the team’s official designer, I led the effort by synthesizing user interviews and past customer feedback into a flexible navigation system that aligned with facility managers’ workflows and accommodated diverse user needs. The project’s goal was to drive higher adoption and customer retention rates.
During this memorable summer, I was a UI/UX design intern at H2Ok Innovations, a clean-tech startup that uses patented inline sensors and AI to modernize fluid systems in manufacturing. My favorite (hence the case study dedication 🌟) of the four projects I worked on was redesigning the summary page of Insights, a platform where customers view industrial process analytics.
PROBLEM
Users struggle with Insights’ layout and overwhelming data
Analytics showed that less than 28% of users regularly used H2Ok’s Insights dashboard. Despite the platform’s potential, customers weren’t using it consistently. The Summary page in particular was overwhelming: it displayed too much data at once, making it difficult to understand and identify key performance metrics quickly. This discouraged repeat use and limited adoption.
OUTCOME
Success will be measured over time by increased adoption, specifically, how often customers return to the Summary page. Because H2Ok has a 1-man developer team, shipping new features takes longer, but I kept momentum by documenting through Jira tickets. These have already been triaged and added to the product roadmap, serving as a foundation for the engineering team to build on and ensure that future iterations stay aligned with user needs, making it easier for the team to continue improving the platform.
DECISIONS
How might I design the Summary page so all users can quickly find key data, understand it, and act on it?
I began by interviewing team members who had worked directly with clients to gather recurring feedback, and I reviewed past research to build context around known problems. To validate and deepen these insights, I interviewed with a customer about their current experience and pain points. From there, I began ideating features to improve the Summary page (after rebuilding the Summary page in Figma from scratch):
Customizable metric prioritization
Drag-and-drop rows to allow users to quickly customize the order of essential metrics, aligning with familiar spreadsheet mental models and offering a more flexible and personalized experience than alternatives like arrow controls or preset sorting.
Summary Hover
Actionable issue alerts
Added coloured warning icons to flag issues directly in applicable rows with an expandable dropdown that provides context and (in the future) root cause recommendations, shifting Insights from passive reporting to actionable guidance.
Original version:
"Summary (Partial)"
Redesign version:
"Warning drop down"
Making graph data understandable
Currently, sensor data is displayed as a dense chart overlay, but the number of lines makes it overwhelming and difficult to interpret. To address this, I grouped traces by category and organized them into tabs, creating space for explanations of each trace and making the information more digestible
Original version:
"Screenshot 2025-09-15 at 2.11.43 PM"
Redesign version:
"Overlay NEW"
REFLECTION
Takeaways
Adapt research methods
When I couldn’t connect directly with customers, I learned to pivot by being resourceful: interviewing team members, reviewing past feedback, and creating research questions that followed best practices for my two research groups.
Work independently and proactively
As the only design intern, I had to take initiative and communicate consistently. Regular check-ins, open documentation, and sharing my work transparently showed me how much impact clear communication can have.
My internship wrapped:
Longest time spent on Figma (my screen time was only on for the last few weeks):
5 h 22 m on September 3rd
Jokes told:
1 (found on my About page!)
Most used emote:
