All projects
Product

Advisor Platforms

Advisor and customer portals deployed across 50+ wealth-management and banking institutions on InvestCloud's multi-tenant framework

Role
Frontend implementation & design translation
Period
Earlier
Company
InvestCloud
Status
Shipped to production
Focus
  • Multi-tenant frontend
  • 0-to-production deploys at scale
  • Per-institution adaptation
Outcomes
  • 50+ Institutions
  • Chase · Cetera · NW Mutual Named clients
  • 0 to production Engagement
  • Hand-written CSS Implementation

The setting

Wealth-management advisor and client portals built on InvestCloud’s framework. I contributed to or led 0-to-production deploys across 50+ institutions, including Chase, Cetera, Northwestern Mutual, Voya, Silicon Valley Bank, East West Bank, and many more.

Multi-tenant by design. One platform underneath. Per-institution branding, structure, and information architecture on top. The shared system constrained what was possible. The per-institution work made each portal feel native to the bank that ran it. The volume, fifty-plus deploys against the same substrate, was its own discipline.

Where the design problem actually was

Not in the components. Components were defined upstream by design teams that owned the Figma files and the brand systems. The design problem was in the gap between Figma and a multi-tenant CMS that wasn’t built around modern token systems.

Most of the day-to-day was hand-written CSS implementing those handoffs faithfully, at the institution-specific level, without breaking the shared substrate underneath. That meant:

  • Reading Figma intent, not just specs, and reproducing it in a CMS that didn’t always have a primitive for what was drawn.
  • Holding per-institution branding inside a system that wanted to enforce its own.
  • Keeping dense, data-heavy layouts readable across desktop, tablet, and mobile, often within design constraints authored mostly for one breakpoint.
  • Coordinating with design, product, and QA tightly enough that “this looks right in Figma” and “this works in production” stayed connected.

Handoff hygiene

The portals that shipped well shared one thing. The design team and the implementation layer treated each other as collaborators, not as a one-way file drop. The portals that shipped badly were the ones where the handoff was assumed instead of negotiated.

A good handoff names the constraints up front. Which spacings are token-backed. Which states the design has thought through. Where the system can flex. Where it can’t. A bad handoff is just a frame.

The implementation work was sixty percent reproducing intent faithfully and forty percent closing gaps the original handoff didn’t see. The second forty percent is where design literacy actually pays off.

What the platforms supported

  • Portfolio management
  • Advisor and client interaction
  • Onboarding and lifecycle workflows
  • Multi-account and multi-role environments

Takeaway

Years of high-fidelity implementation across many institutions builds a specific instinct: reading what a design team meant, and recognizing what the system underneath can actually carry. Both have stayed useful in every job since.

Surface abstraction

Density made legible

Accounts 12 of 184
Name Tier Balance Δ 30d
Smith, J. Tier 1 4.2M +0.8%
Patel, R. Tier 2 1.1M -0.2%
Wong, A. Tier 1 6.8M +1.4%
Garcia, M. Tier 3 420K +0.1%
Allocation Aggregate
  • Equities 58%
  • Fixed income 22%
  • Alternatives 20%
The job: layout grammar that holds. Tables, allocation, trends. Same primitives, different views.
Client portals

Across major wealth and banking institutions.

A sample of advisor- and customer-facing portals built on InvestCloud's framework. Same underlying platform, every implementation adapted to the institution's brand, structure, and IA.

East West Bank homepage.
East West Bank
Voya homepage.
Voya
Silicon Valley Bank homepage.
Silicon Valley Bank
Chase homepage.
Chase
Cetera homepage.
Cetera
Northwestern Mutual homepage.
Northwestern Mutual