Senior Design LeadJUN 2020 – DEC 2022Remote
Morgan Stanley
Institutional research read by the world's largest asset managers. I led UX for the Research Portal and the AskResearch assistant, including the moment it stops answering and hands the client to the analyst who wrote the call.
Client work under NDA; figures as stated in my résumé; all screens and diagrams recreated for this portfolio.
Context
One library, two ways in.
Morgan Stanley Research publishes daily, and the Research Portal held all of it. Yet clients and analysts still ran on email, phone and Symphony, billed per interaction, conversations scattered across tools with no way to hold a group thread.
AskResearch and the portal were two ways into the same library, one built for browsing, one built for asking. As Senior Design Lead, remote from June 2020 to December 2022, I owned UX strategy across both and built the design system that outlived them.
The Morgan Stanley Research Portal home, recreated live: top navigation with the Morgan Stanley Research wordmark, My Feed, My Collections, Themes, Asset Classes and Tools; a gold banner reading Morgan Stanley's Core Views: CIO Brief; a centred search bar; the Morning Summary feed with geography tabs from Macro to EEMEA and five tagged research rows with authors, dates and page counts; and the expanded AskResearch chat rail: the chats list with the digital assistant and two senior analysts, the assistant's morning greeting, an intro video thumbnail and a question composer. A dark feedback pill sits at the bottom left.
Research
Everything existed except the conversation.
These are findings: what clients and analysts told us, not outcome metrics. Communication was analyst-initiated and ran over email (the team's estimate put 75 to 90 percent of it there), and most of what arrived was small: “80–90% of client inquiries are short and require 2–3 sentence responses from the team.”
Analysts named the missing increment: “we got the articles, emails, calls, podcast, but no chat.” Bloomberg, the benchmark everyone cited, was found limiting (a new window per group chat, two invitees at a time), and lead analysts wanted triage, not the firehose: “allow my team to help respond.” Synthesis clustered the findings into three themes: engagement and access, chat interaction, research integration.
01 · ENGAGEMENT & ACCESS
“Different sector analysts in one conversation, scale engagement”
ANALYST INTERVIEW
“Group chat with lead analyst AND team, more people for a fast response”
ANALYST INTERVIEW
“Pick up where I left off, persistent across mobile & web”
CLIENT INTERVIEW
“Don't bombard the lead; let the team help respond”
CLIENT INTERVIEW
02 · CHAT INTERACTION
“We got the articles, emails, calls, podcast, but no chat”
CLIENT INTERVIEW
“Chat history = connectivity that email doesn't provide”
CLIENT INTERVIEW
“80–90% of inquiries are short: 2–3 sentence answers”
ANALYST INTERVIEW
“Bloomberg: command-line UI, 2 invitees, new window per group”
WORKSHOP
03 · RESEARCH INTEGRATION
“Connect with the analyst while reading the article”
CLIENT INTERVIEW
“Integrating research with the chat with my clients”
ANALYST INTERVIEW
“Chat with Analysts via AskResearch”
WORKSHOP
Problem definition
Three themes, sharpened into questions.
Synthesis collapsed the findings into three themes: engagement and access, chat interaction, research integration. Each was sharpened into how-might-we statements the squad could ideate against, specific enough to sketch to, open enough to argue with.
The workshop programme ran across the research organisation and fed both products, AskResearch and the Public Appearance Tool, which is why the artefact boards carry PAT themes alongside the assistant's.
Problem definition. Three research themes, each carrying two how might we statements, six problem statements in all, signed off by the squad. Theme one, automate and speed up the approval process: how might we optimize all stakeholder group approval workflows for various types of PATs, and how might we enable approvers to communicate PAT updates to submitters, respective approvers and FYI approvers. Theme two, modernize the UI and simplify the submission flow: a simple UI with minimal cognitive load, and transparency with proactive status updates. Theme three, access to submissions and communication: edit and tweak submitted PATs within strict time parameters, and surface past PATs through search with collaboration around submitted attachments.
THEME 1
Automate and speed up the approval process
Enhancing the PAT approval process through automation, accountability and improved communication to reduce delays, redundancies and errors.
HOW MIGHT WE
- 01
How might we optimize all stakeholder group approval workflows for various types of PATs? (sensitive topics, materials, media)
- 02
How might we enable approvers to communicate PAT updates to submitters, respective approvers and FYI approvers?
THEME 2
Modernize the UI, simplify the submission flow
Improving the usability and design of the PAT tool to enhance efficiency and reduce stress for analysts.
HOW MIGHT WE
- 01
How might we provide a simple UI with minimal cognitive load, clear language, guardrails, education and prepopulated data?
- 02
How might we provide transparency with proactive status updates, reminders and regional consideration for time zones and business units?
THEME 3
Access to submissions and communication
Improving functionality and collaboration within the PAT tool, focused on search and attachment approvals.
HOW MIGHT WE
- 01
How might we let submitters edit and tweak submitted PATs within strict time parameters and clear expectations?
- 02
How might we surface past PATs through search and provide collaboration around submitted attachments?
SIX PROBLEM STATEMENTS, SIGNED OFF BY THE SQUAD
Ideation
The room kept picking transparency.
Ideation ran in timed rounds, with tech, marketing, analysts and clients in the same room. Dot-voting did the filtering, and what kept surviving the votes was transparency: answers that show their source.
Ideation board from sprint two, the squad plus two clients, five minute timed rounds. The prompt: how might we optimize all stakeholder group approval workflows. Ten ideas in five numbered clusters, dot-voted by the room. Cluster one: transparent access review steps, one vote; visible workflow process, see who actually has the PAT, two votes; a where-is-your-package timeline, Amazon-style dots per stage, three votes. Cluster two: traffic light status, green approved, amber pending, red rejected, one vote; notify on every status change across desktop, Teams and email, two votes. Cluster three: add more approvers to Econ and Fixed Income groups, one vote; managers approve once, not before and after. Cluster four: chat for help, right inside the tool, one vote; a comments section on every submission. Cluster five: let the SA team check material in and out, one vote. The room picked transparency.
SPRINT 2 · SQUAD + TWO CLIENTS
HOW MIGHT WE OPTIMIZE ALL STAKEHOLDER GROUP APPROVAL WORKFLOWS?
1
Transparent access review steps
1 vote
Visible workflow process: see who actually has the PAT
2 votes
A where-is-your-package timeline, Amazon-style dots per stage
3 votes
2
Traffic light status: green approved, amber pending, red rejected
1 vote
Notify on every status change: desktop, Teams, email
2 votes
3
Add more approvers to Econ and Fixed Income groups
1 vote
Managers approve once, not before and after
4
Chat for help, right inside the tool
1 vote
Comments section on every submission
5
Let the SA team check material in and out
1 vote
TIMED ROUNDS, DOT-VOTED: THE ROOM PICKED TRANSPARENCY
Visualization
Every grey box shipped as a screen.
The surviving ideas became wireframe flows, concrete enough for the squad to write the feature list against. Structure was decided while it was still cheap to change, and every grey box from these rounds shipped as a screen in the final designs.
The wireframes are also where the cut happened. An early concept put a personalised “for you” stream on the portal home; it tested as noise, since clients wanted the latest from the analysts they already followed. The stream became a follow list and an alert, and the home stayed a library door.
Four lo-fi wireframes of the AskResearch product, the structural drafts behind the final screens. Wireframe 1, portal home: a top navigation with wordmark, five links and avatar, a full-width banner strip, and a centred search pill annotated one input, two products; below, the Morning Summary with seven geography tabs and five article rows, the first row meta line annotated analyst and date before the abstract, and the docked AskResearch chat rail with three contacts, message bubbles, a video placeholder and a composer, annotated assistant docked, always present. Wireframe 2, AskResearch in chat: the Symphony window, a chats list beside a thread holding an incoming bubble, an outgoing bubble, a blue-outlined @AskResearch mention bubble annotated @ mention summons the assistant, a research result card with a header strip and three reports, each with checkbox, title, meta and rating, annotated every answer carries report, analyst, date, and a compact answer chip annotated weak match degrades to guided search, never a guess. Wireframe 3, mobile feed and assistant: a phone with an app bar, five filter tabs, two time bands and three research cards, a consent modal stub annotated disclosure gate before first question, and a floating assistant pill above the five-icon tab bar annotated assistant one tap from the feed. Wireframe 4, public appearance tool: the analyst profile header with avatar, name, role and an outlined pill, three appearance rows with date blocks and status pills, and a request card with a solid button annotated request appearance, routed to the analyst team. Every grey box here ships as a screen in the final designs chapter.
LO → HI · EVERY GREY BOX HERE SHIPS AS A SCREEN IN THE FINAL DESIGNS CHAPTER
Feature prioritization
Three to four epics made the MVP.
The candidate features, grouped into epics, went back to the room for a final round of dot-votes. Three to four epics made the MVP; everything else was sequenced behind it. The vote set sprint zero in motion, and the road to MVP was built hand-in-hand with the product owner.
Feature prioritization. The squad dot-voted the idea clusters: visibility on the approval process won 28 votes, editing capabilities 19, extended approver coverage 12, physical notifications 10, and search and historical access 5. The clusters rolled up into four epics: transparency and status, editing and withdrawal, notifications, and search and history. Three to four epics equal the MVP. The sprint plan: sprint zero starts epic one with 3 stories, sprint one delivers 5 stories, sprint two delivers 5 stories, and sprint three and beyond takes epic two.
DOT-VOTE TALLY · TOP CLUSTERS
- Visibility on the approval process28 VOTES
- Editing capabilities19 VOTES
- Extended approver coverage12 VOTES
- Physical notifications10 VOTES
- Search and historical access5 VOTES
EPICS
3-4 EPICS = MVP
- EPIC 1Transparency and status
- EPIC 2Editing and withdrawal
- EPIC 3Notifications
- EPIC 4Search and history
- SPRINT ZEROEpic 1 / 3 stories
- SPRINT 15 stories
- SPRINT 25 stories
- SPRINT 3+Epic 2
THE SQUAD DOT-VOTED; THE ROAD TO MVP CAME OUT OF THIS ROOM
The road to MVP in eight beats: user research, research themes, problem definition, ideation, visualization, feature prioritization of dot-voted epics, sprint zero, then sprints one to four and beyond: three to four epics made the MVP.
WORKSHOPS BEFORE WIREFRAMES · THE SQUAD DOT-VOTED EPICS, AND THREE TO FOUR MADE THE MVP
User flows
Every answer ends with its source.
The citation is not metadata, it is the interface. Discovery fails in the last inch, at the moment someone has to trust an answer enough to use it, so every answer names the report it drew from and links it. Where the model is least certain, exactly where the source matters most, weak answers degrade into a guided search rather than a confident guess.
Inside a human conversation the assistant is summoned, not switched to: type @AskResearch, autocomplete confirms the mention, and it answers in-thread, in front of everyone. When the question outgrows the model, the same thread escalates to the analyst or the sector team, and the meeting gets booked from there instead of over email.
Three AskResearch user flows. Flow A, ask inside any conversation: from the Research Portal chat rail, the floating mobile pill or a Symphony thread, the client opens or continues a thread, types an at-sign and picks @AskResearch from the autocomplete. On a strong intent match the assistant resolves against the research library and answers with either a cited research card (report, analyst, date and relevance rating, ticked and sent) or a structured data answer, posted in-thread with the source attached; on a weak match it offers guided search suggestions and the client refines the question, never a confident guess. Flow B, reach a human: a Chat with an analyst quick reply or a New Chat search by name or sector leads to a direct analyst thread or a sector group room, where the client, lead analyst and supporting team triage together, and both paths end with a meeting booked from the thread. Flow C, first run: opening AskResearch shows a disclosure gate for covered stocks and terms, and accepting reveals the welcome state with quick replies for Top picks, the podcast collection and chatting with an analyst.
FLOW A · ASK INSIDE ANY CONVERSATION
FLOW B · REACH A HUMAN
ENTRY POINT
QUICK REPLY: CHAT WITH AN ANALYST
OFFERED ON EVERY ANSWER
ENTRY POINT
NEW CHAT
SEARCH ANALYST OR SECTOR
DIRECT
DIRECT ANALYST THREAD
1:1 WITH A NAMED ANALYST
GROUP ROOM
SECTOR GROUP ROOM
CLIENT + LEAD ANALYST + SUPPORTING TEAM
TEAM TRIAGE, THE LEAD IS NOT BOMBARDED
MEETING BOOKED FROM THE THREAD
WITH THE ANALYST, IN CONTEXT
FLOW C · FIRST RUN
ENTRY POINT
OPEN ASKRESEARCH
PORTAL PROMO CARD · CHAT RAIL · MOBILE PILL
DISCLOSURE GATE
COVERED-STOCK DISCLOSURES · TERMS OF USE
WELCOME STATE
WHAT THE ASSISTANT CAN DO, UP FRONT
TOP PICKSPODCAST COLLECTIONCHAT WITH AN ANALYSTEVERY PATH ENDS IN A SOURCE, A PERSON, OR A REFINED QUESTION
The AskResearch flow in four steps, recreated as live screens inside the analyst's Symphony chat with client Harvey Specter. Step 1: Harvey asks for the latest on Apple and the analyst promises to send research. Step 2: the analyst summons the assistant by typing an @AskResearch mention with the command Show Apple Research. Step 3: the command is sent and AskResearch answers in-thread with an Apple Research card: three reports, each with a checkbox, title, byline (Katy Huberty and three others), date, and a match rating of one hundred or seventy-five percent. Step 4: a second mention asks for the Apple price and AskResearch answers with a compact card: Apple price $150.
Final designs
One assistant, three surfaces.
The assistant shipped where the conversation already lived: a docked rail on the portal that collapses to a launcher, the mobile app, and inside Symphony. The figures say more than another paragraph would.
Five recreated AskResearch mobile screens: a consent gate that puts the disclosure box and an Accept pill before the first question; the My Feed tab with filter tabs, time bands, research cards and the AskResearch launcher one tap away; a chat thread where typing an at-sign summons the assistant through an autocomplete card; the structured answer for Apple, Incorporated with analyst Katy Huberty, an Overweight rating and a 328 dollar price target; and a group chat connecting one client to the whole Food and Beverage team.
A Morgan Stanley research report page, recreated live: the dark utility bar with Chats, My Feed, Shortlist, Collections and Gutenberg; the research navigation; a promo carousel with the Chat with Analysts via AskResearch card highlighted in navy; a pick-up-where-you-left-off banner; the Global Insight article Global Technology Supply Chain and the Data Worth Watching with Katy Huberty's byline and share actions; a contents rail listing the report's sections; the alphawise audio introduction; the report body; related-content cards; and the docked chat with Katy on the far right.
The Public Appearance Tool on an analyst profile, recreated live: the portal navigation, a breadcrumb from Analysts to Katy Huberty, her profile header with role, coverage and a Following state, a list of three upcoming public appearances with dates and approved or pending statuses, and a request card with a navy request-an-appearance action.
Design system
The part that outlived the engagement.
Every colour token shipped with its WCAG contrast ratio against the page ground, movement never travels by colour alone, and the type scale holds a twelve-point floor for citations. The citation chip is the component I fought for longest: an AI answer without a visible source reads as a guess, and in a wealth context a guess is a liability.
The core set went out as a Figma library with tokens and docs, and the system was adopted across teams, cutting design-to-dev time by twenty percent. That is the number on this project I am most proud of, because it kept paying after I left the room.
Colour tokens from the research design system, each shown with its hex value, its role and the WCAG contrast ratio measured on the surface it ships on.
RESEARCH SYSTEM · COLOUR TOKENS · CONTRAST MEASURED ON THE SHIPPING SURFACE
- Ink / primary#1B1D22Primary text, headers16.27 · AAA
- Ink / muted#5C5860Secondary text, metadata6.71 · AA
- Action / alert#AE2F25Destructive, alerts6.27 · AA
- Positive delta#2E6B45Positive change, overweight6.13 · AA
- Data / link#315B7BData, links, citations6.96 · AA
- Attention fill#EF5522Attention moments only2.90 · rim required
MOVEMENT ALSO CARRIES ▲ ▼ AND A SIGN · NEVER COLOUR ALONE
Type scale at a 1.22 ratio: 32 pixel display, 25 pixel H1, 20 pixel H2, 16 pixel body minimum, 14 pixel small and a 12 pixel citation floor, with tabular figures on all data.
TYPE SCALE · 1.22 RATIO
- Q3 Outlook32 / DISPLAY
- Report title25 / H1
- Section heading20 / H2
- Body copy, sixteen minimum16 / BODY
- Abstracts and supporting detail14 / SMALL
- Citations, sources, twelve floor12 / CITE
TABULAR FIGURES ON ALL DATA
4,182.20 612.40 1,869.55
9,862.04 41.20 3,140.90
SCALE HOLDS TO 200% ZOOM WITHOUT REFLOW LOSS
Component inventory, core set drawn as grey glyphs: one search input shared by both products, the result card with attribution first, the citation chip every AI answer ships with, the answer card with its confidence meter, feed tags, the disclosure block every figure inherits, the 4 point spacing scale and the focus ring.
SEARCH
ONE INPUT, TWO PRODUCTS
RESULT CARD
ATTRIBUTION BEFORE THE ABSTRACT
CITATION CHIP
EVERY AI ANSWER SHIPS WITH ONE
ANSWER CARD
WEAK MATCH DEGRADES TO GUIDED SEARCH
FEED TAG
FOUNDATION · IDEA · UPDATE
DISCLOSURE BLOCK
INHERITED BY EVERY FIGURE
SPACING · 4PT BASE
4 · 8 · 16 · 24 · 32 · 48
FOCUS
RING 2PX, OFFSET 2 · MIN TARGET 44 × 44
HANDED OFF AS FIGMA LIBRARY + TOKENS + DOCS. ADOPTED ACROSS TEAMS · THE −20% NUMBER
Outcome
Three products shipped.
The Research Portal and AskResearch shipped, and the Public Appearance Tool followed inside the Analysts section in 2022: three products over a thirty-month engagement. A relationship that had run on billed interactions moved onto surfaces the firm owns, in front of a client base of more than a hundred thousand.
The assistant took the bottom of the inbox first: the short, repetitive inquiries the research had estimated at eighty to ninety percent of what clients send, the kind that need two or three sentences and a link. Each one the assistant resolved was an interruption an analyst never took, hours handed back to the research clients were actually paying for.
Clients stopped trading time for answers. What used to cost a billed phone call, or arrive as an email a day later, was answered at the moment of need, with the source attached. Meeting prep stopped being a last-minute hunt through documents; the thread already held the reports, the earlier answers and the context.
One thread replaced the five apps the conversation had been scattered across: Symphony, Skype, Slack, email, phone. Because the conversation now lived in one place, its history became institutional memory. A new joiner could read what a client had asked and what they had been told instead of reconstructing it from other people's inboxes.
The citation-first model is what made the assistant viable in a wealth context: an answer that names its source is one compliance can live with and a client can check, and the weak-answer degradation protected that trust by refusing to guess exactly where a guess would be costly. The sector group room let a lead analyst scale through their team, triaging a shared thread instead of answering everything alone.
The design system outlived the engagement. The twenty percent cut in design-to-dev time compounded across every team that adopted the library and every surface that shipped after it, the Public Appearance Tool included. What I took with me: an AI answer is only as good as its citation, and if I ran this again I would prototype the weak-answer states first, not last, because the moments where the system is least sure are where trust is won or lost. That lesson is in Ripplux now, where every recommendation shows its evidence.