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
The Outcome Kit - for SVGator Challenge
I built this because the gallery is full of logo reveals and hero loops, but there's nothing for what we actually ship to clients: a clean case-study story with a real result metric.
It's a reusable 6-second outcome template. You swap your logo, before/after images, headline, and the result number - the animation stays exactly the same. A signal line draws from the problem through the transformation and resolves on the stat, so the viewer follows one visual thread.
Built with the SVGator MCP, then finished by hand in the editor. Real editable text (Space Grotesk + IBM Plex Mono, both OFL), named layers (brand-logo, headline, before-image, after-image), replaceable image slots with matching 450×300 frames. All original artwork, no stock, no borrowed icons.
The proof video shows the master (an editorial redesign) then the same timeline with a completely different brand (a wellness rebrand). Same animation, zero timeline changes - logo, images, headline, stat, accent color all swapped.
Category gap: case-study/outcome stories. Agencies and freelancers need this; it wasn't in the gallery.
SVGator Project - https://app.svgator.com/editor#/f38493c0a0424d1ca40212432856c3be
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
Hey Contra and SVGator team, thank you so much for this challenge. 🙏 It was a lot of fun to work on.
I'm Amine, a motion designer, and this is my entry: "The Milestone Deck". It's a counter and card-line template for brands and creators who want to celebrate a win, like hitting a follower, subscriber or sales number, and share it in a way that looks good.
I followed the brief and checked the gallery to make what's missing. When I scrolled through it, I saw lots of logo reveals, icon hovers and product-promo cards, but nothing for the moment you hit a milestone and want to share it. So I made that. I wanted something different from the usual product previews, and I think a lot of brands and creators will actually use it.
What's inside:
Real, editable text for the brand name, the caption and the counter
Clearly named layers, with notes in the names about what to change
Every card image in its own element, so swapping one is easy
A counter that counts up, and a line of cards that moves like a worm
Proof it can be changed: the video shows the same template with two sets of content, a gray version and a purple one, with a different number and color and the same animation. The walkthrough shows how to rebrand it step by step.
About the tools: as a motion designer, I really like how effective SVGator is. The idea and the designs are mine. I used the SVGator MCP with Claude only to replicate animations, the repetitive keyframe work that would have taken me ages by hand, and it saved me a lot of time there.
Thanks again, SVGator and Contra. 😍
Such a great work!
Built in SVGator using the SVGator MCP.
.
This template combines precise masking,
smooth camera movements, and small animated
icon details which are easily replaceable.
Good work...
Built Reveal in
@SVGatorApp, an expandable portfolio card with smooth motion and editable content.
The demo shows the same template with two content sets.
I love it. Its so modern!