Aditi Agrawal
Where bold ideas meet flawless execution.
- 20
- Followers
π BAT RIOT β What if cricket became the ultimate night out?
SWING LOUD. STAY LATE.
For the #Base44Challenge, I wanted to build something that went beyond a beautiful landing page.
The idea was simple: take the energy of cricket, combine it with nightlife, and turn it into a complete digital experience.
Meet BAT RIOT, a Melbourne-inspired social-cricket entertainment platform where competitive games, great food, music, and unforgettable nights come together.
But I didn't want it to just look good. I wanted it to actually work.
Using @Base44, I built an interactive booking experience where visitors can explore venues, check bay availability, select a session, and make reservations.
I also built Party Captain, a group coordination experience for invitations, RSVPs, and guest preferences.
Behind the scenes, there's a staff command centre for managing bookings, scores, and waitlists. The waitlist recovery workflow can automatically generate time-limited offers when a session becomes available, helping reduce manual coordination and recover booking opportunities.
And because the visual experience mattered just as much, I went a step further.
Instead of relying on generic stock footage, I used Google Flow to create custom cinematic scenesβfrom cricket action and celebrations to venue reveals and food shots. I then edited and optimized the footage to bring the BAT RIOT identity to life across the website.
The goal was to connect design, functionality, automation, and storytelling into one cohesive experience.
This project pushed me to think beyond individual pages and build something that feels like a real product.
And that's what I'm most excited to share.
π Explore BAT RIOT: https://bat-riot.base44.app/
Built with Base44. Cinematics created with Google Flow.
#Base44Challenge #Base44
11
11
765
β½ ONE KICK. THREE BRANDS. ONE ANIMATION.
What if one animation could tell three completely different brand stories β without rebuilding it from scratch?
Introducing ONE KICK, my third entry for the SVGator Animation Template Challenge on Contra. π
The idea was simple: Build once. Design to change.
I created a football-inspired animated template that transforms across three distinct brand identities while keeping the same core motion, timing, and animation structure.
π FIZZA β Bright, playful, and full of personality.
π’ STRYKA β Bold, energetic, and performance-driven.
π΅ MATCHDAY+ β Dynamic, modern, and built for matchday excitement.
What's behind the concept?
One reusable animation system featuring seven scenes, adaptable branding, customizable text, colors, logos, and visual assets β designed to make brand personalization faster and easier.
From the opening kick to the final branded call-to-action, the goal was to show that great motion design doesn't have to be created from zero every time.
Where it shines: Sports campaigns, promotional ads, social media content, product launches, and animated brand storytelling. The template is designed for creators who want polished motion while keeping the freedom to make it their own.
The challenge I set myself: Could one animation feel like it was custom-made for three completely different brands?
The showcase is my answer.
3 BRANDS. 1 TEMPLATE. 0 REDRAWS.
Built with SVGator. Designed for reuse. Made to work again.
Would love to hear which identity you think works best! π
@SVGatorApp #svgatorchallenge #SVGator #Contra #DesignChallenge
9
12
1.2K
π One Motion System. Five Brands. Endless Possibilities.
Introducing ISOMETRIC FINANCE UNIVERSE β my second entry for the SVGator Animation Template Challenge! β¨
What if one animation could tell five completely different brand stories without rebuilding the motion?
That's the idea behind this project.
I created a 12-second, fully customizable 2.5D animation template featuring intricate geometric transformations, unfolding isometric platforms, floating objects, cinematic camera movement, and a polished product reveal.
Then I brought it to life across five fictional financial brands:
π³ PENVO β Digital payments and wallets
π RESVIO β Banking and savings
π CANDLEO β Stock-market investing
βΏ SATRIUM β Bitcoin and cryptocurrency
πΏ TALLYFERN β Savings and financial goals
The challenge? Make it genuinely reusable.
The template includes:
β¦ Real, editable text β no outlined headlines
β¦ Independently replaceable logos and product images
β¦ Clearly named layers for easy customization
β¦ Customizable brand colors
β¦ Sophisticated motion that doesn't need to be rebuilt for every brand
For the final PENVO and TALLYFERN versions, I verified 150 matching animated elements with zero motion-keyframe edits.
I built and refined the animation using SVGator MCP, combining AI-assisted development with detailed motion analysis, custom easing, geometric transformations, frame-by-frame testing, and multiple rounds of visual refinement.
The goal wasn't just to create something beautiful. It was to create something another designer could actually use.
Five identities. One animation. Your brand next.
Built with @SVGatorApp
#svgatorchallenge #SVGator #MotionDesign #Fintech #AnimationTemplate
2
3
226
π¦BOX TO BRAND β An entire campaign, out of the box.
What if packaging could become more than something that holds a product? What if it could become the campaign itself?
That question became Box to Brand β a reusable animation template where a sealed package opens, reveals its product, and gradually unfolds into a complete branded advertisement. Every panel becomes part of the final composition, turning a simple unboxing into a visual transformation.
To explore its versatility, I created two distinct identities: VAELLE, a skincare brand with warm tones and refined editorial typography, and KORVA, a digital workspace with a sharper, more contemporary visual language.
Different products. Different identities. The same underlying animation.
Built in SVGator using its MCP integration, the template preserves its unfolding choreography while allowing brands to adapt the typography, colors, and product artwork. The idea was to create something visually distinctive, but also practical for product launches, brand announcements, and digital campaigns.
Two brands. One motion system. Zero re-animation.
Because sometimes the most interesting part of a product launch isn't what's inside the box β it's what the box can become.
Created with @SVGatorApp
#svgatorchallenge #MotionDesign #SVGator
8
4
436