Where AI lives in an institutional investment platform
The platform's AI lived on a separate chat page and answered every question the same way. I moved it into the surfaces where allocators and fund managers already work (the dashboard, reports, documents and meeting notes) and gave it two modes: analysis, for asking about what is on screen, and edit, for changing it with a review step. The composer (the box where users type to the AI), the two modes and the review step are now components in the design system, so engineers and AI tools build the next AI screen from them instead of drawing new ones.
The platform's AI lived on a separate chat page. I moved it into the screens where allocators and fund managers already work, with two modes: analysis, to ask about the screen, and edit, to change it.
- Role
- Senior Product Designer. Interaction design, working prototypes, delivery spec.
- Users
- Institutional allocators and fund managers: time-poor, sceptical of automation.
- Timeframe
- 2026, ongoing.
- Built
- In Claude Design on the current design system, handed to engineering through Claude Code.
01 — Context & my role
Allocators and fund managers use the platform for diligence, manager tracking and investment committee prep. Their work is documents, and the decisions carry real money.
AI had arrived as a separate chat page, one click away from that work. I was the designer of every place where users meet the AI. I audited the existing AI, decided where it should appear, designed how it behaves in each place, built coded prototypes and wrote the spec engineering built from.
I worked alongside the product team, who held the client relationships. Their conversations with clients showed where AI was most useful: helping users refine the reports the platform generates from its data. The feedback so far is qualitative, from those conversations.
The work is still shipping, so the figures are wireframes from the delivery spec, with invented labels. The composer, the box where users type to the AI, has its own case covering all its states: Composer spec.
02 — The problem
The audit and client feedback showed two problems, one about where the AI lived and one about how it behaved.
Problem A: AI as a destination
The AI chat before the redesign. The AI had its own item in the navigation and its own page, with one input box and nothing else. A user reading a report had to leave it to ask anything, and arrived on an empty page.
Using the separate chat cost the user three things on every question.
Problem B: one behaviour for two situations
Users came to the AI at two different moments, and each needs different behaviour.
Where the problem came from
03 — Constraints
Four conditions shaped the work: who set the direction, how many places the AI had to live in, what happened to anything the AI changed, and which copy of the design system could be trusted.
04 — Process
The work has gone through five stages so far. Each stage followed from what the previous one found; there was no fixed plan at the start.
05 — The solution
This section shows where the AI now appears in the platform, then how it behaves in each of its two modes, analysis and edit.
Entry points
In the proposed solution the AI appears in four places. On the dashboard, users ask questions that are not about one file. Inside a report, a document or meeting notes, the AI already knows which file the user has open, so they can ask about it without explaining what it is.
Previous work and proposed solution. In the previous work, each of the four surfaces sends the user to one chat page. In the proposed solution, each surface has its own entry point to the AI, so the user asks from the page they are working on and stays there.
Analysis mode
Analysis mode is for reading: comparing figures or checking a report. The composer is shown on top of the page (the dashboard, a team view or a report) and already knows what is on it, so the user can ask straight away and carry on reading.
Asking a question never changes the page. For a longer conversation, the user can expand the composer into a full chat that stays attached to the page. Every answer shows its sources: allocators and fund managers make decisions with real money, and an answer they cannot check is worse than no answer.
Analysis mode. When the user is reading a report, they don't need to leave the page. The AI is already in context, attached to this report, and helps with whatever they need while they read, without changing the report.
Why: It lives here because reading the report is the task the user is doing.
Edit mode
Edit mode is for when the user is changing their work. They are building a report, a document or meeting notes, and need help refining parts of it.
The user opens it from the toolbar of the file they are editing. Inside edit mode there are two ways to edit, and both are open at the same time. Inline, the user refines the AI output line by line, right in the text. In the edit chat beside the file, they describe a larger change in their own words, and the AI proposes it in the chat, where they accept it. Either way, the user sees the new wording next to the original before anything changes. Nothing is saved until the user has reviewed it, and every accepted change is saved as a version they can go back to.
Edit mode works the same way in reports, documents and meeting notes, so users learn it once.
Inline edit, inside edit mode. The report and the meeting notes are AI output. With edit mode open, the user refines them line by line: the AI suggests a new line over the old one, and the user accepts it or keeps their own.
Why: Other people act on these files, so the user decides on each line before it becomes the record.
Edit chat, inside edit mode. In the same edit mode, the edit chat sits beside the report. The user describes a change, the AI proposes it in the chat, old line against new, and the user accepts it there. The report updates once the change is accepted.
Why: The request, the proposal and the decision stay in one place, so the report stays clean while the user works through a larger change.
Both modes share one composer. Its context tags and all twenty-six states are in the Composer spec case.
06 — Mapped for AI
The patterns from this case are now part of the design system, written so that AI tools can follow them.
Most new screens on this platform are first generated by AI tools. Because the composer, edit mode and the review step are components with rules, a generated screen uses them and never draws its own chat box. Four parts of the design system make generated screens follow these patterns. Three of them existed; the fourth, an automatic check, was missing.
How the design system is written so AI can follow it is its own case: Design system. Building that missing harness for other teams is now one of my services: Audit design system.
07 — Impact
The surfaces are still rolling out, so there are no usage numbers yet. The gains below describe what the design changes for users; adoption and time-to-answer are being measured.
Expected gains
08 — What I learned
Three lessons, two about the product and one about the practice: where AI goes, why it needs two modes, and what was not mine to build.
09 — What this case doesn't cover
The work is live and unfinished, so some things can't be shown yet. These are the gaps this case leaves open, and why.
Let’s build AI into a product with the structure to grow it.
Adding AI changes how a product behaves as well as how it looks. I design where the AI appears, specify every state it can be in, and leave components with rules that the team can build on.
Let’s talk