Kate Shaw
← All work
Fintech · Design sprint · Web & mobile · 2023

Making complex information understandable and actionable

Swissquote wanted customers to invest in line with their values. When we surveyed the company's own staff, only 30% felt confident about the ESG information already on screen. I designed and facilitated a design sprint to work out how to explain ESG scores well enough that people would act on them.

My role Lead Product Designer · sprint design & facilitation
Method Design sprint · survey · user tests
Scope Full quote · scanner · portfolio
Outcome ESG trading shipped to all web & mobile customers

Swissquote already offered "passive" ESG investing: sustainable ETFs, funds and themes, where the customer buys a ready-made product and never chooses which values they want exposure to or which activities they'd rather exclude. The goal of this project was active ESG investing: letting clients pick individual stocks in line with their own ESG values. Only one competitor across the Swiss, EU and US markets offered anything like it, and it was a route to a younger, more values-conscious client base.

I was the lead product designer on the trading platform, and I designed and facilitated the sprint that kicked the project off.

Four how-might-we notes from the kickoff board: communicate what ESG is so customers can trust scores and flags; inspire customers to trade more using ESG scores; promote the feature to public users; show the flags in a customer's portfolio. Each with the ideas clustered beneath it
The four how-might-we questions the team voted for, with the ideas clustered under each. The first one became the sprint.

How might we communicate what ESG is, so that customers can trust scores and flags and find them useful enough to inspire trades aligned with their values?

The tactical objective was simple to state: let clients take investment decisions based on ESG ratings. The hard part was underneath it. Customers weren't sure what an ESG score meant, how it was calculated, or whether it could be trusted, and a score you don't trust is a score you won't trade on. Two words did most of the work in the sprint: transparency on how scores are calculated, and education on what they mean and how to use them.

What the survey told us

Ahead of the sprint we ran a survey through Swissquote's Gland office: 90 responses from 793 staff (an 11% participation rate, 95% confidence, ±9.75% margin). Many of them are retail investors on the platform themselves, and it was the fastest way to get a baseline before testing with customers. The headline was that most people already cared, but few trusted what they were being shown.

30%
felt confident about the ESG information displayed
60%
wanted non-matching companies flagged, not excluded
57%
wanted a list of top ESG performers as inspiration
71%
knew an agency scores companies on ESG criteria
19%
said ESG would currently inform a trading decision
60%
expected to find ESG inside the trading platform

The rest of the picture: 53% considered it important to invest in companies matching their values, 42% did their own research before investing, 20% dismissed ESG information entirely, 49% would consider excluding companies that didn't match their beliefs, and 29% would consider selling positions flagged as misaligned. Where people expected to see it: the full-quote page, search results and scanner filters, in roughly equal measure.

The survey results slide: 71% aware an agency scores companies for ESG, 53% consider values important, 19% said ESG would inform trading decisions, 30% feel confident about the displayed ESG information, 60% expect non-matching results to be flagged rather than excluded, 57% would find a top-performers list interesting
The results as presented back to the sprint team.

A remote design sprint, from problem framing to user tests

I built the sprint on the remote design-sprint format and ran it with product, engineering, research and the business, with competitor homework in between: how does each competitor handle product education?

1

Problem statement and framing

Tactical objective, who it's for, why now, agreed before anyone sketched.

2

How-might-we opportunities and vote

Dozens of HMWs, dot-voted down to the trust-and-usefulness question above.

3

Assumption smash

Three columns: things we know for sure, things we need to find out, things we need to validate with evidence. The survey answered the middle column.

4

Sketch eight ways

Rapid divergent sketching across the team, not just the designers.

5

Decide and storyboard

Converge on the concepts to prototype and map the customer's path through them.

6

Prototype and plan research

Prototype built with the user-research team briefed on what each screen had to prove.

7

User test sessions

Sessions with retail investors; findings folded into seven validated, locked user stories.

Assumption smash The assumption smash board: facts sorted into scope, data, customer insights and implementation; knowledge gaps we needed to find out; and assumptions that needed validating with evidence
Prioritisation matrix An impact versus effort matrix with every idea from the sprint placed on it, each tagged with the surface it belongs to, such as eTrading full quote, scanner, inspiration or account
What we knew, what we needed to find out, and what we had to prove; then every idea placed by impact and effort and tagged with the surface it belongs to.

Explain everywhere, flag don't exclude, stay out of the trade

Because the research said the problem was trust rather than awareness, most of what we explored was about explanation at the moment of hesitation:

  • Definitions on hover everywhere an ESG score or flag appears: never a score without a way to ask "what does this mean?"
  • FAQs, embedded and as pop-ups, including a plain-language explanation of how the score is calculated and by whom
  • A video explainer and worked examples of positive and negative impact: what "environmental criteria" actually look like in a company's behaviour
  • An interactive timeline concept: a well-known company's ESG history alongside the news that moved it, to show that scores respond to real events
  • A clear scoring rule: each stock scored across 11 positive-impact criteria, highlighted where it lands in the top 25%

Two research findings became design principles. Sixty per cent wanted misaligned companies flagged, not excluded, so the platform warns rather than hides, and exclusion is an opt-in filter for the 49% who wanted it. And nobody wanted to be lectured at the moment of trading, so the scores live where decisions are researched, not where they're executed.

Full quote: yes

A dedicated ESG block on the company page, desktop and mobile, with definitions and the calculation one tap away.

Trade mask: no

No scores in the order ticket. The decision has been made by then; a warning there reads as friction, not help.

Scanner: filters

ESG criteria as scanner filters, so values can drive discovery rather than only judge a stock already found.

Portfolio: score and flags

An overall portfolio ESG score page and a flags tab, so existing holdings can be reviewed against the same values.

Full quote · ESG block The eTrading full quote page for ABB with the new ESG block highlighted: overall score 89 out of 100, environmental, social and governance scores, positive and negative impact icons, a hover-for-definition hint and a data provider notice
Explanation within reach The FAQs pop-up: What is ESG, Why is ESG important, How is the ESG score calculated, How is my portfolio score calculated, Does a bad score mean I shouldn't trade, How often is the score updated, Which products have ESG, What are controversies The portfolio ESG score component: a 76 out of 100 gauge, separate environmental, social and governance scores, and labelled tiles for each positive and negative impact
The score never appears without its explanation within reach: definitions on hover, a FAQ that answers "does a bad score mean I shouldn't trade?", and every impact named rather than iconised alone.
The Account ESG tab: a portfolio ESG score of 76 with positive and negative impact tiles, FAQs beside it, a table of ESG-scored positions with scores and impact icons per holding and a Trade button on each row, and top performers for environmental, social and governance
The Account ESG tab: one score for the whole portfolio, every holding listed with its own score and flags, and top performers as a way to improve it. Flagged, not removed.
Scanner · ESG filters The scanner with an ESG filter group: an overall score range, values to include such as sustainable strategy, and practices to exclude such as oil and gas, above a results table with ESG columns
Inspiration · trade by your values The Inspiration ESG page titled Make a difference: a two-step Trade by your values widget for choosing values and exclusions, FAQs, top ESG shares by pillar and a best gender equality scorers list
Values drive discovery, not just judgement: pick what matters and what to exclude in the scanner or the Inspiration tab, and get a list of stocks that match.

What shipped

Seven user stories were validated and locked at the end of the sprint. The first set the tone for all of them: "As a Swissquote eTrading customer, I want to understand fully what ESG rating is, so that I can understand different scores."

ESG trading functionality shipped to all Swissquote web and mobile customers: scores and flags on the full quote, ESG criteria in the scanner, and the portfolio score and flags views, as part of the broader trading platform work.

A three-column table of what was in scope, the user stories, and what was out of scope: coverage of the 2000 most traded stocks, a dedicated ESG page, score per stock, values and flags to choose from, portfolio score in the account overview, scanner filter, inspiration section and an explanatory section; out of scope items include public display of scores and a controversy score for a later version
Scope, user stories and what was deliberately left out, as agreed at the end of the sprint. The controversy score was parked for a second version after testing the MVP.

Reflections

Trust isn't a tooltip. It's tempting to treat explainability as a help icon. What the research showed is that the explanation has to be designed as a first-class part of the information (where the score is calculated, by whom, and what it would take to change it), or people quietly discount the number and carry on.

Flag, don't decide. Customers wanted to be warned, not managed. The moment a product starts hiding options on someone's behalf, it has to be far more certain than an ESG score can honestly be.

The same shape as health data. A score people don't understand is a score they won't act on, whether it's an ESG rating or a blood-pressure trend. This project is where I first designed explainability as a material rather than an afterthought, and it's the thinking I carried into Hilo.