Home About Resume
Web App ยท AI Feature ยท Enterprise System ยท WMS

AI Navigator: Intelligent Financial Assistant for Wealth Management

Financial professionals were spending hours manually piecing together client data before every meeting. I designed a conversational AI layer that makes complex portfolio analysis feel like a natural conversation โ€” embedded inside an enterprise platform already in production.

RoleUX / UI Designer
PlatformWeb App
TeamCross-functional
Confidentiality๐Ÿ”’ NDA Active
Back to Work
01 โ€” Overview

The Cost of Fragmented Financial Intelligence

Wealth management is a data-intensive discipline โ€” relationship managers need to synthesize a client's portfolio allocation, recent market movements, risk exposure, and personal goals before every interaction. In practice, this meant opening four different platforms, exporting Excel files, and spending the better part of an hour piecing together a coherent picture.

This wasn't a software problem. It was a cognitive load problem. The data existed. The insights didn't โ€” not in any accessible form. AI Navigator was built to close that gap.

Design premise: The most powerful financial AI isn't one that replaces the advisor's judgment โ€” it's one that removes every barrier between their question and the answer they need to serve a client well.

Three core goals

  • Data Simplification โ€” collapse fragmented client data and market indicators into a single, readable narrative
  • Decision Velocity โ€” reduce manual portfolio analysis time from hours to seconds through conversational AI
  • Fluent Insights โ€” bridge the gap between raw financial metrics and clear, actionable language

The product context

AI Navigator is an embedded feature within WMS โ€” an enterprise wealth management platform serving relationship managers and financial advisors at an institutional level. The AI had to feel native to the existing platform, not bolted on.

The design challenge wasn't just conversation UX โ€” it was integrating an AI layer without disrupting the established workflows of experienced professionals.

40%
Faster Portfolio Analysis
3
Core Interaction Models
7
Design Sections
โœ“
Enterprise Ready
02 โ€” Empathize

Understanding the People Behind the Portfolios

Before any screen was drawn, I needed to understand how financial professionals actually worked โ€” not how they were supposed to work. The gap between documented process and lived behavior is where the real design opportunities live.

Target Users

Relationship Manager
Relationship Manager
Client-facing ยท broad portfolio view
"I spend 40 minutes before every client call just pulling things together. By the time I'm ready, half my energy is already spent."
  • Needs a complete client picture quickly โ€” goals, portfolio health, recent changes
  • Less technical; values narrative explanations over raw numbers
  • Switches between 3โ€“4 platforms per client meeting prep
Financial Advisor
Financial Advisor
Analysis-focused ยท market strategy
"I can read a portfolio in seconds, but explaining what I see to a client in plain language takes longer than the analysis itself."
  • Deeply technical; needs speed and precision, not simplification
  • Primary pain: translating complex analysis into client-friendly language
  • Values control โ€” doesn't want AI that makes decisions, only one that informs

Three Pain Points That Shaped Everything

Fragmented Data Overload

Professionals juggle multiple platforms to build a complete client view. No single source of truth existed โ€” every meeting prep was a manual assembly process.

Manual Analysis Bottleneck

Preparing for a client meeting required extensive manual work โ€” exporting data, opening Excel, cross-referencing market conditions. Time-consuming and error-prone.

Client Communication Gap

Explaining volatile market conditions or portfolio shifts to non-expert clients is difficult. Mistakes in translation damage trust โ€” and trust is the product in wealth management.

What this meant for design

Every pain point pointed to the same root cause: intelligence was trapped in data. The AI's job wasn't to add more information โ€” it was to make existing information instantly legible and actionable.

03 โ€” Define

One Question That Focused Everything

"How might we help financial professionals quickly understand client financial conditions and market situations in a more intuitive and efficient way?"

This HMW statement did a specific job: it ruled out solutions that only solved part of the problem. "More data" wouldn't help โ€” the data was already there. "Better dashboards" wouldn't help โ€” the issue was synthesis, not display. The answer had to be a new mode of interaction entirely.

What "intuitive" means in an enterprise context

For a consumer app, "intuitive" means obvious to a first-time user. For a wealth management platform used daily by trained professionals, "intuitive" means it fits the mental model they already have โ€” asking questions the way they already think about client portfolios, receiving answers that match the language they'd use in a client meeting.

This distinction shaped every conversation design decision: responses aren't written for general audiences. They're calibrated for people who know what IHSG and YTD and basis points mean โ€” and who need that information fast.

04 โ€” Ideate

Three Interaction Models, One Coherent Experience

The ideation phase surfaced three distinct ways the AI could add value โ€” and crucially, why each was worth building as a distinct pattern rather than folding everything into a generic chat interface.

โœฆ

AI as Financial Co-Pilot

Moving beyond a passive dashboard โ€” the AI proactively surfaces relevant insights before the user asks. Patterns in a client's portfolio that signal risk. Market events that affect their allocation. The advisor stays one step ahead of their clients.

๐Ÿ’ฌ

Chat-Based Interaction

Querying complex financial data sets through natural language โ€” without needing SQL, custom reports, or platform-switching. "What's Mira's current portfolio performance vs. her 6-month goal?" becomes a 3-second answer instead of a 15-minute process.

โ‰ก

Context-Aware Intelligence

The AI synthesizes live market conditions with a specific client's portfolio allocations to generate advice that's actually relevant to that client โ€” not generic market commentary. This is the hardest problem and the highest-value one to solve.

Why not just build a chatbot? A generic chatbot would have answered questions. What was needed was a system that understood who was asking, what client they were looking at, and what context was already on screen โ€” and could respond accordingly. The three models above each required different data connections and different response formats.

05 โ€” UI Design

Enterprise AI Design System

The visual language had to do two things simultaneously: feel technically capable (this is serious financial software) and feel approachable (the AI has to invite use, not intimidate). Those tensions shaped every decision โ€” from color to typography to how the AI response card is structured.

Design system foundations

Color Palette
#2563EB
Primary
#F9FAFB
Neutral
#0F172A
Deep Naval

Blue conveys reliability for interactive AI elements, while Deep Naval creates a distinct visual boundary for conversation surfaces. Neutral tones ensure a clean reading experience for dense data.

Typography
Inter
Aa Aa

Three interfaces, three questions answered

The AI Navigator was designed around three distinct query types โ€” each with a different information architecture, response structure, and follow-up pattern. These aren't three separate features; they're three answers to the same question: what does a financial professional actually need to ask?

01
Financial Health & Portfolio Allocation (Not real customer)
Query: "Bagaimana kondisi pasar saat ini?"
Financial Health & Portfolio Allocation
Financial Score card + Executive Summary
The response opens with a Financial Score (7.2 / "Cukup Baik") and an Executive Summary dated 14 March 2026 with four categorized insights: Emergency Fund (needs attention), Posisi Utang (healthy), Neraca Keuangan (stable), Savings Rate (needs improvement). The advisor gets a structured assessment they can walk through with a client in under two minutes.
Financial Score breakdown
scored by category Six financial dimensions are scored individually: Net Worth 8.2, Cash Flow 7.8, Debt 9.0, Emergency Fund 1.8 (flagged red), Investment 7.6, Saving Rate 6.2 (flagged red). Color-coded On Track vs Needs Attention indicators make weak areas immediately visible without the advisor having to interpret raw numbers. This is the core design decision โ€” the AI converts multi-dimensional financial data into a single legible scorecard.
Rasio Keuangan grid
8 financial ratios with targets Net Worth Ratio 88.7% (target >50% ยท Sangat Baik), Cash Flow Ratio 92.5T (Sangat Baik), Savings to Income 22.4% (target 30% ยท Gap 7.6%), Debt Burden 0.01% (Sangat Baik), Emergency Fund 0.9 bln (target 3โ€“6 bln ยท Kritis), Liquidity Ratio 0.11% (Kritis), Investment Ratio 82.5%, Solvability Ratio 88.7%. Each ratio is paired with its benchmark and a status label โ€” giving the advisor a complete financial picture with clear talking points for the client meeting.
02
Market Indicators & AI Chat
Query: "Bolehkah saya melihat portofolio klien saya, Mirna? Bagaimana perkembangannya?"
Market Indicators & AI Chat
Market Context card
Bearish/Bullish sentiment tag with key indicators (IHSG, USD/IDR, BI Rate, Emas Antam) in a single scannable row. Designed so the advisor knows market sentiment before reading a single number.
AI narrative response
Prose summary in the user's language โ€” not a list of data points. The AI synthesizes the numbers into a coherent market story the advisor can relay directly to a client.
Indeks Pasar + Yield Curve SUN
dual market context panels Two supplementary panels appear below the narrative: Indeks Pasar (5-day) showing IHSG โˆ’1.02%, IndoBEX Gov Bond 275.10 โˆ’1.02%, LQ45 709.30 โˆ’1.02% with sparkline bars; and Yield Curve SUNโ€“IDR gov bond with tenor breakdown (1Y 5.76%, 3Y 6.23%, 5Y 6.51%, 10Y 6.85%, 20Y 7.10%, 30Y 7.22%). The yield curve AI note flags the inverted short-end pressure as a liquidity signal, not an inflation expectation โ€” giving the advisor an interpretation they can relay directly in a client meeting.
03
Portfolio Client Analysis (Not real Customer)
Full client portfolio breakdown with AI Insight tab
Portfolio Client Analysis
Three-tab navigation: Overview / Holdings / AI Insight
The AI Insight tab is the key design decision here โ€” it's a dedicated space where the AI generates a written analysis of the client's portfolio. Not raw data; a narrative interpretation the advisor can use directly in a client conversation.
Asset Allocation breakdown
Mutual Fund 65%, Bonds 35% โ€” displayed as a donut chart with Top Movers alongside (Schroder DP+ +12.3%, SBR013 +6.1%). Designed for the advisor to spot allocation drift at a glance without drilling into individual holdings.
Persistent disclaimer
"AI Wealth Navigator may produce inaccurate or incomplete information. Always verify independently before acting." Placed at the bottom of every AI response โ€” not hidden, not closeable. A deliberate trust signal in a high-stakes domain.
06 โ€” AI Interaction Design

Designing the Conversation, Not Just the Interface

Most AI UX work stops at the chat bubble. Real conversation design means thinking about what the AI says, how it says it, and what happens when it's uncertain โ€” because in financial services, a confidently wrong answer is worse than no answer at all.

How a real interaction works

Bagaimana kondisi pasar saat ini?
Kondisi pasar hari ini cukup menanatang. IHSG tertekan di sesi II dengan sentimen bearish, rupiah mendekati level psikologis Rp 1005. USD/IDR berada di 16,965 (+0.88%), BI Rate stabil di 4.75%. Emas antam turun 1.08% ke YTD -498.2 juta.

Market context: Bearish ยท Monday, 30 March 2026
Analisis portofolio Mira
Rekomendasi rebalancing
Risiko klien saat ini

Three things are happening in this one exchange that required explicit design decisions: the AI responds in the user's language (Bahasa Indonesia), it provides structured data with emotional context ("cukup menanatang" โ€” fairly challenging), and it immediately surfaces follow-up actions relevant to what the advisor would naturally want next.

The three AI interaction principles

Prompt-Driven Discovery

Users can ask specific questions about portfolio risks, performance gaps, or market exposure. The AI retrieves and synthesizes โ€” the advisor interprets and decides. Separation of roles was a non-negotiable design constraint.

Suggested Intelligence

Contextual quick-actions surface after each response, anticipating what a professional would naturally ask next. This reduces the cognitive effort of formulating queries and keeps the advisor in flow.

Human-Readable Insights

Complex volatility data, portfolio drift, and market condition shifts are translated into clear, professionally-calibrated language. The AI never oversimplifies for non-experts โ€” it translates for domain experts.

Transparent Limitations

Every AI response includes a disclaimer: "AI Wealth Navigator may produce inaccurate or incomplete information. Always verify independently before acting." This was an intentional trust design choice โ€” not a legal disclaimer buried in fine print, but a visible part of every interaction.

07 โ€” Outcome

What Was Built and Why It Matters

Metric Result What It Means
Portfolio analysis time 40% faster Pre-meeting preparation cut from ~60 min to under 40 min for a typical client review
Interaction models designed 3 distinct patterns Prompt-driven, suggested intelligence, and context-aware response โ€” each requiring different UX architecture
Design system scope Enterprise-grade Full UI system โ€” color, typography, components โ€” built to integrate with the existing WMS platform
AI response language Bilingual AI responds in the user's input language (Bahasa Indonesia and English) โ€” a conversation design requirement, not a feature
Trust architecture Visible by design AI limitations surfaced in every response โ€” not hidden in terms of service, actively present in the UI

What this project changed for me

AI Navigator was the first time I had to design not just for what the interface looked like, but for what the AI would say and when it would say it. Conversation design is a discipline entirely distinct from UI design โ€” the stakes are different, the failure modes are different, and the definition of "clear" is completely different when the content is dynamically generated.

It also reinforced a principle I hold strongly: the best AI features aren't the ones that do the most. They're the ones that do exactly what the user needed, exactly when they needed it โ€” and stay out of the way the rest of the time.