I designed and animated interactive feature cards to bring key product capabilities to life on the landing page. The goal was to make the experience feel modern, intuitive, and visually engaging — using motion to communicate how the product works without relying on text alone.
Each animation was built entirely in Rive, no JavaScript hacks. I focused on microinteractions and motion design to tell a story that static UI alone couldn’t.
🧩 Multi-Wallet Management – Hover Animation
Objective
Illustrate the feature that allows users to manage multiple wallets in one unified interface.
Approach
To showcase how the product handles multiple wallets seamlessly, I animated a stack of wallet cards that subtly lift when hovered.
Inside Rive, I set up separate animations and built a logic system (called a state machine) that controls when each card floats. This makes the interaction feel smooth and intuitive, while visually reinforcing the idea of wallet control and clarity.
Outcome
A clean, elegant interaction that visually reinforces the idea of wallet consolidation, users immediately get the sense of “everything in one place.”
🛍️ Merchant API & Plugins – Auto-Scroll on Hover Animation
Objective
Showcase the developer tools available to merchants, including APIs and prebuilt plugins.
Approach
For the merchant tools card, I created a looping scroll animation that simulates code or endpoints flowing automatically. This was designed to hint at live developer activity without needing a video or script.
The scroll plays continuously and creates a dynamic, “always-on” feel perfect for showcasing the flexibility and depth of the merchant API.
Outcome
The animation communicates the API’s liveliness and accessibility. Instead of static docs, the UI feels dynamic giving devs confidence before they even read a line.
Preview Link
For Partnership And Collaboration
Whether you’re building a new product or refining an existing product, Let's lcollaborate and ship your idea to life