Live & Deployed · Neyhaa Vangapally · Portfolio for Goldman Sachs Asset & Wealth Management

Built to show $3,200
and $2.1T with equal clarity.

A private wealth management dashboard concept spanning six client profiles. Pick one below and watch the interface adapt in real time.

Design Story Ask the AI

Portfolio — 12 Month

Total AUM

$24.7M

↑ +3.2% YTD

Unrealized Gain

$1.83M

↑ +12.4% vs cost

Sharpe Ratio

1.24

Risk-adjusted return

Client profile

Asset Allocation

Public Equity48%

Fixed Income22%

Private Markets18%

Alternatives9%

Cash3%

Market Pulse

Macro

Fed holds rates steady; one cut signaled for Q3.

Equity

Tech leads gains as semiconductor demand rebounds.

USD softens on Eurozone PMI. EUR/USD at 1.094.

Design Story

From complexity to clarity.

Six client profiles. One design system. Every decision documented from HCD research to edge deployment.

HCD

01Discovery & Research

HCD ResearchJourney MappingCompetitive AuditAI Synthesis

Figma

02IA & Wireframing

Figma Lo-FiCard Sorting3 IA ModelsTree Testing

Btn/Primary

Btn/Ghost

Pill/Active

--color-gold #8C6914 CSS var()

DS · Figma

03Design System

Figma ComponentsDesign TokensAuto-LayoutComponent Variants

Figma Spec

pixel-identical

Shipped

↳ Edge Deploy

↳ Zero Cold Start

↳ AI-Integrated

Live · Edge

04Build & Deploy

Edge AIAI WorkflowDeployed ProductFigma-to-Code

3 IA models → 1 validated

Sidebar won tree testing. Scales from $3K to $2.1T unchanged.

Explore many, validate one

20+

Sources. AI-synthesized.

Competitive audits and HCD reviews distilled to clusters in hours, not weeks.

AI as research collaborator

= 100%

Figma spec = Shipped product

Every token maps to a CSS variable. Layout and spacing are pixel-identical.

Design to production, no drift

Process Artifacts — From Figma to Production

Lo-Fi · Figma

Phase 02 — Wireframing

Low-Fidelity Wireframes

Three IA models explored in Figma. Grid, density, and responsive breakpoints defined before visual design began.

Btn/Primary

Btn/Ghost

Pill/Active

Pill/Default

DS · Figma

Phase 03 — Design System

Figma Component Library

Tokenized color system, component variants, and auto-layout frames. Every token maps to a CSS custom property in production.

TOTAL AUM

$24.7M

GAIN

+12.4%

Live · Edge

Phase 04 — Production

Shipped & Deployed

From Figma spec to edge deployment. The shipped product is pixel-identical to the design — not a prototype, a product.

Design Decisions

Every choice has a reason.

Good fintech design leaves no decision to chance. Here's how the system was built.

#FFFFFF
White

#0B1426
Navy

#8C6914
Gold (Lt)

#C9A84C
Gold (Dk)

#0A7B6C
Teal (Lt)

#4A9E8E
Teal (Dk)

#0D7A4E
Success

Typography

Space Grotesk + IBM Plex Sans + Mono

Display headlines use Space Grotesk for editorial presence. IBM Plex Sans carries body copy. IBM Plex Mono is reserved for labels, timestamps, and data tags only — the fixed-width face signals precision and liveness rather than prose.

Color

White base, dual-mode tokenized

Light mode defaults to pure white because recruiters view portfolios in bright office settings and on calibrated monitors. Gold is deeper in light mode (#8C6914) so it reads as burnished rather than pasted on. All color is tokenized so quality does not degrade when switching modes.

Layout

Three-column separation of concerns

Sidebar answers "where am I going?" Main panel answers "what happened?" Right panel answers "what does it mean?" Each column owns a distinct question so the client never has to parse an undivided screen.

Motion

Animate on load, never on idle

The chart draws once on page load. Allocation bars fill once when you switch profiles. After that, silence. Idle animation in financial dashboards erodes trust by suggesting data is being generated. Prefers-reduced-motion is respected throughout.

Accessibility

WCAG AA contrast in both modes

All text pairs were verified against WCAG 2.1 AA minimums in both light and dark mode. Gain and loss indicators use both color and directional symbols, never color alone. The theme toggle is keyboard accessible.

AI Integration

Edge AI, zero latency, no keys exposed

The AI assistant runs on edge infrastructure with zero cold starts and no third-party API keys exposed to the client. Same architecture as StockIntel. The AI knows this project and Neyhaa's background, turning this portfolio piece into a live recruiting tool.

Built to show $3,200and $2.1T with equal clarity.

From complexity to clarity.

Every choice has a reason.

Ask me anything about Neyhaa.

Built to show $3,200
and $2.1T with equal clarity.