For Your SoundCloud 2024, we pushed Rive by creating the first fully interactive Playback Listene...For Your SoundCloud 2024, we pushed Rive by creating the first fully interactive Playback Listene...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Curated by Kayla Elorza for Motion Ocean
For Your SoundCloud 2024, we pushed Rive by creating the first fully interactive Playback Listener Stats experience built entirely in Rive.
Delivering a real-time recap to over 50 million users brought big challenges. We wired engineering pipelines into Rive’s animation tools and used data binding so every screen stayed personalized and fast, embedding it in Soundcloud's native mobile apps, while keeping it all under 13MB which was another big challenge.
Each story worked like its own product, with its own visual style, animations and listener data shaping the result.
The video shows the key screens that shipped, including Top Tracks, Top Moods, Top Artists, Top Genres and Listening Times.
The result reached a global audience, sparked social engagement and raised the bar for SoundCloud recaps.
Koushik's avatar
Super work
nati's avatar
Highly professional
Monic's avatar
MNC logo
incredible!
Adrian |'s avatar
Om's avatar
pro
β€’ Dec 2
Cool😍
Stephen's avatar
Great work πŸ’ͺ🏼
Laiba's avatar
Such a polished look πŸ‘Œ
Catherine & Vlad's avatar
wow 😍
Sheikh's avatar
Excellent Work!
Akin's avatar
Great examples of that style πŸ‘
Instant Goat. That's the one! Have you used Rive much since then? I found it slightly finickity to wire up when I tried it a year or two ago. Performance was spotty, too.
Love your work
Adrian |'s avatar
Actually did, for a wide variety of projects. Pretty happy with it so far!
Tyson's avatar
Such a great project! Amazing how you integrated a nostalgic music flyer aesthetic into such a dynamic and animated format. I love it
Kayla's avatar
🀯 Amazing work!
Shayan 's avatar
Insane work!
Rita's avatar
Digital Sphere logo
pro
β€’ Dec 3
the creative direction is on point
Kevin's avatar
love the style
nati's avatar
Brilliant job
Tony's avatar
pro
β€’ Dec 3
The animation is incredible, and so is the graphic design πŸ‘Œ Is that yours too?btw, I've been seeing a lot of Rive being used lately. How is the learning curve for a designer with no experience in motion graphics?
Adrian |'s avatar
Of course! Learning curve is a lot less than something like AE.
Ryan's avatar
Amazing
Israel's avatar
This is imperessive πŸ‘
A.'s avatar
pro
β€’ Dec 3
Great implementation!
Serena's avatar
Kohi Design Studio logo
this is SO cool!! Love everything about thisπŸ”₯
Simply7's avatar
y'all not playing with this challenge
Jerry's avatar
Way better than Spotify Wrapped- this has soul and personality to it! Nice work
Daniele's avatar
Really cool work!
UIX's avatar
Nice Work
Brigitte's avatar
The Realest logo
Never has a goat been much needed!! Straight fire πŸ”₯πŸ”₯
Lucky's avatar
Ideally, the best thing I've seen today!πŸ‘
PCW's avatar
β€’ Dec 5
This build - feels incredibly dynamic. The way you handled real-time stats inside Rive is genuinely impressive.
Bori's avatar
Super cool
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started