Designed in the style of an app launch advertisement, this concept demonstrates how "Jitter Mobile" could allow users to create, edit, and share motion designs right from their mobile devices.

It aims to inspire a move towards bringing motion design to mobile, allowing designers to create whenever and wherever inspiration hits.

The app's UI interfaces were all custom-designed in Figma, inspired by the current desktop Jitter UI. All the animations were fully crafted in Jitter to ensure smooth, polished animations with Jitter's great tools.

The process began by outlining a rough script of the advertisement, including all the text and screens that will be used in each scene. The next step was to design the mobile UI from scratch taking inspiration from Jitter's existing UI and reimagining it as a usable, mobile-suited interface.

Now the most exciting part, was bringing all of these screens to life within Jitter. I started with the introduction scene and got the idea to "morph" it into the Jitter log in screen as I was crafting the animation, and the result was a very clean-feeling introduction that smoothly led up to the first UI screen reveal.

After that, I followed a consistent pattern as I had scripted it out, switching between the text screens and the app features to give it a proper ad campaign feel and to showcase each feature one-by-one in its new, reimagined mobile form.

The main goal throughout the process was to mimic the user journey, giving the ad a chronological exploration of the app as a user would naturally go through it, going from the log in screen, to the projects dashboard, to creating a new file and exploring animations, to then finally exporting the file.

Jitter (Animation), Figma (UI Screens Design).