I’m Xiaodong Wang, a Product Designer combining systems thinking, UX/UI, and implementation to turn complex professional workflows into clear product experiences.
Each project began with a complex workflow, fragmented information, or a difficult decision. The case studies focus on how those problems were structured, designed, and translated into working products.
A browser-based editing system that turns imported HTML into manageable sections, layouts, styles, data connections, and responsive previews.
A native mobile workflow that connects projects, field notes, photos, locations, routes, attachments, and research records.
A professional platform that turns multi-step street-network analysis into a clearer workflow for comparison, resilience assessment, and visualization.
A scenario-based product for evaluating development cost, revenue, operations, ROI, payback periods, and socioeconomic impact.
A synthesis of 20+ responsive web experiences across professional services, wellness, photography, pet care, creative studios, and personal brands.
My process is not a fixed sequence of deliverables. It is a series of decisions connecting user needs, information structure, interaction, visual design, and implementation.
Clarify the problem, users, goals, constraints, and available evidence.
Organize information, workflows, states, relationships, and priorities.
Explore key choices, prototype interactions, and create a coherent interface system.
Build, test responsive behavior, and refine the details through implementation.
Problem framing, user flows, information architecture, interaction design, prototyping
Typography, hierarchy, responsive layout, components, design systems, motion
HTML, CSS, JavaScript, Tailwind CSS, SwiftUI, responsive QA, deployment
Python, OpenStreetMap, OSMnx, NetworkX, GIS, quantitative analysis, visualization
Focused explorations in booking flows, interface behavior, motion, and AI-assisted prototyping.
BOOKING FLOW
A progressive service-booking experience exploring availability, estimates, add-ons, pricing, and confirmation.
MOTION & RIVE
Interaction studies focused on feedback, transitions, states, and meaningful motion.
FRAMER & PROTOTYPES
Responsive studies built to test components, scrolling, navigation, and implementation ideas.
My background spans spatial systems, project leadership, computational research, and digital product development. That path shaped a design approach grounded in structure, trade-offs, and real-world delivery.