Portfolio Holdings
UX/UI Design, Mobile App Design
This case study focuses on improving the Portfolio Holdings page on Wealthsimple app where users review performance and manage multiple investments.
Wealthsimple
YEAR
2025
ROLE
UX/UI DESIGNER
TOOLS
Wealthsimple's original design prioritized information density over information hierarchy. By burying key ownership data and performance metrics under promotional content, the UI failed to support the user’s primary goal: at-a-glance portfolio health checks.
To understand real user frustrations with the existing portfolio experience, I conducted a qualitative audit of recent user reviews from the Google Play Store and the r/Wealthsimple Reddit community. These sources surfaced consistent patterns around discoverability, information overload, and difficulty accessing portfolio insights.
Users need to quickly understand the portfolio performance without reading everything.
Users managing multiple assets struggle to scan compare holdings
Users want to focus on one investment without losing context
Beginner Investors can feel overwhelmed by dense financial data
Research revealed that frustrations spanned across experience levels, from first-time investors to power users.
Users struggle to quickly access and scan their holdings due to dense layouts
Important portfolio information is buried beneath secondary or promotional content
Both new and experienced users report feeling overwhelmed when checking portfolio health
Users want faster, at-a-glance reassurance rather than detailed analysis upfront
Weak Information Hierarchy - Important data competes visually, slowing down decision-making
Static Layout - Every asset is presented in locked vertical list, allowing no way for users to prioritize, collapse and compare.
Lack of Asset Focus - The assets growth and decline are visually hard to distinguish making it difficult for users to quickly identify.
High Cognitive Load - Users must process too much information at once to understand performance.
The issue was not the amount of data, but how it was structured. Presenting all portfolio information at the same visual weight forced users to process too much at once, leading to confusion and slower comprehension.
Iteration 01:
The initial audit of the Portfolio page design displayed a flat interactive model that forces users to navigate through a dense vertical stack.
Key Refinements:
Modular Information Architecture: I transitioned from a rigid vertical list to a chunked, card-based layout. This reduces cognitive load by allowing users to process assets individually rather than being overwhelmed by a dense data grid
Progressive Disclosure: I introduced an expanded state for active holdings. This uses the principle of progressive disclosure to keep the main UI clean while surfacing deep-dive metrics
Experimentation: During this stage, I experimented with replacing 'Share Count' with 'Portfolio Weight' (%) to see if it's more strategically valuable
Iteration 02:
While my iteration 1 experimented with 'Portfolio Weight' for a macro-financial view, I pivoted back to 'Share Count' in the final version. Through self-audit, I identified that ownership clarity is the primary mental model for retail investors, and surfacing shares directly reduces the mental math required for "at-a-glance" health checks.
Key Refinement:
The Pivot: I prioritized ownership by replacing the 'Weight' with 'Share Count'. For real investors to know how many units they own
Designed to help users make faster investment decisions by prioritizing high-yield assets.
