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
For the SVGator Challenge, I wanted to create something more than just another animated advertisement. My goal was to design a reusable Instagram Reel template that could be adapted to different brands, products, and campaigns without rebuilding the entire animation.
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
I am often inspired by some of the graffiti on the shop shutters here in Barcelona. Sometimes the shutter is the billboard. So for the @SVGator challenge I turned it into an animation template any shop can make its own!
Persiana rolls up on mural art, brings in the brand, runs three products and ends on the ask. Every layer has a real name, so turning a plant shop into a record store means retyping the text and swapping the logo and three photos.
The beauty of this is that I never drew a frame by hand. Claude Code wrote all six shops straight into SVGator through its MCP, keyframes included, and the edits in the video run on the live export.
I'm in LOVE with the results. What do you think?
#svgatorchallenge
Sometimes the shutter is the billboard is such a perfect line for Barcelona, Andrés. Turning street-level graffiti culture into a reusable template that any shop can own is lovely. Claude Code writing all six shops straight through the MCP, keyframes included, is genuinely impressive.
Created a testimonial UI Design for homepage
How I built this:
Designed the UI in Figma
Gave the design to ChatGPT
Describe the motion, how I wanted
Iterate! Refine!
.
.
Upon completion, used it as template
and, created a new video.
Describing the motion to ChatGPT and iterating is a smart loop, deepika. The DeepAriesAI testimonial card with that plus-five satisfied customers badge feels trustworthy, and the template reuse at the end closes the loop nicely. Well executed.
Ingredient X-ray: Product Ad Template
Second entry · SVGator x Contra Template Challenge
What it is
An animated product ad for social feeds (1080×1350, 8.4-second loop). Your product goes through an x-ray scanner, three key facts appear, and it’s revealed with a buy button.
Best for
Skincare and beauty, supplements, food and drink, pet care, cleaning products: any brand with an ingredient, material or spec worth showing.
Who it’s for
DTC brands, social media managers, agencies and freelancers who need a scroll-stopping product ad without animating from scratch.
What you change
Product photo: one transparent, cropped PNG, swapped in a single layer. It auto-fits and sits on the belt. You can also paste vector artwork into the product group.
Logo
Headline, three facts, product name and button text
Backdrop, floor and button colours (optional: x-ray tint colour)
What stays automatic
The x-ray view (built from your one photo), belt motion, motion blur, product shadows, studio lighting and depth, the scan, the reveal and the seamless loop.
Proof
Shown with three brands: a vitamin C serum, a white cream jar and a soda can. Same animation, one photo swapped each time.
Built with the SVGator MCP through Claude. All artwork is original. Fonts are Inter and JetBrains Mono, and the demo logo lettering is converted to outlines.
An x-ray scanner reveal with three key facts and a buy button in an 8.4-second loop is a brilliant ad format, Sabik. One transparent PNG swap and the whole belt animation adapts automatically. Proving it with a vitamin C serum, a cream jar and a soda can shows real range.