Role
Creative direction, interaction design, front-end prototyping and real-time 3D choreography across desktop, tablet and mobile.
Spatial wireless headphones
NOVA
Hear beyond.
Immersive listening, adaptive quiet and effortless movement in one sculpted form.
Explore NOVA ↘
Scroll to enter the experience
Sculpted comfort
Made to disappear.
Soft-touch contact surfaces and articulated geometry are shaped to feel considered from every angle—quietly present when you wear them, unmistakable when you look closer.
Select a point on the product to inspect the detail.
Immersive audio
Your space becomes
the soundstage.
These concept listening profiles demonstrate how the interface could communicate different listening intentions without inventing measured acoustic performance.
Spatial opens the presentation for a wider, more immersive listening feel. Focus reduces surrounding motion. Ambient keeps the visual field open to the world around you.
Adaptive listening
Silence,
on your terms.
Move between two conceptual noise-control behaviors: one prioritizes isolation, while the other keeps awareness of the surrounding space.
Adaptive represents focused isolation. Transparency represents awareness and a more open connection to the environment.
Articulated form
Made to move.
NOVA's folding geometry becomes part of the experience. Open it into its listening form or fold it down and continue the journey from there.
Direct inspection
Look closer.
Explore the cushions, hinge and earcup controls. Drag for a curated view, or jump to a named angle when you want to understand the whole form.
NOVA / Spatial wireless headphones
Hear beyond.
Designed for immersive listening, adaptive awareness and a form that moves with you.
Spatial Audio
Adaptive Noise Control
Transparency
Multipoint
Articulated Form
Portfolio case study / 01
Behind NOVA.
Behind the experience: how the product story, interactions and real-time 3D system were designed to work together.
View the build ↘NOVA / Interactive product experience
Designed like a launch.
Built like a product.
A fictional premium headphone campaign built around a live animated 3D asset—not a pre-rendered product video. The interface, camera, product motion and responsive behavior are all authored as one system.
Challenge
Make one GLTF feel like a premium product campaign without hiding behind pre-rendered video, while keeping direct interactions legible and responsive.
What I built
A scroll-driven Three.js experience with authored camera choreography, state-based lighting, skinned-surface hotspots, bounded inspection and responsive composition rules.
Result
A portfolio piece that behaves like a launch experience first, then reveals the implementation decisions and technical constraints behind the presentation.
Runtime anatomy
The same headphone explored above runs from the live skinned GLTF and its authored source animation. Product framing, lighting and interaction state are composed at runtime.
36skeletal joints
14skinned meshes
3source clips
42principal clip channels
27.71 SECprincipal source clip
Three.jsGLTF runtimeScroll choreographyResponsive 3DReal-time lighting
For client work
Turn a product into
an experience.
NOVA demonstrates a workflow that can be adapted to real products, campaign launches and commerce experiences.
Interactive product launches
Scroll-led launch pages that combine product storytelling, motion and responsive interaction.
Product configurators
Commercial interfaces for exploring options, details and product states when credible source assets are available.
Responsive 3D integration
Real-time product presentation designed around desktop, tablet, mobile, reduced motion and graceful fallback.
Campaign experiences
High-impact microsites that connect brand direction, interaction design and production-ready front-end systems.
PROJECT STARTER
Use this one-line brief when messaging me from the portfolio platform where you found this project.