AI Xiaozhao conversational banking assistant backdrop
CMB · ENTERPRISE BANKING AI

AI Xiaozhao — China Merchants Bank

A conversational AI service layer for enterprise banking, designed to turn user intent into structured task cards, guided workflows, and business actions across web and mobile banking.

Role
UX Designer · AI Interaction
Team
CMB Network Technology · Experience Design
Timeline
2025–2026 · Enterprise design work and AI-native rebuild
Outcome
AI task cards, guided workflows and a reusable conversation system

Original work and AI-native rebuild

This case combines two stages: enterprise UX design work from 2025, and a 2026 AI-native reconstruction built as an interactive coded case study.

The rebuild turned a past enterprise project into the coded case study you are viewing now — reorganising the product logic and rebuilding key conversation flows as clickable components, so readers can explore states, interactions, and feedback directly.

  1. 2025 · Enterprise UX design
    • Owned the task-oriented conversational UX, from intent recognition to task completion
    • Defined reusable card patterns, interaction states, and cross-platform handoffs
    • Worked with product and developers to translate requirements into implementation-ready flows
  2. 2026 · AI-native reconstruction
    • Reframed the original project into a portfolio-safe interactive case study
    • Rebuilt key interactions as clickable components with coding agents
    • Reorganised the work into reusable conversation patterns and system rules

Context

In enterprise banking, the users are employees of China Merchants Bank’s corporate clients, for example someone making a payment to a supplier. They do not only ask questions. They need to complete regulated, multi-step tasks across web banking, mobile apps, permissions, forms, images, and business rules. AI Xiaozhao was designed as a conversational service layer that recognises intent, structures information, guides users through business actions, and connects AI assistance with existing banking workflows.

A simple chatbot response was not enough for enterprise banking scenarios. Users often needed to confirm permissions, fill in missing fields, upload materials, read system results, and move between U-Bank, mobile app, and external configuration pages.

The design challenge was to make AI assistance actionable: turning user intent into structured cards, guided steps, and task-specific business flows.

User intent
Corporate user · U-Bank
“I need to pay an overseas supplier before Friday — here’s the invoice.”
Users ask questions, describe tasks, upload documents, and start business requests.
Conversational service layer
CORE

AI Xiaozhao

Recognises intent
Structures information
Guides next steps
Connects to workflow
Actionable support
01
Structured task card
Turns intent into pre-filled fields, status, and clear next actions.
02
Guided workflow
Provides step-by-step prompts shaped by roles, rules, and missing information.
03
Cross-platform execution
Connects the task across U-Bank, mobile, and linked business systems.
works acrossU-BankMobile appPermissionsFormsDocumentsBusiness rules
Fig. 1 — AI Xiaozhao sits between user intent and the bank’s existing systems, turning a sentence into structured, executable support.

Design challenge

From answer to action, the challenge was to make AI assistance actionable — recognising intent, structuring the response, guiding the next step, and handing the task back to the right banking workflow.

The table shows how AI Xiaozhao shifted from answering questions to supporting regulated banking tasks.

ShiftBeforeWith AI Xiaozhao
IntentUsers had to find where to start.AI recognises the task type.
StructureAnswers were text-heavy and easy to lose.Responses become structured, actionable cards.
HandoffThe conversation could end before task completion.The task moves into the appropriate banking workflow.

Card system

AI Xiaozhao's responses were structured into reusable card patterns for intent recognition, form assistance, query results, guided flows, status exceptions, and handoff actions.

The explorer below turns those patterns into an interactive demo. Try it: ❶ Select a capability tab → ❷ Switch platform context → ❸ Try a preset request. Watch how the AI response and design rationale change together.

What can I do with this invoice image?
Invoice detected

We found key invoice fields and suggested next actions.

Vendor
Acme Trading Co.
Amount
¥3,820.00
Date
2025-05-12
Tax ID
91440300MA5G1J2Q9X
Purpose
Turn ambiguous user intent into immediate next actions, not a generic chatbot reply.
Used when
A user asks a broad question, uploads a document, or describes a task that could lead to several possible banking actions.
Design rule
Lead with what the user can do next. Show action options first, and keep recognised information as supporting evidence.

Design impact

  1. 01
    Reusable interaction patterns

    Established a coherent interaction system across query, form, image, result, confirmation, permission, and exception states.

  2. 02
    Scalable scenario design

    Turned recurring banking tasks into reusable card and interaction patterns rather than isolated screens.

  3. 03
    Conversation-to-action handoff

    Defined how conversational intent moves into formal banking workflows while preserving task context.

The project shifted AI Xiaozhao from a support chatbot toward a task-oriented service layer inside enterprise banking.

Reflection

This project taught me that enterprise AI design is not about making a chatbot feel smarter. It is about deciding where AI should explain, where it should structure information, where it should ask for confirmation, and where it must hand over to formal business systems.

At the same time, structured cards cannot simplify everything. In banking, some tasks require complete information, full records, explicit terms, permission checks, or human confirmation. A card can reduce cognitive load, but it should not hide complexity that matters for safety, trust, compliance, or accountability.

In regulated banking scenarios, AI Xiaozhao cannot simply 'complete everything'. Its value is to help users understand what is happening, recover from missing information, and move from conversation into the right workflow — without pretending to replace the formal systems behind it.