Built a Rive-based interactive animation system for the PRODIGI Studios mobile app and website, focused on turning static UI into a responsive motion-driven experience.
The system was designed using state machines and data binding to reflect real-time UI states such as hover interactions, loading sequences, navigation changes, and success or error feedback.
Each animation was structured as a reusable component, making it easy to scale across different sections of the product while maintaining visual consistency. AI-assisted iteration helped refine motion behavior and accelerate the design process.
The result is a lightweight, scalable animation system that enhances usability and brings a more dynamic, engaging experience across both web and mobile platforms.
Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight.
To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧