Choose Your Bot - Jitter Card Animation

Ali Elhaj

Choose Your Bot - Jitter Card Animation

Overview

Inspired by the idea of a platform where users choose their own AI companion, this animation showcases three distinct bots: Analytics, Design, and Support.
Designed in Figma, animated in Jitter, and images/video generated in Midjourney, each card rotates smoothly into focus, simulating a futuristic bot selection screen that mimics modern AI or tech product interfaces.

Process

The interface was initially designed in Figma to establish the main layout, define visual hierarchy, and set the structure for each bot card. Once the layout was in place, custom bot images were generated in Midjourney to match each bot’s role and tone (Analytics, Design, and Support bot). These images were then integrated into the design on Figma before being exported to Jitter for animation work.
Interface Designed in Figma
Interface Designed in Figma
During the animating process, I had the idea of enhancing the experience by including an animated video of a dancing bot (also animated in Midjourney) after being selected, adding a layer of motion that made the interface feel more immersive and game-like.
Midjourney-Animated Bot Video

Tools Used

Jitter (Animation), Figma (Interface Design), Midjourney (Image/Video Generation).
Like this project

Posted Jul 13, 2025

Designed and animated a bot selection interface using Jitter, Figma, and Midjourney.

Jitter Mobile App Launch Advertisement Concept
Landing Page Redesign for an AI Quote Generator
Landing Page Redesign for an AI Podcast Generation Service

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc