Overview
I animated a walkthrough for a gifting app that sends digital or physical gifts. The animation guides users through the entire feature flow — from browsing gifts, picking a recipient, setting delivery, recording message with the gift — all exported as Lottie JSON for seamless app integration.
Objective
Clearly communicate key app features visually
Make the onboarding or tutorial feel lively and intuitive
Keep the animation lightweight and performant for mobile use
Approach & Process
Mapped user journeys: choosing a gift, customizing, sending, and recording voice notes
Animated in After Effects with friendly transitions, path animations, and easing
Exported via Bodymovin for Lottie, optimized JSON to minimize file size while maintaining clarity
Challenges
Showing complex feature states (like “select gift,” “add message,” “record voice notes”) in a short, readable sequence
Keeping motion simple but engaging — not overwhelming the user
Delivering JSON that remains performant without sacrificing visual polish
Outcome
The app walkthrough feels smooth and familiar: every step of gifting is animated to guide the user and reinforce the app’s value. Because of the Lottie format, the animations integrate cleanly into the UI, enhancing onboarding and making feature discovery feel more delightful.