Skip to content
SR Web Studio
Concept demo3D web

Aura One: 3D headphone landing page

A concept launch page for a fictional pair of headphones. The model floats in the hero, turns as you scroll, changes colour on click and opens in a full 3D viewer. Built with three.js, GSAP and SvelteKit.

  • three.js
  • GSAP
  • SvelteKit
  • Blender
  • Tailwind CSS

Concept work: the product, brand and prices in this demo are made up.

Aura One: 3D headphone landing page, a concept demo

Screenshots

  • The Aura One hero: the headphones float over a dark stage
    The Aura One hero: the headphones float over a dark stage
  • Explore in 3D: a full-screen view to spin the model
    Explore in 3D: a full-screen view to spin the model
  • Sand, Midnight and Silver colourways on the same model
    Sand, Midnight and Silver colourways on the same model
  • The hero on a phone
    The hero on a phone

Want something like this for your product?

Send a few lines about the job. You will get an honest answer on what is realistic and how we would do it.