Ed Chen

I design for regulated complexity — financial systems, institutional infrastructure, high-stakes compliance environments. Where design decisions carry legal weight, architecture matters more than aesthetics.

150+
Components
100K+
Traders Served
40+
Jurisdictions
5+
Years Regulated Finance
Regulatory Experience ASIC AU FCA UK MiFID II EU Dodd-Frank US

Selected
Projects

Regulated trading platforms, $80M UHNW real estate, and institutional B2B infrastructure. Each built under a different compliance framework, each serving a different kind of professional.

Shipped Live client work — production deliverable
Concept Research concept — built on real production experience
01
ACY Securities — Enterprise FinTech Design System
Shipped · 4 Years · Live Product

ACY Securities

Enterprise Design System · 5 Live Platforms · Regulated Finance

Lead designer across five product lines at a 150-person regulated broker — 4 years, managing a small design team (3 designers at different stages) while collaborating directly with C-suite, Legal, and 3 engineering teams. The design system I built (150+ components, self-serve governance docs) means teams ship without waiting on me. KYC drop-off went from 73% to 45% (correlated with redesign, not A/B validated). The system has absorbed 8+ regulatory changes without structural rework — each update takes a week of design work instead of a month of rebuilding.

ASIC · FCA · MiFID II 150+ Components KYC 73% → 45% Drop-off 100K+ Traders · 40+ Countries

Four years and counting: I work directly with leadership on product direction. The design system has survived 8 regulatory updates, 3 engineering team changes, and expansion to 40+ countries — that durability is the ROI of building for governance, not just aesthetics.

2024 — team restructured: After the design team downsized, I maintained delivery across all 5 product lines by integrating AI into the workflow — copy variants, asset resizing, code scaffolding. All UX decisions, compliance logic, and governance stayed manual. The system's self-serve documentation made this possible.

02
Christie's International Real Estate
Shipped · Live Client · 9 Months

Christie's Real Estate

Editorial Platform — I handled design, development, and product decisions

I designed, built, and managed the product for Christie's International Real Estate editorial platform over 9 months. The audience: $5M–$80M property buyers across NYC, London, Japan, HK, and Taiwan. The challenge: bringing a 250-year-old brand online while keeping brokers central to every client interaction.

+20% Page Views 60% DB Query Reduction $5M–$80M UHNW Segment 5 Global Offices Hermes Platinum Award

Hired as a web engineer, ended up running the product. Design, front-end, back-end, coordinating across five offices in different time zones — all one person over nine months.

03
ACY Connect — Institutional FIX API Documentation
Shipped · B2B Institutional · 12+ Prime Brokers

ACY Connect

Institutional FIX API Platform · Documentation System · B2B Infrastructure

Designed the documentation and onboarding system for ACY's institutional FIX 4.4 API — the protocol that connects prime brokers, liquidity providers, and institutional clients. Five different types of users (from product managers to market data engineers) all need to understand the same system differently. I designed that experience. This work later became the foundation for TradeX.

FIX 4.4 Protocol 12+ Institutional Clients 5-User Taxonomy B2B Prime Broker

Why this was hard: A misconfigured FIX message doesn't show an error on screen — it quietly creates a million-dollar position sizing mistake while the market keeps moving. The documentation had to be precise enough for developers and clear enough for business people — same system, completely different needs.

04
Finlogix — Real-time market analytics
Shipped · Live Platform · Statistical Validation

Finlogix

Real-Time Market Analytics · Modular Widget System · ASIC Regulated

Trading analytics platform handling 1,000+ real-time data points. I designed a modular widget system so traders could arrange their workspace the way they actually think. This project has my most rigorous research — controlled usability tests with real traders and statistically significant results.

Order Placement 8.2s → 2.9s 67% Custom Layout Adoption Session Duration +40% n=15 Paired Usability Study

The research behind it: Tested with 15 active traders in controlled sessions (paired within-subjects — each person tried both old and new). Order placement went from 8.2s to 2.9s (d=3.2). The large effect isn't surprising — we consolidated a 6-step flow into 2 steps. The more useful finding was identifying which steps caused the delay: confirmation modal and instrument search. That insight drove the redesign, not the aggregate number.

Research & Concept Work

Each concept is a direct extension of production work — applying what I built and shipped to an adjacent problem space.

05
Xanthos Private Bank — UHNW Wealth Management
Concept

Xanthos Private Bank

Private Banking UX Concept · UHNW Wealth Management

After 4 years building tools for relationship managers at ACY Connect, I learned something important: in institutional B2B2C products, the RM is your real user, not the end client. Xanthos takes that lesson into wealth management — five connected flows for a private bank serving $28M+ households: portfolio dashboard, RM briefings, investment proposals, life event planning, and onboarding.

Provenance: ACY Connect RM Tools UHNW Client Portal FINRA · SEC · AML B2B2C Architecture

Why I made this: After designing ACY Connect's institutional tools, I wanted to see if what I'd learned about compliance-driven design would work in wealth management — different regulations (FINRA/SEC/AML), different user relationship (advisory vs. transactional), but the same core challenge of making complex rules feel simple.

06
TradeX Institutional — Portfolio Risk Management
Concept

TradeX Institutional

AI-Native Hedge Fund & Institutional Trading Design

Built on what I learned from ACY Connect's FIX 4.4 production work — I understand how orders actually flow through the system, not just how they look on screen. Two parts: (1) an AI-powered hedge fund dashboard for visualising risk, liquidity stress, and performance attribution; (2) an institutional trading terminal with order book depth, portfolio risk views, and compliant execution flows.

Provenance: ACY Connect FIX 4.4 Hedge Fund UX Risk Visualization $100M–$50B AUM Context

Why I made this: After building ACY Connect's API docs for 12+ hedge funds, I understood how FIX protocol orders actually work — well enough to design the terminal that sits on top of it. Bloomberg screens look dense for a reason: traders need to catch information in their peripheral vision. This concept explores that idea seriously.

Authenticated Financial Platforms
at Enterprise Scale

I designed the logged-in experience across ACY Securities — one design system that serves 5 product lines, 100K+ traders, and 40+ regulated markets. When regulations change, updates ship in days because the system was designed to handle change from the start.

ACY Securities Platform Ecosystem
Regulatory Foundation
Modular system where new regulatory requirements slot in — 2+ years of ASIC/FCA updates shipped without redesigning from scratch
Scope
Brand + Web + Platform
Business Impact
Enterprise-scale platform, 40+ countries, 5+ product lines unified
System Scalability
Design system enabled autonomous implementation across 5 product lines

Independent Evaluation

Top-Tier Platform Assessment

Independent broker review highlighting platform usability and clean interface design
— FXempire (2025)
Independent review examining ACY's multi-jurisdictional regulatory compliance framework
— FXempire (2026)

The System

150+ production components — built specifically for regulated financial products. Some handle trading data (prices, orders, charts), some handle compliance requirements (KYC, risk warnings, disclosures), and they all work across three different information density levels.

Production Components
150+
Finance-Native
9
Compliance-Native
10
Density × Theme
10
Price Display Real-time
EUR/USD
BID1.0847
2.2
ASK1.0869
▲ +0.0022 · +0.20%
Bid/ask spread · tick animation · deuteranopia-safe
Order Entry Core Flow
MarketLimitStop
Volume1.00 lot
Margin req.$2,174
FIX 4.4 OrdType mapping · margin validation
Watchlist Row Data Dense
EUR/USD▁▂▄▅▄▆▇▆ 1.0869+0.20%
GBP/USD▇▆▅▄▃▂▃▄ 1.2741−0.14%
XAU/USD▄▅▆▇▆▇▇▆ 2,318.40+0.83%
USD/JPY▃▄▄▃▅▄▃▂ 149.82 +0.03%
Bloomberg-caliber density · inline sparklines
◐ Light Mode
Trade Ticket Execution
● FILLED
InstrumentEUR/USD
DirectionBUY
Fill Price1.08694
Qty Filled1,000,000
Tag 39OrdStatus=2
FIX Tag 39 OrdStatus · execution confirmation UX
Sparkline Chart Trend
XAU/USD 2,318.40
Inline price trend · area fill · responsive SVG
Market Heatmap Overview
Sector Performance · 1D
Tech
+2.4%
Finance
+1.1%
Energy
+0.4%
Materials
0.0%
Health
−0.3%
Utilities
−2.1%
Sector performance · semantic color scale · at-a-glance

Designing Within
Regulated Constraints

Regulatory requirements aren't legal hurdles — they're design specifications. I translate constraints into reusable design systems, so teams ship faster on every subsequent update.

ASIC (Australia)

How do you tell users their funds are at risk without killing conversion? Leverage caps and disclosure rules forced honest hierarchy and clear copywriting.

FINRA / SEC Rules (US)

Designed suitability questionnaires to FINRA Rule 2111 and SEC disclosure standards: making required risk disclosures feel like user protection, not legal fine print.

ESMA (EU)

Inducement bans as a creativity constraint: designing engaging promotions when direct incentives are prohibited.

MiFID II Best Execution (EU)

How do you make trade execution transparency feel like a feature, not a disclosure obligation? Best execution rules forced a rethink of the order confirmation screen.

Dodd-Frank (US Derivatives)

US derivatives regulation that governs how trade data is reported and disclosed. Every confirmation I design serves two audiences: the trader who just executed, and the audit trail that regulators require.

WCAG 2.1 AA

Global accessibility standards for inclusive financial terminals.

Constraint as Brief — What It Produced

150+

Reusable Design Components

KYC flows, best execution confirmations, leverage warnings, consent gates — each built once, applied across ASIC, MiFID II, Dodd-Frank, and FCA simultaneously.

40–60%

Faster Execution on Regulatory Updates

When MiFID II Art.27 required trade execution venue disclosure (showing traders where and how their orders were filled), the update took 3 days — the pattern already existed. Compliance patches, not rebuilds.

8+

Regulatory Updates Without Rewrites

ASIC CP 322 · FCA SCA · MiFID II Art.27 · Dodd-Frank VII · ESMA leverage caps · FATCA · KYC re-consent · PDS update — zero system rewrites.

Regulatory Compliance Architecture How 150+ components enforce MiFID II · Dodd-Frank · ASIC · FCA · FINRA · WCAG 2.1 AA at the system level
COMPLIANCE STATUS BOARD
Last Audit: PASSED Violations: 0 --:--:--
JURISDICTION STATUS
KYC / AML PIPELINE
DISCLOSURE GATE STATUS
RISK & AUDIT METRICS
RECENT AUDIT TRAIL

Five Years of Work.
Here's What Actually Shipped.

Real outcomes from real products — what I owned, what I measured, and what held up over time.

Measurable Outcomes
Architecture built for compliance change — 8+ regulatory updates shipped without system rewrites
MiFID II · Dodd-Frank VII · ASIC RG 268 · FCA COBS — 40+ countries · zero downtime
  • System Scalability — One architecture serving 40+ countries, flexible patterns built into the core from day one.
  • Design System Governance — Modular system adopted across 5+ product lines with documentation and engineering alignment.
  • Faster Design-to-Production — Clear handoff documentation meant engineering teams could ship features without waiting for me to be involved in every step.
  • Built for Regulatory Change — MiFID II, Dodd-Frank, ASIC/FCA requirements are all built as reusable components. When regulations changed, we shipped updates in days instead of months.
My Design Role
Small team, five product lines — I built systems so quality scales without any single person as a bottleneck
150+ components, design review process, onboarding playbook, hiring rubric
  • Design Direction: Set the design standards across 5 product lines — interaction patterns, visual systems, and research practices that let engineering teams build without needing my input on every detail.
  • Design System: Built 150+ components, interaction patterns, animations, documentation, and developer handoff guides.
  • Working Across Teams: Worked directly with Legal on regulatory needs, Product on roadmap priorities, Engineering on technical constraints, Marketing on content, and leadership on strategic direction.
  • Leadership Materials: Designed investor briefings, board decks, and strategic planning documents for the leadership team.
Conflict Resolution
Navigating Stakeholder Disagreement
KYC 47-field negotiation · CEO pushback reversed · Canvas API unblocked
  • Legal vs. UX Trade-offs: When Legal required adding 47 disclosure fields to onboarding (ASIC/FCA compliance), data showed 73% drop-off. Built interactive prototype. After 3-week C-suite mediation, Legal approved conditional implementation with audit trail.
  • Engineering Constraints: Canvas API animations caused performance concerns. Ran joint profiling sessions, identified bottleneck (re-render loops). Redesigned using requestAnimationFrame batching. Engineering validated and became design system advocate.
  • Executive Misalignment: CEO pushed "Robinhood-style minimalism" for B2B trading terminal. Professional traders rejected simplified UI. Presented side-by-side usability data (task completion 40% slower). CEO approved information-dense design after session recordings.
Research Process
Data-Driven Decision Making
170+ Hotjar sessions · 15 user tests · 8.2s → 2.9s order placement (64% faster)
  • Research Process: Built a 5-step research process using Hotjar (170+ session recordings) to turn user behaviour data into evidence that convinced stakeholders to act.
  • Testing with Real Users: Tested 3 design variants with 15 traders and found critical usability problems. After launch, order placement improved from 8.2s to 2.9s (64% faster).
  • Getting Buy-In: Used heatmap data (85% CTA visibility) to convince leadership to invest in the design system.
Research Synthesis · ACY Order Flow Redesign Q3 2023
① Observe
170+ Hotjar session recordings
② Hypothesize
3 competing variants drafted
③ Test
15 traders · moderated sessions
④ Synthesize
Affinity map · 8 clusters
⑤ Measure
Production telemetry post-launch
Finding 01
Traders abandoned confirmation step when stop-loss field was not pre-filled — perceived as incomplete order.
→ Default SL/TP from last trade
Finding 02
85% of heatmap clicks on the "Sell" CTA were hesitation taps — users re-read the price 2–3× before committing.
→ Live price lock with 3s timer
Outcome
64%
faster order placement
8.2s → 2.9s · Validated via production telemetry

Making Design Work
Without Me in the Room

From sole designer to the person the CEO briefed on investor materials and the CFO annotated in Figma for same-day sign-offs. That trust came from building systems — governance, process, cross-functional workflows — not just components.

C-Suite Design Partnership

The CEO assigned investor-facing presentation design directly — no PM layer, no brief document. I worked with the CFO on financial data visualisation (cash flow projections, EBITDA overlays), introduced him to Figma for direct annotation, and compressed the revision cycle from multi-day email rounds to same-day sign-off. When the COO announced the Awwwards nomination company-wide, she named me by name. That's the kind of trust you build by consistently delivering at the level where the audience is institutional capital.

Team Process & Onboarding

Set up a 4-step design review process (Discovery → Concept → Spec → QA) aligned to the engineering sprint cycle. Created a 30-60-90 day onboarding plan so new designers understand financial products, the design system, and how design fits into compliance workflows — not just where the Figma files live. My direct report described it as "empowerment over micromanagement."

Cross-Functional Governance

Built a Legal-First Design Checklist after a 6-week feature got scrapped for regulatory issues. Now Legal reviews concepts before wireframes, copy before prototypes, and implementation before dev handoff. Result: zero feature scraps due to legal issues across 2+ years. Engineers said working with me "was one of the smoothest cross-team collaborations" — because I join their standups, understand component structure, and adjust specs to match how they actually build.

Third-Party Validation

What my colleagues actually said — 8 public LinkedIn recommendations from my manager, people I managed, engineers I worked with, and leadership I collaborated with.

Yung-Yu C. · Direct Report, ACY Securities

"Exceptional resource integration... empowers team members by providing opportunities to lead new projects, favoring empowerment over micromanagement."

Sheng Wen C. · Data Engineer, ACY Securities

"Exceptional taste, technical creativity, and an almost unsettling ability to ship beautiful work fast."

Cross-Functional PM, ACY Securities

"Reduces communication gaps between designers and product managers by deeply understanding user needs."

Architecture Before
Aesthetics

The most valuable thing I do is reduce translation loss between design, legal, and engineering. Legal speaks in regulation numbers. Engineers speak in components. Traders speak in risk exposure. I speak all three — which means each group stops making expensive assumptions about the others.

Different financial products need different design approaches. A retail trading app optimises for speed and simplicity — and that's valid. But when I'm designing for institutional clients managing real capital, or for platforms where a single UI error could trigger a regulatory violation, the priority shifts: stability over novelty, trust over conversion tricks, and solutions tailored to each user's risk tolerance rather than one template for everyone.

The best teams I've worked with don't treat design as decoration or compliance as a checkbox. They treat them as the same conversation — what does the user need, what does the business require, and how do we ship something that satisfies both without cutting corners? That's where I add the most value.

Right Solution for the Right Client

A wealth management dashboard and a retail trading app serve completely different people. I've designed for both — and the difference isn't just visual. It's understanding how each group actually works, what risks they care about, and what rules apply to them.

Build for What Comes Next

I start with the hardest flow — the one with regulatory requirements, edge cases, and real money on the line. If you get that right first, the product won't need to be rebuilt when the next audit or regulation change comes along.

In the Room from Day One

I join engineering standups, understand how they structure components, and adjust design specs so they make sense from a build perspective. When Legal flagged a copy-trading feature as "financial advice" under ASIC rules, I created a Legal-First Checklist so that never happens again. When the CFO needed to review investor deck charts, I onboarded him into Figma so he could annotate discrepancies directly instead of describing them over email. The pattern is the same: I learn enough of each person's world to remove friction, not add to it.

Systems That Scale with the Business

Every problem I solve becomes a reusable pattern. When a platform faces regulatory updates, a well-architected system absorbs them in days — not because you predicted each change, but because you built for adaptation from the start.

I'm not trying to impress other designers. I want the team to ship better, the business to grow safely, and the users to trust the product enough to keep using it.

Beyond the Screen

Investor materials for C-suite. Cross-functional governance that survived 8 regulatory changes. Financial products running across 40+ markets. The work that never shows up in a Figma file.

Cross-Cultural Design Leadership

Designing Across Markets: SF · Tokyo · Taipei

Worked across APAC and Western markets, dealing with different regulatory frameworks (ASIC, FCA, FINRA) and different cultural expectations. Helped distributed teams understand that localisation is about more than just translating text.

40+
Countries Supported
5+
Regulatory Jurisdictions
3
Time Zones Coordinated

How I Work with AI
in Financial Product Design

I give AI the regulatory context it needs — ASIC, FCA, MiFID II requirements — and then check everything it produces against what I know about the business and the users. I use Claude with Figma to audit designs for accessibility. I run colour-blindness simulations to catch problems before they ship. Every flow gets tested against real use cases. AI makes me faster; my experience is what makes the output actually correct.

AI Direction Session
Live collaboration model · ACY Securities fintech case
Ed + Claude
Ed · Domain Brief
Regulatory context Design constraints Business intent
Claude · Generation
Synthesizes patterns Generates options Structures output
Ed · Judgment Filter
Validates vs. reality Domain expertise Keeps · modifies · rejects
Collaboration Trace — ACY Securities · MiFID II + ASIC · Order Execution Confirmation Design
Ed's Brief
Post-execution confirmation · CFD Trading Platform · Open position active
MiFID II Art.27 Best execution disclosure at point of trade
vs
ASIC RG 268 Leverage risk warning — visual prominence
One screen. Both mandate "visual prominence" simultaneously.
Claude's Response
  1. A compact 'Best Execution Applied' badge in the confirmation card header, showing venue and execution spread inline.
  2. A full disclosure panel auto-expanded on load below the success state — surfacing execution policy details, venue data, and RTS 28 compliance status.
  3. A tabbed layout separating 'Confirmation' (trade details, price, quantity) from 'Execution Quality' (venue, spread, policy).
  4. Leverage risk warning positioned below the confirmation card body.
  5. A secondary 'View RTS 28 Report' link for annual execution quality documentation access.
✓ Kept ⟳ Modified ✗ Replaced Click any highlighted phrase to see the reasoning
Ed's Decision Log
✓ Kept Header execution badge Art.27 via compact indicator — not a disclosure block
✗ Replaced Auto-expanded panel Presence ≠ dominance — collapsed on-demand instead
✓ Kept Tab layout One pattern satisfies both regulators simultaneously
⟳ Modified Risk warning position Below fold ≠ prominent — anchored to viewport bottom
✓ Kept RTS 28 report link Audit doc, not point-of-trade disclosure — link, don't embed
Real collaboration model — Ed provides domain context and judgment, Claude generates, Ed filters against lived fintech experience. This portfolio was built exactly this way.
Market Pulse
Simulated · Demo mode
Scripted · No live feed
AI Sentiment Indicators
Market Sentiment
62
Cautious Bullish
S&P 500 · VIX 17.4 · Put/Call 0.82
Fear / Greed Index
71
Greed
Momentum · Junk bond demand · Breadth
Macro Volatility
38
Moderate
VIX · MOVE index · EM spread
Asset Class Sentiment
Equities
64% bull
Fixed Income
59% bear
Commodities
72% bull
USD Index
55% bull
Crypto
81% bull
Economic Calendar — Next 5 Events
High
Mon 21:30
US Non-Farm Payrolls Exp: 185K
🇺🇸
High
Tue 02:00
Fed Chair Speech FOMC hawkish risk
🇺🇸
Med
Tue 17:30
UK CPI YoY Exp: 2.8%
🇬🇧
High
Wed 21:30
US CPI MoM Exp: +0.3%
🇺🇸
Med
Thu 11:00
ECB Rate Decision Hold expected
🇪🇺
AI-synthesised sentiment indicators — simulated data only. Not financial advice. Not connected to live market feeds.
This panel demonstrates AI-assisted market intelligence UX design — gauge layouts, confidence indicators, and calendar hierarchy for institutional trading contexts
UX Copy Generator
Ready · Demo mode
Scripted · No API
Tone:
Generating...
Scripted outputs · Demonstrates AI-assisted copywriting workflow · Not connected to a live API
Persona Generator
Ready · Demo mode
Scripted · No API
Scripted personas · Demonstrates AI-assisted research synthesis · Not connected to a live API

This portfolio was built with Claude. AI helps me work faster — but every design decision comes from five years of shipping real products in regulated markets, working with legal, engineering, and product teams every day.

"The best financial products feel obvious in hindsight — not because they're simple, but because someone understood the business well enough to solve problems before users ever noticed them."

Five years of designing for ASIC, FCA, and MiFID II markets taught me something: in finance, the gap between "looks good in Figma" and "actually works in production" is measured in regulatory risk and user trust. I close that gap by earning trust across functions — the CEO briefs me directly on investor materials, the CFO annotates charts in my Figma files, Legal reviews my compliance components before engineering builds them. That's a design lead who learned enough of everyone's world to keep the whole team moving.

The Team Ships Faster with Me in It

Our lead engineer said it was "one of the smoothest cross-team collaborations" he'd experienced. I join standups, adjust specs to match how engineers structure components, and jump in on edge cases instead of saying "follow the mockup." Component misuse dropped from ~30% to under 8% after I introduced governance docs. The CFO's revision cycle went from multi-day email rounds to same-day Figma sign-off after I onboarded him into the tool.

I Understand What the Business Actually Needs

When ASIC issued a 14-day compliance order, we responded in days because the design system was already built for it — compliance logic lives in component variants, not page layouts. When the CEO needed investor materials for a capital raise, he briefed me directly. When I designed the institutional FIX 4.4 API portal, support tickets dropped 67% and integration time went from 3 weeks to 1. I think about what the business will need next year, not just this sprint.

I Know What Different Users Actually Need

40+ countries, three time zones, users ranging from first-time traders to institutional desks managing $10M–$500M daily order flow. Each market has different expectations around trust, risk disclosure, and information density. I've shipped for all of them — retail mobile apps (5.0★ App Store), institutional API portals, and multilingual campaigns in English, Arabic (RTL), Vietnamese, and Japanese — not with one template, but with the right approach for each.

What I Build, the Whole Team Uses

150+ components across web, iOS, Android, and institutional products. The architecture decision that matters: compliance logic — leverage warnings, disclosure thresholds, audit trail markers — lives as component variants, not as page-level overrides. So when ASIC changes a leverage cap or ESMA bans inducements, engineers update one component and the change propagates across all 5 platforms. Eight regulatory updates in 2 years, zero structural redesigns.

Let's Talk

Looking for Senior Product Design roles at institutional finance and fintech firms — teams where designers have a real say in product decisions. I add the most value in regulated environments where design touches compliance, trading, or wealth management.

Download Resume PDF

San Francisco · New York · London · Zurich · Singapore · Taipei — open to relocation

Currently open to Senior Product Design roles — available now