Redesigning the Bitcoin Suisse investment experience

Redesigning the Bitcoin Suisse investment experience

Redesigning the Bitcoin Suisse investment experience

One view of holdings, accounts, performance and liabilities.

One view of holdings, accounts, performance and liabilities.

โ† Back

Bitcoin Suisse portfolio interface showing holdings, performance, accounts, and liabilities.

A portfolio redesign that separates what clients own from what they owe, across every account.

RoleSenior Product DesignerTeam1 designer, 3 engineers
ScopeModel before interface
Research
InterviewsSurvey of 200+WorkshopsUser tests
Model
IALiabilitiesPrecision rules
Design
Portfolio overviewComponent rules
Stage5 of 5
Research
Model
Design
Build
Live

One model for holdings, accounts, staking, vaults and loans, still live today.

CompanyBitcoin Suisse
Year2023
ToolsFigma

Fixing the portfolio model before redesigning the interface

Fixing the portfolio model before redesigning the interface

In 2023, I redesigned the Bitcoin Suisse portfolio as Senior Product Designer, and ran the complete end to end UX process, working with three engineers for delivery. The main problem was holdings and accounts had been split across products, performance information was limited and the treatment of loans could make the "holdings" appear negative. I started with research and workshops, then translated the findings into the portfolio model, interface and supporting product changes.

My contribution

My contribution

I organised and facilitated the service design workshop, brought together relationship-manager feedback, client interviews, the colleague survey and analytics, and mapped private and corporate client journeys. I used that evidence to define requirements for consolidated holdings, separate asset and liability views, account identification and readable amounts.

I organised and facilitated the service design workshop, brought together relationship-manager feedback, client interviews, the colleague survey and analytics, and mapped private and corporate client journeys. I used that evidence to define requirements for consolidated holdings, separate asset and liability views, account identification and readable amounts.

I organised and facilitated the service design workshop, brought together relationship-manager feedback, client interviews, the colleague survey and analytics, and mapped private and corporate client journeys. I used that evidence to define requirements for consolidated holdings, separate asset and liability views, account identification and readable amounts.

My responsibility continued through information architecture, wireframes and final UI, including the navigation and component behaviour needed to carry the portfolio model across the product. I reviewed the designs with design leadership, product and engineering as the work developed.

My responsibility continued through information architecture, wireframes and final UI, including the navigation and component behaviour needed to carry the portfolio model across the product. I reviewed the designs with design leadership, product and engineering as the work developed.

My responsibility continued through information architecture, wireframes and final UI, including the navigation and component behaviour needed to carry the portfolio model across the product. I reviewed the designs with design leadership, product and engineering as the work developed.

01 / Understanding the gaps

Finding why clients could not see their full position

Finding why clients could not see their full position

The research combined client feedback with a survey, interviews and an analysis of the existing experience. Workshops helped us frame the problem, and I used journey maps and needs comparisons to turn the findings into portfolio requirements.

Recurring client requests collected by relationship managers.

Connecting recurring requests to client needs

Connecting recurring requests to client needs

Our relationship managers shared a โ€œfrequently asked featuresโ€ file that captured recurring client requests. I used it alongside client interviews to understand what people were trying to do and what they felt was missing. Their feedback helped establish the questions we needed to explore.

Questions linked to answer formats, research goals and intended actions.

Checking what information people were missing

Checking what information people were missing

I sent a survey to more than 200 colleagues with different levels of crypto experience. For each question, I recorded the answer format, why we were asking it and what action it could inform. We asked about portfolio usage, missing information and potential features, then followed up qualitatively to understand respondentsโ€™ experiences in more depth.

Google Analytics user flows used to examine journeys and drop-off points.

Locating friction in the existing journey

Locating friction in the existing journey

Google Analytics helped me trace how people moved through the existing experience and where they left it. Comparing those patterns with the feedback and survey responses helped us decide where to focus the redesign.

Competitor interfaces deconstructed into flows and wireframes.
The same analysis applied to the existing Bitcoin Suisse platform.

Identifying gaps in the portfolio structure

Identifying gaps in the portfolio structure

For each competitor, I collected screenshots, translated the interface into wireframes and mapped the user flow. I also compared the data points available in their portfolio views. Applying the same analysis to our own platform helped me identify structural gaps before moving into the design.

01 / Workshops and scope

Agreeing which portfolio problems to solve first

Agreeing which portfolio problems to solve first

To frame the problem and clarify the scope, I organised and ran an online stakeholder workshop where we explored ideas together.

Tracing the overview problem back to the account model

Tracing the overview problem back to the account model

We used 5W + 1H in FigJam to describe who had the need, what was happening, when and where it occurred, why it mattered and how people handled it. Working through these questions together connected the request for a better overview with the underlying account and holdings structure.

Prioritising changes by their value to clients

Prioritising changes by their value to clients

We collected and prioritised initiatives, then revisited the existing Value Proposition Canvas and marked the needs relevant to the portfolio. This helped us connect feature ideas to client needs and decide which ones belonged in the project.

01 / Synthesis and requirements

Turning different client needs into shared requirements

Turning different client needs into shared requirements

Client journeys and a comparison of needs brought the findings together. I used the overlaps to define the portfolio requirements.

Accounting for private and corporate client needs

Accounting for private and corporate client needs

With help from our relationship managers, we mapped private and corporate clients across three levels of complexity. I created journeys for these groups and derived feature opportunities from their tasks. This let us compare clients who needed a basic overview with those who needed deeper portfolio analysis.

Separating shared needs from advanced requirements

Separating shared needs from advanced requirements

The comparison covered what each group had, what they thought and what they were missing. Grouping private and corporate clients by complexity revealed overlapping needs, which I translated into requirements for consolidated holdings, asset and liability treatment, account identity, readable amounts and advanced analysis.

02 / Bringing the portfolio together

Bringing holdings, performance and liabilities into one view

Bringing holdings, performance and liabilities into one view

These requirements guided the overview I designed, connecting holdings, performance, allocation and account access. Assets stayed visible at their full value, while loans appeared separately as liabilities. Clients could move from an overview into the detail behind their portfolio without losing sight of either what they owned or what they owed.

Making the new portfolio model visible in the interface

Making the new portfolio model visible in the interface

I worked through the information architecture, flows and wireframes before developing the final UI. The complexity levels informed a deeper analysis view for advanced users. I revised the design with feedback from design leadership, product and engineering, carrying the same portfolio model through the screens.

Finished Bitcoin Suisse portfolio overview shown on a laptop within a dark branded setting
Finished Bitcoin Suisse staking experience shown on a laptop
Finished Bitcoin Suisse loans and collateral experience shown on a laptop
Finished Bitcoin Suisse portfolio allocation experience shown on a laptop
Finished Bitcoin Suisse portfolio overview shown on a laptop within a dark branded setting
Finished Bitcoin Suisse portfolio overview shown on a laptop within a dark branded setting
Finished Bitcoin Suisse portfolio allocation experience shown on a laptop
Finished Bitcoin Suisse portfolio allocation experience shown on a laptop
Finished Bitcoin Suisse staking experience shown on a laptop
Finished Bitcoin Suisse staking experience shown on a laptop
Finished Bitcoin Suisse loans and collateral experience shown on a laptop
Finished Bitcoin Suisse loans and collateral experience shown on a laptop

03 / Making the model work across the product

Resolving the account and interface rules behind the overview

Resolving the account and interface rules behind the overview

Bringing the portfolio together required changes beyond the overview itself. I addressed the navigation, account identification and number formatting so the new structure could work consistently across the product.

Navigation exploration used to work through the portfolio structure.

Keeping portfolio actions within reach

Keeping portfolio actions within reach

Portfolio, staking and vaults had been treated as separate destinations. I redesigned the left navigation around consolidated holdings and presented the proposal to stakeholders. Deposit and withdrawal became part of the relevant page, while trading became an action, aligning the navigation with the portfolio structure.

Account identity and grouping across single-account and multiple-account states.

Distinguishing accounts that held the same currency

Distinguishing accounts that held the same currency

Account rows needed to adapt to the number of accounts a client held. I defined a single-account state showing its alias and account number, while multiple accounts were grouped under their currency and expanded to show individual details. This kept same-currency accounts identifiable within the consolidated view.

Precision rules for readable crypto values.

Making amounts readable without losing precision

Making amounts readable without losing precision

Crypto amounts needed enough precision to remain meaningful without long decimal strings. I defined the precision rules around currency value, alongside shared rules for cards, charts, lists and account rows. These helped engineering apply the same hierarchy and behaviour across the product.

A consistent view of assets, accounts and liabilities

A consistent view of assets, accounts and liabilities

I delivered a portfolio design that brought holdings, accounts, performance, allocation, staking, vaults and liabilities into one model. The design made loan treatment, decimal precision and same-currency account states explicit.

I delivered a portfolio design that brought holdings, accounts, performance, allocation, staking, vaults and liabilities into one model. The design made loan treatment, decimal precision and same-currency account states explicit.

References from LinkedIn
One of his strengths is leading a project from start to finish. He communicates clearly, keeps people aligned, and makes sure things move forward. [โ€ฆ] From a craft perspective, Mathias is very strong at creating visually strong experiences. He cares a lot about quality, consistency, and getting the details right. This makes him very good at bringing products to a high level of polish without overcomplicating things. He naturally thinks beyond his own scope and proactively improves flows and design consistency across the product. 
Portrait of Frederic Berghmans against a dark studio background
01 / 02