Skip to main content
UI Coach Logo
Advanced

Investment Portfolio Risk Explanation

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

Responsive web, Mobile2 to 4 hours

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.

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

Keep practicing

Advanced
Fintech

Guided Portfolio Rebalance

Design an investment review that proposes a diversified rebalance and requires informed approval before any order.

Responsive web4 hours plus
Data VisualizationTrust and Safety
Advanced
Fintech

First Stock Order Ticket

Design a stock trading flow that helps a new investor place and monitor one transparent market or limit order.

Responsive web4 hours plus
Information HierarchyData Visualization
Intermediate
Fintech

Personal Finance Dashboard

Design a calm financial overview that connects spending, upcoming obligations, savings progress, and account health to useful next steps.

Responsive web2 to 4 hours
Dashboard DesignData Visualization
Intermediate
Fintech

Subscription Renewal Control

Design a subscription dashboard that reveals upcoming charges, price changes, and cancellation steps before money leaves an account.

Mobile2 to 4 hours
Data VisualizationInformation Hierarchy
Advanced
Fintech

Freelance Income Cashflow Forecast

Design a cashflow forecast that turns irregular invoices, expected payment dates, recurring costs, and tax set-asides into transparent scenarios.

Responsive web2 to 4 hours
Data VisualizationForms
Advanced
Fintech

Set Responsible Betting Limits

Design account controls that let an adult set spending and time limits, review activity, and activate a protected break from betting.

Mobile4 hours plus
Trust and SafetyContent Design