Selected Work 2022-2024

Designing clearer paths through complex systems.

The projects below span visual editing, mobile field research, computational analysis, decision support, and responsive web systems. Each case study focuses on the choices that shaped the product - not only the final interface.

verified Independent IP · Production Grade

Xiaodong Wang portfolio - Designing clearer paths through complex systems.

Case Study · 01

Interactive Editor

check_circle Independent product · Browser application · Copyright registered v2.4

Visual Web Editor · Design Engineering 2023-2024

Aura Canvas

Role: Lead Product Designer & Frontend Architect | Platform: Web / Chromium

Engineered an in-browser spatial layout environment that bridges design intent with deterministic DOM generation. Solved complex canvas virtualization, infinite nesting constraints, and multi-tier state reconciliation for non-technical creators.

Editor UX Canvas Engine Information Architecture DOM Synthesis

Explore Case Study arrow_outward 12 min read

Case Study · 02

Native iOS

pending Independent product · Native iOS application · Copyright in progress Build 184

Mobile Field Research Product 2023

UPSN

Role: Principal Designer & iOS Prototyper | Platform: iOS / Swift

Designed a resilient offline-first mobile data capture system for remote field specialists operating in intermittent connectivity. Replaced fragmented clipboards and spreadsheet pipelines with an ergonomic one-handed cataloging workflow.

Offline First One-Handed Ergonomics Geo Data Sync SwiftUI Prototypes

Explore Case Study arrow_outward 9 min read

Case Study · 03

Data Platform

check_circle Independent product · Web-based analysis platform · Copyright registered v3.1.0

Data-Intensive Analysis Product 2022-2023

SONX

Role: Lead Product & Information Designer | Platform: Web / Desktop Cloud

Transformed complex acoustic telemetry and dense signal metrics into an actionable, low-latency diagnostic workstation. Reduced diagnostic triage times from hours to under 7 minutes through progressive drill-down hierarchies.

High Data Density Time-Series Workflows Multi-dimensional Filtering Telemetry Design

Explore Case Study arrow_outward 15 min read

Case Study · 04

Decision System

pending Independent product · Browser application · Copyright in progress Release 2.0

Decision-Support Product 2023-2024

Investment & Operations Model

Role: Product Architect & UI System Designer | Platform: Web Desktop

Engineered a multi-variable capital modeling platform to help executive teams test scenario sensitivity across volatile operational conditions. Unified disparate macroeconomic assumptions into a synchronous decision ledger.

Scenario Modeling Financial Visualizations Interactive Calculators Executive Reporting

Explore Case Study arrow_outward 11 min read

Xiaodong Wang portfolio - Investment & Operations Model

Case Study · 05 · Featured System

Scalable Design System

verified Independent practice · Responsive web infrastructure · 20+ shipped experiences 100% WCAG AAA

Responsive Design · Component Systems 2022-2024

Web Experience System

Role: Design Systems Lead & Web Architect | Platform: Responsive Multi-Device Web

A comprehensive responsive framework engineered for content-dense, editorial, and transactional digital products. Standardized fluid typography curves, tokenized color spaces, strict accessibility baselines, and a component architecture serving over twenty production deployments.

20+ Shipped Sites

99.8% A11y Score

<60ms INP Latency

Design Tokens Fluid Responsive Math Component Library Documentation Ops

Explore The Complete System arrow_outward 8 min overview

architecture Methodology Note

The strongest product stories are rarely linear. Open a case study to see the key decisions, constraints, and trade-offs behind the final experience.

Curious about unreleased tools, proprietary prototypes, or technical design implementation?

About Practice Start a Conversation chat