Soundroom
A listening mood with a place to keep it.
Soundroom is a music discovery app for a small collection of independent ambient sketches. A wide recording-studio photograph gives the featured release a physical setting, while a compact track ledger makes the listening choices clear. Original abstract cover compositions carry each sound’s identity through the main list, mood rooms, discovery column, and persistent player. Amber selection states sit between a near-black listening canvas and a muted plum discovery desk. Listeners can play the actual short clips, seek within a track, set the volume, explore a mood, and keep a personal collection. Quiet Sora typography and carefully controlled depth make the interface feel direct, contemporary, and intimate.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
A small music collection needs a way to move from discovery to actual listening. Track selection, playback and a personal collection should remain visible in the same workspace.
What I built
A music discovery website with real short audio playback, seeking, volume, mood rooms and a local saved collection.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
A wide recording-studio photograph leads the dark discovery view. An amber track ledger and plum mood desk surround the persistent player.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Give a release a physical setting
A wide recording-studio photograph leads the dark discovery view. An amber track ledger and plum mood desk surround the persistent player.
Let the sound do the work
The player uses the actual short recordings. Track changes, seeking, volume and saved collection state stay integrated with the discovery list.
A room around the source of sound
Nested open frames form a listening room, with a central dot marking the source of sound.
From start to finish.
- Explore a release or mood
- Play and seek within a track
- Keep it in the collection
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- music
- dashboard
- album art
- independent artists