Jitter Animations for Supertranslate AI

Siddharth Ponnapalli

Jitter animations for Supertranslate AI website

Animating a "How It Works" Process Flow

This project involved creating animations in Jitter to visually explain a multi-step process, based on the provided workflow content.
Step 1 (Upload): File icons (audio/video) animate 'dropping' onto the cloud icon; cloud reacts/pulses to confirm upload.
Step 2 (AI Processing): Dynamic circular graphic animates with spinning/radiating motion; internal elements subtly shift to indicate processing activity.
Jitter animations
Step 3 (Review & Edit): Edit subtitles - Visual cues show subtitle segments merging (clubbing) or splitting (dividing).
Step 4 (Export): File format icons (SRT, VTT, XML) animate outwards from the center; checkmark or confirmation signal appears.
Work in Progress state for AI processing animation
Work in Progress state for AI processing animation

Conclusion

The sequence effectively translates a potentially complex workflow into an intuitive and easily digestible format for website visitors.
The final animations aim to enhance user understanding and engagement, showcasing proficiency in motion design principles in Jitter, and the ability to visualise technical processes effectively.
Like this project
0

Posted Apr 20, 2025

Created Jitter animations for Supertranslate AI's process flow.

Landing pages for pSEO (mobile + desktop)
Landing pages for pSEO (mobile + desktop)
Design & Full stack development for Digger.dev
Design & Full stack development for Digger.dev
Framer Landing page for Skyrocket.gg
Framer Landing page for Skyrocket.gg
Portify - Portfolio Framer Template
Portify - Portfolio Framer Template