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
Back to feedPost
Product Motion Detail — Rubric
For this SaaS explainer, the focus was structure and clarity.
Having the founder in shot, alongside his voice, helped make the product feel more human and easier to understand — not just a polished UI walkthrough.
The motion design supported the story by guiding the viewer through what the product does, who it helps, and why it matters.
Founder voice → product story → SaaS explainer
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
Related posts
Cursor Camp, A Real-Time Multiplayer World, Built with Rive
Cursor Camp is a live multiplayer playground where up to 1000 real cursors from around the globe share the same space simultaneously. A beach, lazy river, clubhouse, campfire, soccer pitch, cave, treehouse and more, brought to life through over 40 Rive-powered interactions and animations spanning environments, characters, objects, and interactions.
My role was building the entire Rive layer. Starting from the illustrator’s artwork, I translated everything into interactive systems, rigging and animating scenes, characters, and objects while developing the state machines and behaviours that make the world feel dynamic and alive.
The real challenge was making it data-aware. Using ViewModel data binding and Luau scripting throughout, every animation responds to live runtime input, with cursors picking up objects, triggering states, and reacting to a constantly changing world.
That includes moments like players duetting on a piano in real time, progressively eating an entire cake with each click, adding sticks to a fire to increase its intensity, or dropping ingredients into a cauldron to dynamically change the colour of the broth.
The result is a Rive system ready to be wired into Neal Agarwal’s multiplayer backend, where WebSockets keep thousands of players in sync in real time.
It hit the front page of Hacker News on day one, with people asking one question over and over:
How is this running in a browser?
That’s the impossible UI.
I like the art style and the all details of the game. Really good work.
Which animation would you choose?
Putting together a Case Study sometimes involves making some really tough decisions... what to include, what to leave out, what to highlight, and even what to scrap entirely.
I created two different animations that display the same information, so the client could decide which one they thought was best.
I know you don’t have the full context, but I’m confident your keen eye will pick the right option.
21 voted
31%
46 voted
69%
67 votes
Closed
Sequence shot looks clean, congrats!
Where being a Creative Dev actually makes sense👇
A client recently told me something:
“Everything is there… but something feels off.”
Sometimes the product is solid and the design is well-structured, but the experience just doesn't land. It feels flat and, above all, easy to forget.
That’s exactly where our role as Creative Devs shifts from technical to narrative. It’s not about "decorating"; it’s about fixing the flow.
For this project definitely one of my favorites from my first year as a freelancer we used Webflow, GSAP, and Spline to build what was missing: the pacing.
- Guiding the eye with transitions that feel natural.
- Connecting sections so the scroll doesn't feel like a series of jumps.
-Simplifying the complex through interactions that react to the user.
It’s amazing how the same message changes completely when you stop just "showing" and start "communicating" through motion.
After 12 months of going solo, these are the projects that remind me why I chose this path.
Oww this is so good.
I love the spheres, how you did them? Spline?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
