Mochamad Hanafi - Lottie Animator | ContraWork by Mochamad Hanafi
Mochamad Hanafi

Mochamad Hanafi

Motion Designer & Animator | UI, Web, App | Rive, Lottie, Ae

Super excited to share a walkthrough preview of Lenny, an interactive sheep companion I designed for the Creed AI app! 🐑✨ In this video, I’m showcasing his full range of interactive features built entirely within the Rive ecosystem. From the complex state machine logic that drives real-time asset switching (like hats, wings, and outfits) to dynamic custom color controls and smooth, reactive animations. The ultimate goal was to deliver a highly customizable and engaging user experience that remains ultra-lightweight and perfectly developer-ready🚀
1
145
⚙️ Rive State Machine Overview: Powering Lenny 🐑✨ A look under the hood at the interactive logic built for the Creed AI app. This isn't just about smooth animation; it's about building a robust, scalable system. Powered entirely by Rive, this complex state machine features: 🎛️ Advanced Inputs: Real-time triggers controlling dynamic reactions, eye tracking, and customized idle behaviors. 🔀 Complex Logic: Seamless, zero-lag transitions handling real-time asset switching (outfits, wings, colors) on the fly. ⚡ 100% Developer-Friendly: A highly complex node structure packed into a single, ultra-lightweight asset. Ready to implement with zero performance drop. Premium interactive motion that looks flawless on the front end and codes easily on the back end. Check out the node structure in action! 👇 #Rive #StateMachines #DeveloperReady #MotionDesign #CharacterAnimation #UIUX #AppDevelopment #InteractiveDesign
2
1
51
Motion Design & Animation for web. The concept visualizes how multiple platforms feed into a core system, processed and released as dynamic outputs and notifications ✨🔔. Focused on creating smooth data flow, seamless transitions, and clear visual hierarchy to enhance clarity and engagement 🎯.
1
248
Honored to be recognized as a Breakout Pro ✨ Grateful for the trust, projects, and collaborations. Excited for what’s coming next🚀
1
55
Semi 3D Motion Graphic Design
12
71
Interactive Character Animation for mobile app | Rive
1
16
Interactive UI/UX | Rive Animation
2
11
Web3 Motion Design
1
8
Logo Intro/Opening Animation
2
6