Process animations
Process animations
Building a visual tool that showcase bottlenecks and inefficiencies to match user needs
Building a visual tool that showcase bottlenecks and inefficiencies to match user needs
I led the design efforts for a full cross functional team effort going from $0 to $125K to $0.5 Mn in Process Mining ARR in 7 months. The new feature visually showcases anomalies and bottlenecks in the customer's buisness process on the process graph.
I led the design efforts for a full cross functional team effort going from $0 to $125K to $0.5 Mn in Process Mining ARR in 7 months. The new feature visually showcases anomalies and bottlenecks in the customer's buisness process on the process graph.
Role
Role
Lead product designer
Lead product designer
Lead product designer
With
With
Product manager
Product manager
Product manager
Process mining eng team
Process mining eng team
Process mining eng team
Timeframe
Timeframe
Q3 - Q4 2025
Q3 - Q4 2025
Q3 - Q4 2025
Disclaimer: to comply with the NDA, I have excluded information from this page.
You can see the full case study here
Disclaimer: to comply with the NDA, I have excluded information from this page.
You can see the full case study here
Disclaimer: to comply with the NDA, I have excluded information from this page.
You can see the full case study here
A list of customers who use UiPath process mining
A list of customers who use UiPath process mining
Background & problem context
Background & problem context
Background & problem context
Why are we creating this new feature?
Why are we creating this new feature?
Context
Context
Context
What is process mining?
What is process mining?
What is process mining?
Process mining uses the digital footprints left behind in your systems and applications to show you everything that happens in your processes
It diagnoses your end-to end processes and prescripts appropriate measures to discovered inefficiencies.
Process mining uses the digital footprints left behind in your systems and applications to show you everything that happens in your processes
It diagnoses your end-to end processes and prescripts appropriate measures to discovered inefficiencies.
Process mining uses the digital footprints left behind in your systems and applications to show you everything that happens in your processes.
It diagnoses your end-to end processes and prescripts appropriate measures to discovered inefficiencies.
Process mining uses the digital footprints left behind in your systems and applications to show you everything that happens in your processes
It diagnoses your end-to end processes and prescripts appropriate measures to discovered inefficiencies.
Need for a new tool
Need for a new tool
Our biggest financial sector customers, Bank of NY Mellon, and Danske Bank wanted to sign a new 2.5 billion row contract in the upcoming year with process mining under one requirement.
A feature that could visually communicate bottlenecks and inefficiencies on our process graph.
Our biggest financial sector customers, Bank of NY Mellon, and Danske Bank wanted to sign a new 2.5 billion row contract in the upcoming year with process mining under one requirement.
A feature that could visually communicate bottlenecks and inefficiencies on our process graph.
Our biggest financial sector customers, Bank of NY Mellon, and Danske Bank wanted to sign a new 2.5 billion row contract in the upcoming year with process mining under one requirement.
A feature that could visually communicate bottlenecks and inefficiencies on our process graph.
Challenge
Challenge
Challenge
Creating a new data visualization tool that can communicate data clearly while being performant
Creating a new data visualization tool that can communicate data clearly while being performant
Creating a new data visualization tool that can communicate data clearly while being performant
Performance was a key factor in delivering this feature. Creating an animated tool that could run 2.5 billion rows of data smoothly meant that we could make trade-offs when it came to capabilities.
Performance was a key factor in delivering this feature. Creating an animated tool that could run 2.5 billion rows of data smoothly meant that we could make trade-offs when it came to capabilities.
Performance was a key factor in delivering this feature. Creating an animated tool that could run 2.5 billion rows of data smoothly meant that we could make trade-offs when it came to capabilities.
Solution
Solution
Solution
Interactive heatmap with in depth analysis
Interactive heatmap with in depth analysis
Display default heat map visuals when played
System flags paths where anomalies and bottlenecks occur
When clicked, the areas are focused and in depth analysis is shown for what is occurring on the path
Could go a layer deeper by filtering and show individual case details
Display default heat map visuals when played
System flags paths where anomalies and bottlenecks occur
When clicked, the areas are focused and in depth analysis is shown for what is occurring on the path
Could go a layer deeper by filtering and show individual case details
Display default heat map visuals when played
System flags paths where anomalies and bottlenecks occur
When clicked, the areas are focused and in depth analysis is shown for what is occurring on the path
Could go a layer deeper by filtering and show individual case details
Design decisions
Balancing trade-offs
Process & reasoning
Why are we creating this new feature?
Solution
Solution
Tradeoffs:
Tokens vs. Full on heatmap
Tradeoffs:
Tokens vs. Full on heatmap
To support the fast scaling of products while having a small design team, we implemented an automated contribution model on slack to fast track the process of updating existing components and establishing an opportunity to educate designers in how the design system is built.
Making the communication process standardized and repeatable, the both parties adapted fast with this one tool, streamlining the process of notifying updates, sharing concern and progress checking in shared contributions.
To support the fast scaling of products while having a small design team, we implemented an automated contribution model on slack to fast track the process of updating existing components and establishing an opportunity to educate designers in how the design system is built.
Making the communication process standardized and repeatable, the both parties adapted fast with this one tool, streamlining the process of notifying updates, sharing concern and progress checking in shared contributions.
To support the fast scaling of products while having a small design team, we implemented an automated contribution model on slack to fast track the process of updating existing components and establishing an opportunity to educate designers in how the design system is built.
Making the communication process standardized and repeatable, the both parties adapted fast with this one tool, streamlining the process of notifying updates, sharing concern and progress checking in shared contributions.
Challenge 02
Challenge 02
Challenge 02
Visualize and analyze
Visualize and analyze
Visualize and analyze
User testing showed a key aspect we overlooked. Analysis of the data being shown is essential. Because in business processes, context matters.
Adding an analysis window that showcased the data with context through including industry benchmark really brought the new feature together.
By comparing their data to industry standards, users could determine correctly if the data being shown were alarming or not
User testing showed a key aspect we overlooked. Analysis of the data being shown is essential. Because in business processes, context matters.
Adding an analysis window that showcased the data with context through including industry benchmark really brought the new feature together.
By comparing their data to industry standards, users could determine correctly if the data being shown were alarming or not
User testing showed a key aspect we overlooked. Analysis of the data being shown is essential. Because in business processes, context matters.
Adding an analysis window that showcased the data with context through including industry benchmark really brought the new feature together.
By comparing their data to industry standards, users could determine correctly if the data being shown were alarming or not
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in this case study.
Impact
Impact
Product ARR in 7 months
Product ARR in 7 months
The feature proposal during private preview was a major success, leading to a half million USD deal with BNY Mellon and maintaining them as our biggest customer in the financial sector. They also informed us that BNY's Global Chief Operating Officer showcased the Process Mining apps they've built in his global all hands and presented the animations demo.
The feature proposal during private preview was a major success, leading to a half million USD deal with BNY Mellon and maintaining them as our biggest customer in the financial sector. They also informed us that BNY's Global Chief Operating Officer showcased the Process Mining apps they've built in his global all hands and presented the animations demo.
Thoughts & Reflections
Thoughts & Reflections
Use hard data to navigate conflicts
Use hard data to navigate conflicts
Throughout the design process of this feature, there were countless conflicts between me and the engineers. During those times I relied heavily on the results of user testing to stand my ground or even convince myself to negotiate with the other side.
When it comes to trimming ideas, it isn't always A or B it could be A + B. Opening yourself up to possibilities leads to better outcomes.
Actionability is key. Our job isn't to just showcase pretty problems, It is to help them solve and manage them. Simple connections to the next step can really upgrade the whole UX
Visual design matters. especially in data visualization. Reducing noise and elevating key information clears up the data and makes it more accessible. From this experience I learned that sometimes function follows form as well.
It’s ok to compromise
It’s ok to compromise
I always felt like as designers we should always try to perfect things out before sending it out to the users. But with strict timelines, and limited resources. It wasn’t possible at all to do things “perfectly”. Through this project I learned that “perfect” could be achieved over time, and sometimes it’s more important to lay out the first cornerstone than to build the complete blueprint.
I always felt like as designers we should always try to perfect things out before sending it out to the users. But with strict timelines, and limited resources. It wasn’t possible at all to do things “perfectly”. Through this project I learned that “perfect” could be achieved over time, and sometimes it’s more important to lay out the first cornerstone than to build the complete blueprint.
Processes overcomes uncertainty
Processes overcomes uncertainty
There were moments during the project where I felt overwhelmed by the uncertainties that lied in front of us. In those times I tried to focus on what I had to do next and forget about all the questions that were left to answer. Through executing each step relentlessly, I was able to reach the end of the tunnel with confidence
There were moments during the project where I felt overwhelmed by the uncertainties that lied in front of us. In those times I tried to focus on what I had to do next and forget about all the questions that were left to answer. Through executing each step relentlessly, I was able to reach the end of the tunnel with confidence