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
website scroll animation made in rive for a B2B company Vobiz
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥
Built the nième génération site so every scroll reads like a document degrading in real time — GSAP-driven scan reveals, blend-mode carousel transitions, zero fades, zero rotation.
—
SCROLL ENGINE: GSAP + SCROLLTRIGGER | MICRO-INTERACTIONS: FRAMER MOTION | REVEAL: CLIP-PATH ONLY
zero fades zero rotation, brave
AcreamStudio App Launch Video🎉
The Challenge
Work can quickly become fragmented and overwhelming. Constant tasks, notifications, and context switching often leave users feeling mentally overloaded and out of control.
The video needed to communicate that tension in a short amount of time, while clearly demonstrating how the app supports task organization, work planning, and mental wellbeing.
Creative Direction
The film uses a 3D keyboard as a visual metaphor for work-related pressure.
At the beginning, keycaps bounce, pile up, and move in irregular rhythms to create a sense of chaos, tension, and information overload. The visual then shifts into app UI animations and feature demonstrations, using a calmer and more structured motion language to create a strong contrast.
This transition from disorder to clarity helps the audience feel the app’s value rather than simply being told about it.
Solution
Used bouncing, shifting, and densely paced keycap movements to visualize workplace pressure and information overload
Integrated app UI into 3D scenes and transitions, making feature demonstrations part of the story
Built an emotional progression from chaos to clarity through pacing, composition, and motion curves
Created sound design to strengthen the tactile quality of the keyboard, rhythmic tension, and UI feedback
please feel free to leave your feedback 💖
Nice