Skip to content
SR Web Studio
Concept demo3D web

Halden Roam: 3D exploded view of a speaker

A concept product page for a fictional portable speaker. Visitors pull it apart with a slider, turn it around and tap any part, like the drivers or the battery, to see what it does. Built with three.js and SvelteKit.

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

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

Halden Roam: 3D exploded view of a speaker, a concept demo

Screenshots

  • The Halden Roam speaker, fully exploded
    The Halden Roam speaker, fully exploded
  • Tap any part to highlight it and read about it
    Tap any part to highlight it and read about it
  • The exploded view on a phone
    The exploded view 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.