04 / 08Music streaming
Wexentra.
A streaming app with albums, artists and a player, and the song drawn in 3D as it plays.
The idea
A streaming service for independent musicians. It has to feel as polished as the big apps and give people something the big apps don't.
What's inside
Home, search, album and artist pages, a library with liked songs and a player that stays with you on every page. On the Now Playing screen a 3D visualiser moves with the track.
- Pages
- 6
- Songs
- 27
- Typical timeline
- Agreed on the first call
Things to try
- 01
Player
Play, skip, shuffle, seek and volume, kept on every page.
- 02
Search and browse
Genres to explore and results for songs, artists and albums as you type.
- 03
Albums and artists
Tracklists, popular songs, follow and like.
- 04
3D Now Playing
The song as a living shape in the record's colours, turned by hand.
How the demo is built
4 layers, from the screens people use down to the servers. Scroll and the demo comes apart into them.
- 01InterfaceThe screens people see and tap.
- 02ComponentsButtons, cards and forms, built once and reused across the site.
- 03DataContent, prices and bookings, kept in one place.
- 04ServersHosting, payments and the services that keep it running.
Music sites, circa 2009.
On the left, a player that needs a plugin, a top 40 made of links and a shoutbox. On the right, our streaming demo.
Typical
- A player that needs Flash
- Songs as rows of links
- No library and no playlists
- Nothing plays on a phone
Our demo
- Plays instantly, anywhere
- Albums, artists and your own library
- Playlists made for each listener
- A 3D view that moves with the song
Try it
This is the working demo. Click around.
What we'd build it on
- Next.js
- TypeScript
- Web Audio
- React Three Fiber
- Stripe
Next demoWexentra.