Financial advisors lose hours every week triaging service requests across disconnected tools. This is the end-to-end design process behind a unified case management system — turning operational chaos into a single, prioritized, actionable queue.
Before any sketching, I embedded in the workflow. I shadowed 6 financial advisors and 4 ops associates across two days, then conducted structured interviews. The findings challenged every assumption I had brought into the room.
| PRINCIPLE | IN PRACTICE | PRIORITY |
|---|---|---|
| Triage first | The first thing an advisor sees must answer: "what do I work on right now and why." Global context before case detail — always. | Critical |
| Priority is triply encoded | Never rely on a single visual signal for urgency. Color + age + SLA status = redundant encoding. If one is missed in a scan, the others catch it. | Critical |
| Shared surface, dual persona | Advisors and ops associates must both live in this tool without separate interfaces. One mental model, progressive disclosure of role-specific detail. | High |
| AI as signal, not substitute | AI surfaces recommended next actions — it never initiates them. Every suggestion requires a human decision point before anything executes. | High |
| NEED | FINANCIAL ADVISOR | OPS ASSOCIATE |
|---|---|---|
| Primary question | "What needs my attention today?" | "What is blocked and why?" |
| Time horizon | Today's queue, this week's SLAs | Current task, escalation path |
| Key anxiety | Client relationship damage from delays | Incomplete instructions, re-work |
| Decision type | Prioritize, escalate, communicate | Execute, verify, document |
| AI usefulness | Recommended next action, client update drafts | Missing doc detection, compliance flags |
| Audit need | Case status for client-facing updates | Full activity trail, timestamps |
I mapped four flows: the daily triage loop, the case lifecycle from open to close, the escalation exception path, and the ops handoff. Every flow had to be a first-class design concern — not just the happy path.
| STATE | TRIGGER | VISUAL ENCODING | NEXT STATES |
|---|---|---|---|
| Open | Case created by advisor or system | Blue pill · No age warning | In progress, Escalated |
| In progress | Ops associate claims case | Amber pill · Age clock starts | Pending approval, Escalated |
| Pending approval | Requires senior review or compliance | Purple pill · SLA continues | In progress, Escalated, Resolved |
| Escalated | SLA threshold crossed or advisor flags | Red pill + red age text + ⚠ | In progress, Resolved |
| Resolved | All actions complete, advisor confirms | Green pill · SLA clock stops | Reopened (exception) |
Before touching a single component, I mapped the full IA. The navigation had to serve both advisor and ops associate without mode-switching — one coherent structure, with progressive disclosure handling the role-specific depth.
| NAV ITEM | PRIMARY USER | BADGE LOGIC | DISCLOSURE LEVEL |
|---|---|---|---|
| Case queue | Both | Count of open cases; red if ≥1 SLA at risk | Full — always visible |
| Clients | Advisor | None unless a client has a flagged case | Full |
| Accounts | Advisor | None standard | Full |
| Requests | Advisor | Count of pending digital requests | Full |
| SLA analytics | Ops / Team lead | Red if team SLA health <85% | Progressive — summary by default |
| Workflows | Ops | Count of stalled workflow steps | Progressive — template detail on demand |
| Documents | Both | Count of pending signatures | Progressive — list view default |
| TIER | ZONE | VISUAL TREATMENT | RATIONALE |
|---|---|---|---|
| T1 · Primary | KPI strip (Open, SLA risk, Avg resolution, Digitized %) | Largest type, full-width, always above fold | Situational awareness before triage — the advisor needs global context before local action |
| T2 · Secondary | Case list with priority dots + age signals | Priority dot · Bold case name · Status pill · Age coloring | Triage surface — the primary work zone. Everything competes only with other cases, not chrome |
| T3 · Tertiary | Tab filters (Assigned to me, Escalated, SLA at risk) | Mono labels, understated unless tab is active | Narrowing tools — available but should not compete with the case list itself |
| T4 · On demand | Case detail panel (AI insight, SLA bar, timeline, fields) | Slides in over list, full panel — detail replaces scanning | Progressive disclosure — revealed only when advisor has committed to a case. Depth without noise. |
In a multi-team platform like Wealthscape, component decisions are architectural decisions. Every component I design either extends the existing system or creates a precedent that other teams will follow. I treat components as contracts, not screens.
| ELEMENT | FUNCTION | DESIGN RATIONALE |
|---|---|---|
| Insight label "✦ Assistant" | Source attribution | Advisors must always know when output is AI-generated vs. system-derived. The ✦ glyph is the AI marker across the entire design system. |
| Prose explanation | Reasoning, not just recommendation | Advisors who understand why an action is recommended are more likely to make the right call when the AI is wrong. Explanation builds calibration, not dependency. |
| One-click action buttons | Reduce friction to zero for recommended next steps | The buttons are labeled with the action, not "confirm" — "Send DocuSign reminder" not "OK." Specificity prevents mis-taps. |
| No auto-execute | Human always in the loop | In financial services, an automated action on a wrong AI read is an AUM-risk event. The system surfaces the path; the advisor walks it. |
| COMPONENT | EXTENDS | NEW TOKENS INTRODUCED | USAGE GUIDANCE |
|---|---|---|---|
| Priority dot | Existing status indicator family | None — uses existing red/amber/green semantic tokens | Use only for categorical priority. Never for status state (use pill instead). |
| SLA health bar | New — contributes to progress bar family | sla-track, sla-fill-{on-track, monitor, at-risk} | Three-state only. Do not add states without design system review. |
| AI insight card | New — contributes to AI disclosure family | ai-assistant-glyph, ai-action-button | Always include reasoning prose above actions. Never surface action buttons alone. |
| Activity timeline | Extends audit trail pattern | tl-dot-{neutral, info, success, error} | Chronological only, newest first. Human and system events share the same track. |
This is the production-fidelity prototype. Click any case row to open the detail panel — the AI insight, SLA health bar, case metadata, and activity timeline are all live and interactive. The detail panel slides in from the right, preserving the list context behind it.
A prototype is a hypothesis made tangible. Here's what this design proves, where the open questions live, and how I'd approach validation in a live agile sprint.
| HYPOTHESIS | METRIC | VALIDATION METHOD |
|---|---|---|
| KPI strip reduces time-to-first-action in triage | Time from queue load to first case open | Task-based usability test, compare to current baseline |
| Triple-encoded priority (dot + age + pill) is faster to scan than text labels | Triage accuracy at 20 cases; time per decision | 5-second test; compare with/without dot encoding |
| Slide-out panel preserves list context vs. drill-in navigation | Number of cases reviewed per session; navigation errors | A/B test in Pendo; track case-open events |
| AI insight + one-click action reduces per-case handle time | Avg time from case open to action taken | FullStory session analysis; pre/post sprint comparison |
| SLA three-state system drives action at the right threshold | SLA breach rate; advisor response time when bar enters amber | Analytics instrumentation; 30-day cohort analysis |