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
1m+ views in 48 hours for a 33s b2b video.
most people say you must show the ui in second 1 or you lose the audience. reception.ai spent 13 seconds on the problem alone—and it worked.
broke down the pacing, retention loops, and why this converts below 👇
the second-by-second teardown:
0:00–0:03 [hook] kinetic text stops the scroll in 3s before viewers realize it's an ad.
0:03–0:13 [problem setup] agitating the financial pain across 3 industries instead of pitching an "ai tool".
0:13–0:16 [solution] visual pattern break (light to dark) to reset viewer retention.
0:16–0:23 [demo] 7 seconds of live dialogue kills the #1 voice ai objection ("does it sound robotic?").
0:23–0:28 [features] single-line copy. zero dense text. low cognitive load.
0:28–0:33 [cta] clean brand close.
strategic takeaway: great for organic launch buzz. for cold paid ads, 13s on the problem is risky—compress to 4s and hit the demo by second 5 for better retention.
The light-to-dark break after the problem stretch is a real retention reset, not just a style change. And the paid-vs-organic note is the useful part — 13 seconds can earn the setup here, but cold ads would want the demo much sooner.
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
Challenges
View all
Related posts
Good UI motion answers three questions:
Where should I look?
What changed?
What happens next?
That’s the checklist I use when thinking through a SaaS explainer.
A transition can connect two steps.
A highlight can direct attention.
A short pause can give someone time to understand the result.
When all three happen at once, the viewer has to work harder.
Before adding another animation, I ask: does this help someone follow the product?
A few frames from my Mesa, Aura and Shippiz projects, brought together in an AI-assisted collage. Different products, the same goal: make the story easy to follow.
What’s harder in your product videos: deciding what to animate, or getting the timing right?
#MotionDesign #SaaS #UIAnimation #ExplainerVideo
75 seconds sizzle reel for Jockey, TwelveLabs. Every screen in it is animated UI, built frame by frame, not screen capture.
Full case study⬇️⬇️⬇️
https://contra.com/p/AU677o6R-ai-video-product-sizzle-promo-for-twelve-labs-with-ui-animation?referralExperimentNid=DEFAULT_REFERRAL_PROGRAM&referrerUsername=blahomyr_motion_graphics
Absolute Motion 🙌
2.8M views for a launch video that should be too slow for X.
75 seconds.
No voiceover.
No fast cuts.
Framer turned a product release into an event.
The video is slow, but it never feels empty.
First, Framer teases the new interface. Then we see the Agent redesign a page, create responsive versions, write a code component, and work across the product.
Framer can spend 10 seconds building curiosity because the post explains the launch and the audience already knows the product.
Smaller brands should show the result sooner.
But the lesson is worth copying: show the real product, use one visual style, and give every scene one clear job.
P.S. This isn’t my work. I study the best and apply what I learn to the Launch Videos I create for my clients ❤️🔥
I always appreciate videos like this. Thanks for the share, Nikita!
