ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Adoption by HK's largest public broadcaster with 3.4M+ listeners

+

0

%

Success rate for parallel chatbot generation

+

0.0

s

Faster at locating

existing chatbots

+

0.0

System Usability

Scale score

ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Hong Kong's largest public broadcaster (3.4M+ listeners) adopted the redesigned tool

+

0

%

success rate for parallel chatbot generation

+

0.0

s

faster in locating a

created chatbot

+

0.0

System Usability

Scale score

ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Adoption by HK's largest public broadcaster with 3.4M+ listeners

+

0

%

Success rate for parallel chatbot generation

+

0.0

s

Faster at locating

existing chatbots

+

0.0

System Usability

Scale score

ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Adoption by HK's largest public

broadcaster with 3.4M+ listeners

+

0

%

Success rate for parallel

chatbot generation

+

0.0

s

Faster at locating

existing chatbots

+

0.0

System Usability

Scale score

ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Adoption by HK's largest public broadcaster with 3.4M+ listeners

+

0

%

Success rate for parallel chatbot generation

+

0.0

s

Faster at locating

existing chatbots

+

0.0

System Usability

Scale score

ChatDoc Master

No-code AI-powered chatbot builder for B2B companies

MY IMPACT

Adoption by HK's largest public broadcaster with 3.4M+ listeners

+

0

%

Success rate for parallel chatbot generation

+

0.0

s

Faster at locating

existing chatbots

+

0.0

System Usability

Scale score

COMPANY

PRODUCT

Available to registered business users only.

ROLE

UI/UX Designer (AI Team)

UI/UX Designer
(AI Team)

UI/UX Designer
(AI Team)

TIMELINE

Oct 2023 - July 2024

Oct 2023 -
July 2024

Oct 2023 -
July 2024

TEAM

1 Chief Engineer
4 Engineers

TOOL

Figma

OVERVIEW

As the sole UI/UX Designer on CPII's AI team, I transformed ChatDoc Master from an internal research tool into a market-ready B2B AI-powered chatbot builder. The redesigned tool successfully launched, empowering businesses to create and adopt AI-driven chatbots with ease.

PROBLEM

Originally built as a research tool, ChatDoc Master was not designed for business adoption due to its limited flexibility and scroll-heavy interface.

Originally built as a research tool, ChatDoc Master was not designed for business adoption due to its limited flexibility and scroll-heavy interface.

ChatDoc Master began as a research tool to evaluate LLMs' retrieval and question-answering capabilities. As AI chatbots gained traction in the business world, our team saw an opportunity to evolve it into a B2B product. But before we could enter the market, I needed to bridge the usability gap.

OLD DESIGN OF CHATDOC MASTER

USABILITY ISSUES

01

Limited to single-source uploads

02

No customization or update options

03

Excessive scrolling due to linear layout

SOLUTION

An AI tool for businesses to build customizable chatbots instantly.
Just upload your websites or documents, no code needed.

An AI tool for businesses to build customizable chatbots instantly. Just upload your websites or documents, no code needed.

An AI tool for businesses to build customizable chatbots instantly. Just upload your websites or documents, no code needed.

All your sources in one place

All your sources in one place

I designed a tabbed interface that allows users to upload multiple data sources within a single workflow, addressing business users’ need to work with varied and multiple files.

Give chatbots their own personality

Give chatbots their own personality

I introduced customization options to give users the autonomy to tailor chatbots to their specific business needs.

Before Generation: Customize chatbot functionality

After Generation: Personalize the messaging elements

Build trust through transparency

Build trust through transparency

Clickable citations let users trace each answer back to its original source with one click, reinforcing trust and aligning with user expectations for accountable AI.

Keep chatbots' knowledge fresh and relevant

Keep chatbots' knowledge fresh and relevant

Users can update chatbots by adding or removing sources, ensuring content stays accurate over time without needing to rebuild the bot from scratch.

Simplify chatbot management

Simplify chatbot management

I designed a collapsible sidebar to let users quickly find and switch between chatbots, streamlining chatbot management without cluttering the interface.

RESEARCH

As businesses handle many files and frequent updates, they need flexible tools to upload and update multiple data sources, and manage multiple chatbots.

As businesses handle many files and frequent updates, they need flexible tools to upload and update multiple data sources, and manage multiple chatbots.

I interviewed seven early business users who had tried ChatDoc Master through free trials to uncover user pain points. I then translated them into design opportunities.

01

The single-source upload limit frustrated business users who often needed to work with multiple files.

"We have reports, FAQs, and support articles. It’s frustrating when we can’t upload everything at once."

User quote

Support multi-source uploads

02

Businesses had to regenerate a chatbot every time they updated the data source.

"Our website updates monthly. Having to rebuild the entire chatbot each time isn't sustainable for us."

User quote

Allow source updates for existing chatbots

Allow source updates for
existing chatbots

03

Businesses faced challenges managing multiple chatbots.

71%

of users struggled with parallel chatbot generation

20s

required for users to locate an existing chatbot

Provide an easier way for
chatbot creation and access

Provide an easier way for chatbot creation and access

Provide an easier way for chatbot creation and access

To meet business expectations and stand out in the market, we also needed table-stakes features like citations and differentiators like customization.

To meet business expectations and stand out in the market, we also needed table-stakes features like citations and differentiators like customization.

By conducting a competitive analysis, I aimed to identify features competitors offered that we did not to close critical gaps, and to surface unmet needs that ChatDoc Master could address to stand out. With limited technical resources, I prioritized features that were low-effort, high-impact for our MVP.

These insights shaped the five core features prioritized for the redesign.

Multi-source upload system

Data source updates

Clickable
citations

Chatbot customizations

Chatbot
sidebar

Multi-source upload system

Clickable
citations

Data source
updates

Chatbot customizations

Chatbot
sidebar

These insights shaped the five core features prioritized for the redesign.

Multi-source upload system

Data source
updates

Chatbot customizations

Clickable
citations

Chatbot
sidebar

OPPORTUNITY

How might we redesign ChatDoc Master to help business users create, customize, and update AI-powered chatbots without needing technical skills?

How might we redesign ChatDoc Master to help business users create, customize, and update AI-powered chatbots without needing technical skills?

IDEATION

My first step was to map out a user flow diagram to bridge research and implementation, ensuring each stage addressed user needs and competitive gaps.

My first step was to map out a user flow diagram to bridge research and implementation, ensuring each stage addressed user needs and competitive gaps.

This diagram outlines the redesigned end-to-end journey: from initial chatbot creation to customization, deployment, and updates, with the five core features integrated (highlighted in the flow).

My subsequent steps focused on incremental design iterations to tackle pain points while preserving development capacity and ensuring a smooth transition.

My subsequent steps focused on incremental design iterations to tackle pain points while preserving development capacity and ensuring a smooth transition.

Iteration 1

Iteration 2

Iteration 3

DESIGN

Introduced a tabbed interface for uploading multiple data sources of various types

RATIONALE

To support business users who often need to work with multiple files

Iteration 1

Iteration 2

Iteration 3

DESIGN

Introduced a tabbed interface for uploading multiple data sources of various types

RATIONALE

To support business users who often need to work with multiple files

Iteration 1

Iteration 2

Iteration 3

DESIGN

Introduced a tabbed interface for uploading multiple data sources of various types

RATIONALE

To support business users who often need to work with multiple files

IMPACT

To evaluate whether the redesign resolved pain points from the old design and validate new features, I conducted usability testing with 14 users—half testing the old design and half testing the new design.

Solving previous pain points

Solving previous pain points

Success rate for parallel chatbot generation increased by 57%.

Success rate for parallel chatbot generation increased by 57%.

Old

28.6%

Old

28.6%

Old

28.6%

Users located existing chatbots 6.4 seconds faster.

Users located existing chatbots 6.4 seconds faster.

Validating new features

Validating new features

Success rate for updating data sources was 100%.

Success rate for updating data sources was 100%.

100%

System Usability Scale score

increased by 8.5 points.

System Usability Scale score increased by 8.5 points.

System Usability Scale score increased by 8.5 points.

TAKEAWAYS

Working full-time in a fast-paced startup environment challenged me to grow not only as a designer, but also as a communicator and problem-solver.

Simplify the complex

Simplify the complex

Designing AI tools required making complex technology accessible. Taking the time to understand the technical concepts myself enabled me to present information in user-friendly language that caters to users with varying levels of expertise.

Communicate early and constantly

Communicate early and constantly

Throughout the design lifecycle, I maintained open communication with the development team to validate technical feasibility. This proactive collaboration ensured design-to-development alignment, allowing me to address potential issues early through quality assurance.

Turn constraints into opportunities

Turn constraints into opportunities

In a startup environment, constraints became opportunities for creativity. This experience taught me to find creative solutions while balancing user needs, technical feasibility, and business realities.

A big thank you to my team :)

Let's bridge the gap between people and

technology together.

© 2025 Made with ❤️ by Hedy Hui.

Let's bridge the gap between people and

technology together.

© 2025 Made with ❤️ by Hedy Hui.

Let's bridge the gap between people and technology together.

© 2025 Made with ❤️ by Hedy Hui.