Web App•Client: Synthetix Soundworks•Year: 2024
Synthetix Web Digital Audio Workstation
An in-browser digital audio workstation powered by the Web Audio API and WebAssembly, enabling modular patch synthesis and collaborative cloud sessions.
My Role
UI/UX Designer & Web Audio Engineer
Timeline
4 Months (2024)
Core Stack
React, TypeScript
Deployment
Production Active
Measurable Outcomes
4.2ms
DSP Latency
45,000+
Active Producers
Locked 60 FPS
Frame Rate
The Challenge
Achieving zero audio glitching and jitter-free canvas waveform visualization during complex playback.
The Architectural Approach
Offloaded audio DSP algorithms into compiled Rust/Wasm modules executed on dedicated Web Audio Worklet threads.
Design Direction & Typography System
Hardware rackmount aesthetic reimagined through modern flat minimalism.
Development & Engineering Details
Custom virtualized timeline component handling 32 simultaneous stereo tracks with lossless WAV export.
Delivered Capabilities
Modular cable patching matrix with drag-and-drop node connections
Polyphonic wavetable synthesis with custom harmonic shape drawing
Hardware MIDI keyboard auto-mapping via Web MIDI API
Technologies Deployed
ReactTypeScriptWeb Audio APIWebAssembly (Rust)Tailwind CSSCanvas API
Other Selected Case Studies
SaaS Platform — 2025
Kroma Cloud Monitoring Platform
Next-generation telemetry and infrastructure orchestration platform with millisecond latency monitoring.
Read case study
Full-Stack — 2024
Vanguard Capital Wealth Portal
High-frequency wealth portal with real-time portfolio rebalancing and algorithmic trade execution.
Read case study