Skip to main content
ARPANN SINGH
Available
Back to Selected Works
●UI/UX Design · 2026
Binaural sound spatialization for mixed-reality acoustic environments

An immersive 3D spatial sound manipulation console blending tactile Swiss control ergonomics with WebGL audio field visualisation.

Discipline
UI/UX Design
Role
Lead Interaction Designer & Creative Developer
Timeline
4 Months
Client / Context
Atelier Sonique Research
Tools:FigmaThree.jsReact Three FiberWeb Audio APITypeScript
View PrototypeResearch Paper
Spatial Audio Interface — UI/UX Design
01Overview

Project Overview

01 — Genesis

Reimagining Acoustic Ergonomics

Digital audio workstations have preserved physical mixing desk skeuomorphism for over thirty years. With spatial computing headsets, acoustic spatialization demands a radical leap toward direct volumetric manipulation.

01

8.4ms

Audio Latency

Real-time binaural rendering

02

120 FPS

Display Refresh

Metal & WebGL sync

03

+42%

Spatial Accuracy

Compared to conventional pans

02Problem Statement

The Challenge

02 — Problem Space

Precision Without Skeuomorphism

Translating 3D vector coordinates into low-latency head-related transfer functions (HRTF) requires musicians to perceive depth intuitively. We avoided faux-metallic knobs in favor of clean Swiss editorial typography and geometric vector nodes that respond to gaze and finger micro-gestures.

“The best spatial interfaces make acoustic physics feel like clay in your fingers.”

— Dr. Florian Meyer, Head of Audio Research
03Outcome & Reflections

Outcome & Impact

03 — Synthesis

A New Standard in Spatial Sound

The interface debuted at the European Spatial Audio Conference and was deployed across four experimental recording facilities. The design system architecture formed the foundation for Atelier Sonique’s commercial workstation release.

Interactive Systems Sandbox[ LIVE IN-BROWSER SIMULATION ]

Production Model Inference & Systems Telemetry

Emergency Priority Code:
MAARGSETU DISPATCH PROTOCOL

Dynamic Encrypted QR Handoff Token

Token ID: MS-EMG-9984-7F2A

Destination Facility:Bhilai District Multi-Specialty Trauma Center
Reserved Capacity:ICU Critical Care Bay 04
Live Transit ETA:5.8 Minutes (Priority Route)
Webhook Telemetry Packet
{
  "token": "MS-EMG-9984-7F2A",
  "hospital": "Bhilai District Multi-Specialty Trauma Center",
  "bedBay": "ICU Critical Care Bay 04",
  "etaMinutes": 5.8,
  "status": "ACTIVE_TELEMETRY_SYNCED"
}
ARCHIVEVisual Plates

Project Gallery

Next Case Study

Monolith Exhibition Identity

Continue Reading
Monolith Architecture Identity — Graphic Design