Mava AI

Making AI support easier to set up and manage.

Designing both sides of support.

I designed AI-assisted onboarding and customer support workflows for Mava. The work connected the customer-facing chat experience with the tools support teams needed to configure conversations, manage information and test AI responses.

The challenge was to make the first interaction clear for customers, while giving teams practical control over what happened behind it.

A clear route to the right help.

The chatbot builder used preset messages and branching buttons to guide requests toward the right agent. Teams could configure categories, priorities and assignments within the flow, then set a handover message so customers knew what to expect next.

AI assistance could be enabled when needed, alongside the configured support journey.

Mava chatbot builder showing a welcome message, branching support options, agent assignment and a handover message.
Configuring the conversation and handover.

Keeping the knowledge behind the AI current.

Support information changes. The knowledge-base design gave teams a way to add, review and edit the information available to the AI, with sources ranging from PDFs and web pages to community spaces such as Discord.

Manage the sources.

The source list brought page status, last-update information and refresh controls together, so teams could see what was available and what needed attention.

Mava knowledge-source list showing website entries, page counts, last-updated information and refresh controls.
Source management.

Edit the information itself.

Searchable content blocks let teams inspect and update the information inside a source. Creator and last-editor details showed who maintained the content and when it was last edited.

Mava knowledge-content editor with searchable source blocks, an expanded text field, and creator and last-editor information.
Reviewing and editing source content.

Test an answer. Know what to change.

Adding information was only part of the workflow. Teams also needed a way to inspect the answers it informed. The testing view paired a question and AI response with the available source content.

If an answer was not what the team expected, the interface pointed them toward a concrete next step: edit an existing source or add a new one. Testing and knowledge management became parts of the same workflow.

Mava AI testing view showing a question and response, available Google Docs and Discord sources, and actions to add or edit source information.
Testing responses alongside available sources.

A chat experience that fits the product.

The embedded widget needed to work within different brands. Custom logos, colors and light or dark styling let teams adapt its appearance, while custom links gave customers a direct route to documentation or community resources.

The entry point could offer both self-service resources and a conversation, giving customers a choice of how to get help.

Three annotated Mava chat-widget design examples showing custom branding, resource links, preset replies, and light and dark appearances.
Original widget customization examples.