Static visuals no longer cut it when launching a digital product. For this project, I designed and animated a full UI motion piece for Neuro Net, a fictional AI-powered SaaS platform, using Jitter as the primary motion design tool. The goal was to create a scroll-stopping animated cover that could serve both as a Contra portfolio asset and as a standalone social media piece across multiple formats.

The animation needed to communicate product sophistication instantly, without relying on copy-heavy design or complex video production. The motion piece had to feel native to the SaaS world: dark mode, clean UI, and a narrative that showed the product in action rather than just describing it.

I started from a Jitter community template and rebuilt every element to match Neuro Net's visual identity. The animation follows a three-act structure: the iPhone starts in a locked, empty state; the Dynamic Island expands with a subscription notification, and the full app dashboard reveals itself with animated data, charts, and CTAs.

All layers were customized individually in Jitter's timeline, Notification Ticker, Island-Expand, Bell, and Details-Expand each have independent timing and easing to create a fluid, staggered sequence. The background uses a neural network visual to reinforce the AI brand positioning.

Also had to create a Logo and a background video.

Tool: Jitter (Pro plan)

Base: Jitter community template, fully customized

Animations used: Dynamic Island expansion, staggered layer reveals, notification ticker, dashboard entrance

Timeline layers: Notification Ticker, Island-Expand, Bell, Details-Expand

Formats: 1:1 (1600x1200)

Export: MP4 at 1080p, 60fps

Design system: dark mode UI, custom brand palette, Neuro Net identity

A polished, multi-format animated cover that demonstrates how motion design can elevate a SaaS product launch from a static presentation into a living, engaging brand asset. The animation is ready to publish across LinkedIn, Instagram, and Contra without any additional editing.