UX research

UX research

UX research

UI design

UI design

UI design

AI Flow builder

AI Flow builder

AI Flow builder

SaaS

SaaS

SaaS

Effortless support, built for you (the customer)

Effortless support, built for you (the customer)

Effortless support, built for you (the customer)

Support workflows to automate manual tasks by 70%

Support workflows to automate manual tasks by 70%

Support workflows to automate manual tasks by 70%

Let's see how we automated manual tasks to empower Support Agents.

Let's see how we automated manual tasks to empower Support Agents.

Let's see how we automated manual tasks to empower Support Agents.

Worflows are a series of steps that are to be done, to perform a particular task before/during/after ticket resolution process.

Worflows are a series of steps that are to be done, to perform a particular task before/during/after ticket resolution process.

2 month

of ideation, research, design and validation

2 month

of ideation, research, design and validation

2 month

of ideation, research, design and validation

2 phases

to ship smoothly and address regular feedback

2 phases

to ship smoothly and address regular feedback

2 phases

to ship smoothly and address regular feedback

6 people

2 designers, 1 PM, 3 devs, working seamlessly

6 people

2 designers, 1 PM, 3 devs, working seamlessly

6 people

2 designers, 1 PM, 3 devs, working seamlessly

My role

My role

As a Product designer I was responsible to work on the problem validation, understanding user pain points, give solutions and make this project successful by evaluating the support team's efficiency in task execution.

As a Product designer I was responsible to work on the problem validation, understanding user pain points, give solutions and make this project successful by evaluating the support team's efficiency in task execution.

Process

Process

We have followed the process by using a design thinking framework. Earlier we experimented with what works for us and we finalised this process, which gives us better flexibility and efficiceny moving forward.

We have followed the process by using a design thinking framework. Earlier we experimented with what works for us and we finalised this process, which gives us better flexibility and efficiceny moving forward.

Research & Define

User interviews

Stakeholder interviews

Define problems

User persona

Ideate & Design

Brainstorming

Wireframing/UI

Stakeholder feedbacks

1:1 calls

Collective feedbacks

Tech feedbacks

Develop

Developer handover

Design UI test

Prototype & test

UI Prototype

Usability test

Analyse results

Data & Analytics

Mixpanel

Hotjar

Research & Define

User interviews

Stakeholder interviews

Define problems

User persona

Ideate & Design

Brainstorming

Wireframing/UI

Stakeholder feedbacks

1:1 calls

Collective feedbacks

Tech feedbacks

Data & Analytics

Mixpanel

Hotjar

Develop

Developer handover

Design UI test

Prototype & test

UI Prototype

Usability test

Analyse results

Why workflows?

Why workflows?

14+

14+

14+

customers interested in our support workflow solutions

40+

40+

40+

use cases identified for our support workflow automation

Many support agents spend a significant portion of their day on manual, time-consuming tasks. While these activities are crucial for efficient resource utilization and proper documentation, they can hinder an agent's ability to focus on what truly matters – delivering exceptional customer service.


The goal? Improved efficiency and a happier, more productive support team that can provide outstanding customer experiences.

Many support agents spend a significant portion of their day on manual, time-consuming tasks. While these activities are crucial for efficient resource utilization and proper documentation, they can hinder an agent's ability to focus on what truly matters – delivering exceptional customer service.


The goal? Improved efficiency and a happier, more productive support team that can provide outstanding customer experiences.

Define

Define

Problem 1: Lack of specific components for Inbox actions


There aren't specific components in the flow builder to perform actions on a ticket directly. Users have to use many APIs, which complicates things. This makes creating workflows harder and more complex for users. Also, it makes it difficult for inexperienced user to know how to proceed.

Problem 1: Lack of specific components for Inbox actions

There aren't specific components in the flow builder to perform actions on a ticket directly. Users have to use many APIs, which complicates things. This makes creating workflows harder and more complex for users. Also, it makes it difficult for inexperienced user to know how to proceed.

Problem 2: Triggers and Conditions are disconnected


Triggers and conditions must be set up separately in the Event Hub. Users configure events like user inactivity or ticket closure in the Event Hub and then switch to the flow builder to create or change a flow. This back-and-forth navigation causes confusion and frustration.

Problem 2: Triggers and Conditions are disconnected

Triggers and conditions must be set up separately in the Event Hub. Users configure events like user inactivity or ticket closure in the Event Hub and then switch to the flow builder to create or change a flow. This back-and-forth navigation causes confusion and frustration.

Problem 3: Complex code dependencies for advanced conditions


Automating advanced tasks needs complex code. For example, to avoid asking for feedback on tickets with the "inactive" tag, you need to activate the event, create a workflow, save tag data, check the tag, and decide on the feedback flow. This process is cumbersome and complex.

Problem 3: Complex code dependencies for advanced conditions

Automating advanced tasks needs complex code. For example, to avoid asking for feedback on tickets with the "inactive" tag, you need to activate the event, create a workflow, save tag data, check the tag, and decide on the feedback flow. This process is cumbersome and complex.

Who is it for?

Who is it for?

Ani

Ani is a 32 years old, dedicated and experienced Customer Support Administrator working for a medium-sized e-commerce company that specialises in selling consumer electronics. With a 5 years of background in customer service and a keen eye for detail, Ani plays a crucial role in ensuring the smooth operation of the customer support team.

Ani is a 32 years old, dedicated and experienced Customer Support Administrator working for a medium-sized e-commerce company that specialises in selling consumer electronics. With a 5 years of background in customer service and a keen eye for detail, Ani plays a crucial role in ensuring the smooth operation of the customer support team.

Tools & Skills

Customer support platforms:
Proficient in using customer support platforms to manage tickets, prioritise inquiries & monitor team performance.

Communication skills:
Excellent written and verbal communication skills to communicate better with support team & customers.

Training & development:
Experienced in designing and implementing training programs to enhance the skills of customer support representatives.

Data analysis:
Familiar with data analysis tools to extract meaningful insights from customer support data, helping in decision-making.

Goals

Efficient workflows:
Optimize support team workflows to enhance efficiency and reduce response times.

Customer satisfaction:
Ensure positive customer experiences by monitoring feedback and addressing issues promptly

Team development:
Focus on team members' professional growth through training, resources, and support.

Pain points

Scaling support operation:

With the company experiencing growth, Ani faces the challenge of scaling customer support operations effectively. This includes hiring and training new team members.

Scaling support operation:
With the company experiencing growth, Ani faces the challenge of scaling customer support operations effectively. This includes hiring and training new team members.

Technology integration:

Ani is always on the lookout for innovative customer support tools and technologies. Integrating new solutions seamlessly into existing workflows while ensuring minimal disruption is a constant challenge.

Technology integration:
Ani is always on the lookout for innovative customer support tools and technologies. Integrating new solutions seamlessly into existing workflows while ensuring minimal disruption is a constant challenge.

Managing workload:

Balancing the workload of his team, especially during peak periods, can be challenging. Ani strives to maintain high levels of support service even when faced with increased customer inquiries.

Managing workload:
Balancing the workload of his team, especially during peak periods, can be challenging. Ani strives to maintain high levels of support service even when faced with increased customer inquiries.

Brainstorming

Brainstorming

We began our brainstorming by gathering feedback from both current customers and our internal team. Our aim was to understand how they handle support queries, their current processes, and identify opportunities for automation. 

Customer and Internal Feedback:

- Conducted discussions with customers and internal staff to gather insights.

- Identified various use cases for workflow automation.


Productive Team Session:

- Held a comprehensive team meeting at the office.

- Decided on the primary goals for workflow automation.

- Developed a basic workflow structure to gain early insights from users on the concept.


This collaborative approach helped us outline the essential features and functionalities needed for effective workflow automation, setting the stage for the next steps in our project.

“Great ideas often come from great discussions."

We began our brainstorming by gathering feedback from both current customers and our internal team. Our aim was to understand how they handle support queries, their current processes, and identify opportunities for automation. 

Customer and Internal Feedback:

- Conducted discussions with customers and internal staff to gather insights.

- Identified various use cases for workflow automation.


Productive Team Session:

- Held a comprehensive team meeting at the office.

- Decided on the primary goals for workflow automation.

- Developed a basic workflow structure to gain early insights from users on the concept.


This collaborative approach helped us outline the essential features and functionalities needed for effective workflow automation, setting the stage for the next steps in our project.

“Great ideas often come from great discussions."

We began our brainstorming by gathering feedback from both current customers and our internal team. Our aim was to understand how they handle support queries, their current processes, and identify opportunities for automation. 

Customer and Internal Feedback:

- Conducted discussions with customers and internal staff to gather insights.

- Identified various use cases for workflow automation.


Productive Team Session:

- Held a comprehensive team meeting at the office.

- Decided on the primary goals for workflow automation.

- Developed a basic workflow structure to gain early insights from users on the concept.


This collaborative approach helped us outline the essential features and functionalities needed for effective workflow automation, setting the stage for the next steps in our project.

“Great ideas often come from great discussions."

Wireframing

Wireframing

After receiving feedback from stakeholders and engaging in early discussions, we embarked on wireframing various ideas to enhance the user experience. Our goal was to provide the best possible experience for our users.

Initial Design Phase:

  • Feedback and Stakeholder Discussions: Incorporated insights from stakeholders to shape our design approach.

  • Wireframing Ideas: Developed multiple wireframes to visualize different design concepts.

  • User-Centric Focus: Prioritized user experience throughout the design process.

After receiving feedback from stakeholders and engaging in early discussions, we embarked on wireframing various ideas to enhance the user experience. Our goal was to provide the best possible experience for our users.

Initial Design Phase:

  • Feedback and Stakeholder Discussions: Incorporated insights from stakeholders to shape our design approach.

  • Wireframing Ideas: Developed multiple wireframes to visualize different design concepts.

  • User-Centric Focus: Prioritized user experience throughout the design process.

After receiving feedback from stakeholders and engaging in early discussions, we embarked on wireframing various ideas to enhance the user experience. Our goal was to provide the best possible experience for our users.

Initial Design Phase:

  • Feedback and Stakeholder Discussions: Incorporated insights from stakeholders to shape our design approach.

  • Wireframing Ideas: Developed multiple wireframes to visualize different design concepts.

  • User-Centric Focus: Prioritized user experience throughout the design process.

User feedback

User feedback

Iteration 1 :

Iteration 1 :

Iteration 1 :

40%

40%

40%

users were able to succesfully complete the task

48%

48%

48%

users weren't able to complete the task

25%

25%

25%

users had confusions while navigating through solution

Before iteration 1

1 hour

1 hour

1 hour

time taken for users to setup the workflow

With iteration 1

25 mins

25 mins

25 mins

time taken for users to setup the workflow

Iteration 2 :

Iteration 2 :

Iteration 2 :

75%

75%

75%

users were able to succesfully complete the task

25%

25%

25%

users weren't able to complete the task

15%

15%

15%

users had confusions while navigating through solution

Iteration 1

25 mins

25 mins

25 mins

time taken for users to setup the workflow

With iteration 2

12 mins

12 mins

12 mins

time taken for users to setup the workflow


Some other feedback we took from the users:


Some other feedback we took from the users:


Some other feedback we took from the users:

Final solution

Final solution

Components & Design

Components & Design

In-progress

More projects

More projects

More projects

Reimagined shopping with AI Mode for millions of users

Designed AI Mode responses to reduce cognitive load and improve journey continuation. 37% of users preferred the proposed direction.

B2C Shopping

AI Mode

UX design

Design Testing

Re-designing the navigation for higher discoverability rate

Revamped navigation to boost discoverability by 50% and simplify workflows.

B2B Saas

Interaction design

UX research

Redefining hobby exploration with Twiddle

Created a platform for learning, supplies, and community to make hobbies fun and accessible.

B2C

E-commerce

UX design & Research

App

Re-designing the navigation for higher discoverability rate

Revamped navigation to boost discoverability by 50% and simplify workflows.

B2B Saas

Interaction design

UX research

Redefining hobby exploration with Twiddle

Created a platform for learning, supplies, and community to make hobbies fun and accessible.

B2C

E-commerce

UX design & Research

App

Re-designing the navigation for higher discoverability rate

Revamped navigation to boost discoverability by 50% and simplify workflows.

B2B Saas

Interaction design

UX research

Redefining hobby exploration with Twiddle

Created a platform for learning, supplies, and community to make hobbies fun and accessible.

B2C

E-commerce

Mobile App

UX design & Research

Reimagined shopping with AI Mode for millions of users

Designed AI Mode responses to reduce cognitive load and improve journey continuation. 37% of users preferred the proposed direction.

B2C Shopping

AI Mode

UX design

Design Testing

Reimagined shopping with AI Mode for millions of users

Designed AI Mode responses to reduce cognitive load and improve journey continuation. 37% of users preferred the proposed direction.

UX design

B2C Shopping

AI Mode

Design Testing

Create a free website with Framer, the website builder loved by startups, designers and agencies.