Skip to main content
UI Coach Logo
Back to challenges
Hard

Investment Portfolio Risk Explanation

Design a portfolio view that explains concentration, volatility, time horizon, and scenario uncertainty without giving personal investment advice.

Responsive web, Mobile

The brief

Understand the problem

Background

Portfolio apps often compress risk into a single score. That can hide whether exposure comes from one company, one market, short-term volatility, or a mismatch with the investor's stated time horizon.

User context

Naomi has invested for three years and notices that technology shares now make up most of her portfolio. She wants to understand the implications before speaking with a licensed adviser.

Product problem

Naomi needs an honest explanation of what the available data can and cannot say, with enough detail to identify questions rather than prescribe trades.

Objective

Create portfolio overview, risk factor, scenario, and terminology states that make uncertainty and concentration understandable.

What to design

Define the experience

Required experience

  • Review overall allocation and data freshness
  • Identify the largest contributors to concentration risk
  • Explore a clearly labeled historical scenario
  • Save questions and export context for an adviser conversation

Screens and states

  • Portfolio risk overview
  • Concentration factor detail
  • Scenario explorer
  • Glossary and adviser summary

Core user flow

Follow the critical path

  1. 01

    Naomi sees that one sector drives 54 percent of her equity exposure

  2. 02

    She opens the sector detail and traces the figure to four holdings

  3. 03

    A historical downturn scenario shows a range rather than a forecast

  4. 04

    She saves two questions and exports the holdings snapshot used

Product rules

Requirements and constraints

Requirements

  • Define each risk measure beside the value
  • Show source date, missing holdings, and currency basis
  • Separate historical behavior from forward-looking scenarios
  • Use accessible charts with tables and direct labels
  • Provide context for an adviser discussion without recommending a transaction

Constraints

  • Scenarios are illustrative and cannot predict returns
  • Risk tolerance cannot be inferred from holdings alone
  • Market prices and fund compositions may update at different times

Reality check

States worth considering

One holding lacks sector data
A private asset has no current valuation
The portfolio spans several currencies
A new portfolio has insufficient history
A leveraged product changes the risk profile

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Risk factors

  • Technology exposure: 54 percent
  • Largest holding: 19 percent
  • Foreign currency exposure: 28 percent
  • Cash: 7 percent
  • Holdings with stale prices: 1

Finish line

What to deliver

  • Four responsive screens with accessible chart alternatives
  • A concise risk-language guide for uncertainty and historical scenarios

If you want more

Optional extensions

Compare current allocation with a user-defined target
Add a version for a portfolio shared with an adviser

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#1B1A1A
#E9C5B7
#716561
#8B8C8A
#8C848C
Font pairing
Alfa Slab OneCoustard

Alfa Slab One & Coustard

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Theory to review

UX principles for this brief

Use these as decision lenses, then validate the design with the people and context in the brief.