Practical Lottie
summary
Shows how Poiboy used After Effects with the Bodymovin plugin to export animations as JSON and play them in mobile apps with LottieAnimationView on Android and iOS. Explains the integration (one XML line and loading the JSON), using server-hosted JSON for A/B tests and remote updates, and describes practical costs: learning After Effects and working around unsupported AE filters added development time but the seasonal campaigns were delivered and ran smoothly.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:04What is Lottie
- 3:17Team challenges
- 4:53Old animation flow
- 5:39After Effects basics
- 6:46Lottie code demo
- 7:54Campaign demo
- 9:06Designer-engineer tips
- 9:52After Effects costs
- 13:33After Effects limits
- 14:37After Effects pitfalls
- 16:46Lottie capabilities
- 18:18Designer challenge
- 19:49Splash screen replacement
- 22:23Insights and time
- 23:49Bodymovin tips
- 24:53Lottie benefits
- 26:43Engineer-designer teamwork
- 27:30Campaign success
related talks
22mLottie: Animating the bridge between designers and developers
42mLottie and the Language of Motion Design
28mAnimating the Web: Elevating UX with Lottie and modern technologies
15mLottie: Establishing an Open Standard for Vector Animation
19mHow to make interactive animations with Figma
39mMeaningful motion design and how to implement it
49mDesign Tools - Closing the Gap Between Design and Development
45mDesign Tools and Handoffs*