Client hub AI Chatbot

My Role

Product Designer

My Role

Product Designer

My Role

Product Designer

Year

2024->2026

Year

2024->2026

Year

2024->2026

Tools Used

Figma

Tools Used

Figma

Tools Used

Figma

Platform

Web

Platform

Web

Platform

Web

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

What did we trying to solve

In Client Hub, B2B users struggled to find information, understand issues, and often escalated problems they could have solved themselves.

I set out to create an AI-powered experience that helps them quickly find answers, access real-time insights, and navigate the platform with confidence.


In Client Hub, B2B users struggled to find information, understand issues, and often escalated problems they could have solved themselves.

I set out to create an AI-powered experience that helps them quickly find answers, access real-time insights, and navigate the platform with confidence.

0

%

Users

user feedback cited difficulty finding documentation or key features

0

%

Users

user feedback cited difficulty finding documentation or key features

0

%

Users

user feedback cited difficulty finding documentation or key features

No search bar

Users only see a small ‘Help’ link, making it hard to find what they need

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Design Goal

Design Goal

Create a Conversational interface that helps users quickly find answers, resolve errors, and make informed decisions without needing to contact support.

Create a Conversational interface that helps users quickly find answers, resolve errors, and make informed decisions without needing to contact support.

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Discovery

User Persona

User Journey Map

User Persona

Survey

User Persona

User Journey Map

Persona

User Persona

Competitive Analysis

Survey

User Persona

Competitive Analysis

Survey

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Why We Chose Search with AI

Survey results showed users wanted to “find things faster” and “not dig through menus.”

The AI-powered search bar made support feel like a built-in tool — not an add-on.

“I’d rather type in a search bar than talk to a chatbot.” — Client Hub user

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Exploration

Finding the Best Interface-

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image
Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image
Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image
Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image
Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image
Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image
Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image
Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image
Image

Easy to build, but not ideal for goal-oriented tasks — users looking for quick, structured answers might find it inefficient.

Background Image
Card Image

Easy to build, but not ideal for goal-oriented tasks — users looking for quick, structured answers might find it inefficient.

Background Image
Card Image

Easy to build, but not ideal for goal-oriented tasks — users looking for quick, structured answers might find it inefficient.

Background Image
Card Image

More intuitive and aligned with how users approach documentation and troubleshooting.

Background Image
Card Image

More intuitive and aligned with how users approach documentation and troubleshooting.

Background Image
Card Image

More intuitive and aligned with how users approach documentation and troubleshooting.

Background Image
Card Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Final Design

Finding the Best Interface-

AI Search bar

An intelligent yet familiar entry point where users can search or ask questions naturally

Image
Image
Image
Image

Search Results

AI surfaces relevant docs, known issues, and troubleshooting steps within context — helping users minimize fraud risk and optimize performance.

Conversation with AI Chatbot

For complex queries, users can enter a deeper guided mode to troubleshoot with the AI assistant, supported by real-time system insights.

Image
Image

AI Search bar

An intelligent yet familiar entry point where users can search or ask questions naturally

Image
Image
Image
Image

Search Results

AI surfaces relevant docs, known issues, and troubleshooting steps within context — helping users minimize fraud risk and optimize performance.

Conversation with AI Chatbot

For complex queries, users can enter a deeper guided mode to troubleshoot with the AI assistant, supported by real-time system insights.

Image
Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

Impact

0

x

Faster

Task completion for documentation and troubleshooting

0

x

Faster

Task completion for documentation and troubleshooting

0

x

Faster

Task completion for documentation and troubleshooting

50

%

Fewer

fewer low-priority support tickets in the first month

50

%

Fewer

fewer low-priority support tickets in the first month

50

%

Fewer

fewer low-priority support tickets in the first month

22

%

Increase

driving higher customer satisfaction and sustained product adoption

22

%

Increase

driving higher customer satisfaction and sustained product adoption

22

%

Increase

driving higher customer satisfaction and sustained product adoption

© 2022–2024

Projects by Colleen Park

© All rights reserved.

🌴

On Vacation

🤒

Out Sick

🗓️

In a Meeting

👟

Be Right Back

🚌

Commuting

© 2022–2024

Projects by Colleen Park

© All rights reserved.

🌴

On Vacation

🤒

Out Sick

🗓️

In a Meeting

👟

Be Right Back

🚌

Commuting

© All rights reserved.

🌴

On Vacation

🤒

Out Sick

🗓️

In a Meeting

👟

Be Right Back

🚌

Commuting

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image

How our AI agent solves problems

Upload your knowledge base topics

Import FAQs, support docs, chat logs, or help center content. Our AI instantly learns everything.

Image
Image

Customize your AI agent’s behavior

Define tone, control how the agent responds, and set smart rules for handoff. Make it sound like you.

Get positive feedbacks & very high converting results.

Connect your AI agent to your website, chat apps, mobile, and more. Go live everywhere your customer.

Image