Overview
International Cat Day is dedicated to raising awareness of organizations that provide essential care and loving homes for cats. This animated website uses AOS (Animate on Scroll) to create engaging, dynamic effects that bring the cats to life.
Developed as an assignment for Web Design 4 at Red River College, this project involved creating animations in Illustrator and After Effects, which were then implemented using Lottie and the Animate on Scroll (AOS) library to enhance interactivity and user engagement.
- Figma
- HTML
- JavaScript
Animations
The illustrations were separated in Illustrator, then animated in After Effects to achieve smooth, engaging motion.
Animate on Scroll
AOS animates the cats as users scroll to the div where they are located, creating an engaging reveal effect. The animations consist of two parts: the build, which introduces the elements, and the constant movement, which keeps them lively and dynamic.
