Xiaodong Wang
About

I design systems that help people understand complexity and act with confidence.

I’m a Product Designer based in Shenzhen, working across UX/UI, professional tools, data-intensive products, and Design Engineering.

My background includes spatial planning, multidisciplinary project delivery, data-driven research, and independent digital product development. Across those fields, the underlying work has remained consistent: understand a complex situation, structure the information, compare possible directions, coordinate constraints, and turn the result into something people can use.

12+ Years Systems Logic
20+ Live Web Engines
1:1 Design to Code Drift
Xiaodong Wang - Product Designer in Shenzhen
architecture
location_on Shenzhen, China
Product Design & Design Engineering
01 / TRAJECTORY

A continuous design path.

Spatial planning developed my understanding of systems, scale, hierarchy, stakeholders, and implementation. Computational research added data, networks, and visualization. Digital products brought those methods into interfaces, workflows, prototypes, and working software.

1 Origin

Spatial Systems

Regional scale, urban hierarchy, zoning constraints, and complex multidisciplinary stakeholder alignment.

2 Analytical

Data-driven Research

Spatial analytics, computational graph theory, Python/OSMnx, topology modeling, and quantitative synthesis.

3 Internal Tooling

Digital Tools

Internal desktop & web utilities, parametric scripts, decision support pipelines, and workflow automation.

4 Product

Product Design

Information architecture, progressive disclosure, high-density professional UX/UI, and mental model alignment.

5 Execution

Design Engineering

Production code (Tailwind, SwiftUI, WebGL, React/Next.js), token systems, QA verification, and zero-drift handoff.

02 / FOCUS

What I work on now

I currently focus on digital products that organize complex information, support professional decisions, or connect design with implementation. My independent work includes Aura Canvas, UPSN, SONX, an investment and operations model, and more than twenty responsive web experiences.

Canvas UI layers

Aura Canvas

Design engineering spatial canvas featuring infinite panning, node-based tree synthesis, and time-travel state collaboration.

Exploration & Engine arrow_forward
Native iOS phone_iphone

UPSN

Native field telemetry & spatial observation app built with SwiftUI for rapid on-site data ingestion and offline-first cache.

Telemetry System arrow_forward
Computational Tool hub

SONX

Street-network topology and urban resilience computational workbench, mapping betweenness centrality and critical connectivity nodes.

Graph Analytics arrow_forward
Decision Support analytics

Investment & Operations Model

Early-stage financial and spatial feasibility decision support system reconciling multi-variable ROI scenarios in real-time.

Scenario Comparison arrow_forward
Production Suite code

Web Experience System

Over twenty production-grade responsive web architectures built with centralized design tokens, strict accessibility standards, zero runtime bloat, and predictable component trees.

Explore 20+ Production Applications arrow_forward
03 / METHODOLOGY

How I work

01

Start with the system

Understand relationships, dependencies, and constraints before optimizing individual screens. Interfaces fail when they fixate on surface treatment before solving the structural model.

02

Make choices visible

Explain the trade-offs behind the design instead of presenting the final interface as inevitable. Stakeholders make better decisions when alternatives and their second-order impacts are laid out.

03

Prototype the real behavior

Use interactive prototypes and functional implementation to test actual dynamic states, dense content, responsive reflows, and real edge cases that static boards conceal.

04

Keep complexity legible

Professional products can be powerful without making users carry the full cognitive complexity of the system. Through disciplined hierarchy and progressive disclosure, the density stays manageable.

04 / CAPABILITIES

Core capabilities & toolchains

account_tree

Product Design & Information Architecture

  • Workflow Mapping & Systems Architecture
  • Progressive Disclosure & Task Analysis
  • Mental Model Alignment & Heuristic Evaluation
Tools: Figma FigJam Miro Whimsical
dashboard_customize

Complex UX/UI & Professional Tools

  • High-Density Workstations & Large Data Tables
  • Spatial Canvases & Interactive Inspector Panels
  • Compound Filter, Query & Form Systems
Tools: Figma Tokens Studio Storybook
terminal

Design Engineering & Prototyping

  • Interactive High-Fidelity Code Prototypes
  • Dynamic State Machines & Micro-interactions
  • Zero-Drift Token Pipelines (Tailwind & CSS Vars)
Tools: HTML5 / Tailwind TypeScript SwiftUI Framer Rive
scatter_plot

Data Visualization & Spatial Systems

  • Topological Graphs & Network Metric Analytics
  • Geographic Map Overlays & Spatial Clusters
  • Scenario Comparison Matrices & Statistical Plots
Tools: Python OSMnx NetworkX Mapbox D3.js
Certifications & Licensure

Professional Credentials

Primary Verification 2025

Google UX Design Professional Certificate

Google / Coursera · End-to-end design process, accessibility, interaction design, usability studies, and design systems.

verified National Professional Licensures
Class 1 Registered Architect 一级注册建筑师
Registered Urban Planner 注册城乡规划师
Senior Engineer 高级工程师

Rigorous engineering governance, spatial logic, and large-scale systemic execution standards applied directly to digital software systems.

Academic Foundation

Education

Tongji University

Master

Master of Public Administration (MPA)

Public policy analysis, resource allocation frameworks, and systemic institutional stakeholder alignment.

Xinjiang University

Master

Master of Physical Geography

Spatial topology modeling, quantitative environmental analytics, and geographic computational methods.

Northwest Institute of Architectural Engineering

Bachelor

Bachelor of Urban Planning

Rigorous architectural drafting, physical zoning logic, and structural circulation planning.

Interested in working together?

I’m open to Product Designer, UX/UI, professional tool, data product, and Design Engineering opportunities.

Available for selected full-time, contract, and consulting roles.