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.
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
Role
Lead product designer
Lead product designer
Lead product designer
With
With
With
Product manager
Product manager
Product manager
Process mining eng team
Process mining eng team
Process mining eng team
Timeframe
Timeframe
Timeframe
Q3 - Q4 2025
Q3 - Q4 2025
Q3 - Q4 2025
A list of customers who use UiPath process mining
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.
Need for a new tool
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
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
Process & reasoning
Why are we creating this new feature?
Process & reasoning
Why are we creating this new feature?
Hypothesis & requirements
Hypothesis & requirements
Hypothesis & requirements
PM and I created a hypothesis table and went over it with the representatives from the customers. Through the initial meeting we were able to create a feature list and tier them in importance, allowing me to start designing.
PM and I created a hypothesis table and went over it with the representatives from the customers. Through the initial meeting we were able to create a feature list and tier them in importance, allowing me to start designing.
PM and I created a hypothesis table and went over it with the representatives from the customers. Through the initial meeting we were able to create a feature list and tier them in importance, allowing me to start designing.
Solution
Solution
Tradeoffs:
Tokens vs. Full on heatmap
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
Impact
Impact
worth new deal was signed with BNYM, our biggest financial sector customer
worth new deal was signed with BNYM, our biggest financial sector customer
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.
Reach out for full case study!
Thoughts & Reflections
Thoughts & Reflections
Professional
Professional
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.
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.
Personal
Personal
Reflecting on the whole journey, I believe building relationships with potential clients is really powerful. Every user testing and design review session we had with the representatives were cheerful and positive. We were there to listen to each other and share thoughts. After the deal was made, the representative made a half joke saying, " I pushed for UiPath because I liked you guys more."
Reflecting on the whole journey, I believe building relationships with potential clients is really powerful. Every user testing and design review session we had with the representatives were cheerful and positive. We were there to listen to each other and share thoughts. After the deal was made, the representative made a half joke saying, " I pushed for UiPath because I liked you guys more."