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
Title: Review Spotlight: an animated testimonial card you can rebrand in 5 minutes
Idea
Reviews are the cheapest trust a small business has, but most owners never turn them into anything that moves. Review Spotlight is a 4:5 animated testimonial card for feeds and stories. A customer quote, a face, a logo and a star rating land in about five seconds. I made it for the SVGator template challenge to fill a gap: the gallery had a star-rating field but no complete testimonial card.
The process
Research. I read the contest brief against the template gallery, listed what was missing, and picked the idea that scored best on reuse.
Design. One warm palette, DM Serif Display for the quote and Inter for everything else. Both fonts are open-licence, and all shapes and placeholder images are my own.
Build. I built it through the SVGator MCP with Claude and checked each export in a browser. That caught two real bugs: a misread of how SVGator combines origin and translate, and background shapes spilling off the canvas. Both are fixed.
Motion. The card springs in, the quote mark pops, the stars fill one by one, and the photo and ring land last. Two slow background shapes keep it alive after it settles.
Proof. I rebuilt the same file for a second brand without touching the animation.
Built to be reused
Every piece is a named, grouped layer, such as "LOGO - replace this image" and "QUOTE - edit text".
All text is retypeable. The logo and photo are separate image layers, and the photo is cropped to a circle automatically.
Brand colour lives in three fills, and 4 or 5 stars is one keyframe change.
Two videos show one animation on two brands.
Honest limits: the quote needs manual line breaks (4 lines, about 26 characters each), and a bare-number rating needs typing in the editor.
Template - Yellow background:
Dark-Green background:
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
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!
THE RECEIPT turns a simple thermal receipt into an editorial fashion launch announcement.
Built with Codex and SVGator MCP, the template lets creators swap brand identities, product imagery, and copy while keeping the same animation, making it ideal for product drops, collection launches, and promotional campaigns.
this is amazing!