Mava AI

Designing the tools behind Mava’s AI support.

The chat and the tools behind it.

I designed AI-assisted onboarding and customer support for Mava, from the chat customers see to the tools teams use to configure conversations, manage source content and test AI responses.

Customers needed a clear way to ask for help. Support teams needed to decide where requests went and what information the AI could use.

Routing a request.

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.

Teams could also enable AI assistance within the flow.

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

Keeping support information up to date.

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.

Reviewing 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.

Editing source content.

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.

Testing AI responses.

The testing view put a question, the AI’s response and the available source content in one place.

When an answer needed work, teams could edit an existing source or add a new one from the same view.

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.

Adapting the chat widget.

Teams could add their logo, set colors and choose a light or dark appearance. Custom links gave customers access to documentation and community resources.

Customers could choose a resource or start a conversation from the widget.

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