Illustration & Motion Design Specialist
Hello there!
This is my contest submission, a small mini game called “HeartBreaker.”
Break as many hearts as you can before the one minute timer runs out. Click anything that isn’t a heart and you lose a life. Lose three lives and it’s game over.
At the end, you’ll see a recap of how many hearts you broke, plus a sentence that changes based on your score.
All visuals were made in Illustrator and finished in Rive. I used Rive’s AI agent to help build a modular particle system that adapts to different artboard sizes and ramps up in speed and chaos as time runs out.
It’s a simple game, but a lot of fun to make. Hope you enjoy it now go break some hearts!
Links:
Phone version> https://catita-heartbreaker.b-cdn.net/
Desktop version> https://catita-heartbreaker.b-cdn.net/web/
63
82
2.6K
NEW GENERATION OF GREETING CARDS
Hi Contra Riverinos!
For my challenge submission I present you the new generation of greeting cards!
Instead of sending a typical e-card, you can now send an animated, fully interactive greeting card.
We used Data Binding across the file structure to allow change based on user input and preferences, to unite artboards with shared properties, to bind text changed at runtime, image binding for a photo uploader!
View Models were a game changer, making it easy to bring external animations into a base file. Layouts feature ensured every card looks great on any device.
All cards were animated in Rive and I illustrated some myself.
Rather than explain more, I’ll let the video do the talking.
So what are you waiting for? Watch the demo and visit Giftly (https://www.giftly.com/) for the full experience.
28
93
3.3K
Scaling businesses with Design, Animation & Video.
- 5.0
- Rating
- 3
- Followers
Scaling businesses with Design, Animation & Video.
Explainer Video Expert: Animation, Illustration & Music
Explainer Video Expert: Animation, Illustration & Music
View more →
Colorful 3D Designer & Illustrator with Unique Style
Colorful 3D Designer & Illustrator with Unique Style
Visual & Motion Designer
Combining 2D & 3D animation has never been easier with AI! My process here: I used the credit card image as the first frame - fed it to Google Flow and gave this EXACT prompt:
“A three-dimensional credit card scaling from zero to full size, twirling logically into its final position to reveal its 3D body and settling calmly, on a transparent background; if not possible, a white background.”
For smaller projects, I give AI the image of a product and sometimes the first and last frame and ask it to generate the motion the way I direct it.
You are still the director! Sound on 🔊
6
5
468
Branding & Visual Identity for AirCon West based in London.
Designers! Present your work with motion! It breathes life into your work and conveys your ideas in a dynamic way.
Use free online motion tools to do it.
My favorites:
https://animos.app/
(https://animos.app/)https://arqe.ai/
(https://arqe.ai/)https://orelin.app/editor
(https://orelin.app/editor)https://openvid.dev/en
(https://openvid.dev/en)(Or animate it yourself, like I did here using EffectCraft!)
68
96
4.2K
Web Designer & Fullstack Developer from parnii.de | Wix+Velo
- 34
- Followers
Web Designer & Fullstack Developer from parnii.de | Wix+Velo
Project Gallery Mouse Effect Animation in Wix Studio (no code).
This year, we've been experimenting a lot with animations and transition scenarios in Wix Studio. Through practice, we've figured out which animations (and, more importantly, which combinations of them) can affect performance and even the correct functioning of Velo. Right now, I'm very happy with how fast Studio works when animation effects are combined correctly and the layout of elements is optimised.
I want to share this rubbery, slightly trippy :) portfolio gallery — my favourite template project on Studio these days.
If you want to create your portfolio based on this Wix Studio template, let me know (here or by email welcome@parnii.de (mailto:welcome@parnii.de)) and I'll let you know when it's released (next week).
2
405
What if a landing page let you experience a little of the product before you signed up?
AI makes interactions easier to create. The human touch gives them a story, a purpose and a metaphor that feels alive.
At parnii.de (https://www.parnii.de), we love building miniature versions of a product experience into its website. They can introduce visitors to the atmosphere of a service through something they can actually explore.
Our approach starts with a core benefit or characteristic. We find a visual idea that expresses it, then develop the interaction so the message and the mechanics work together.
This section, built in Wix Studio, is an example.
The landing page introduces an online course in AI tools for content creators. Video editing is part of the curriculum, so we turned the section into a miniature editing interface.
Scrolling forwards and backwards moves visitors through the sequence at their own pace.
Several ideas come together in that one gesture:
• The editing interface previews the creative environment students will work in.
• A familiar scroll makes the experience easy to explore, supporting the course’s approachable feel.
• Controlling the sequence makes “learn at your own pace” something visitors can experience directly.
This is where storytelling and scrollytelling meet: the interaction carries part of the story.
For us, the human touch lives in those connections. Choosing the right metaphor, giving it a meaningful role and making the details feel natural.
We love this part of web design: finding an idea that brings a product to life, then letting people discover it through their own actions.
0
127
AI Creative Professional |Art Direcor |Sr. Product Desiger
