Design Frames for Educational Animation
Rachna Ravi
Xeon Protocol Design Frames for Animation
As part of an educational series, I designed the static frames that my talented teammates later animated into short videos explaining key project concepts.
The brand colors were adjusted to achieve better contrast and depth while maintaining a clean and vibrant aesthetic. All visuals were created in Illustrator and Figma as fully vectorized assets for smooth animation. Each element was separated into layers based on the animators’ requirements to ensure an efficient workflow.
Video 1: Neon Lending
Scene 1
Scene 2
Scene 3
Scene 4
Scene 5
Scene 6
The video was animated by my talented teammate Chandan Mahanta.
Video 2: Basics of DeFi Options
Some close snippets from the designs.
Scene 1
Scene 2
Scene 3
Scene 4
Scene 5
Scene 6
The video was animated by my talented teammate Sumedha Muralidhar.
Like this project
Posted Dec 4, 2025
Designed vector-based frames and layered assets for short educational animations, ensuring clarity, clean visuals, and smooth handoff to motion teammates.
