Mikhail ZeynalovLet's talk
All work
VibecodeMobile app launch · 3D · 2025550K views

An app made in the film, and published by its end.

A launch film for Vibecode, an app that builds apps. One project goes from “New project” to “Slide to publish” — in a pair of hands, on a sunlit desk, deep inside the screens.

My role: 2D/3D motion designer

The film00:36
01

From a blank project to published.

The film follows one app being made, step by step: start a project, build it, generate images and sound for it, choose a model, publish and share. These are the lines on screen.

  1. “New project”
  2. “Your projects”
  3. “Generate image”
  4. “Text generation · Image generation · Data”
  5. “Slide to publish”
  6. “12 prompts since last published version”
02

Night, daylight, and violet for the moment that counts.

The film moves between a dark violet studio, warm afternoon light on wood and clean blue sets. The interface stays white, and violet is kept for one thing — publishing.

Night#19161dThe studio backdrop
Dusk#383745Light along the phone’s frame
Indigo#2e275fThe shadow side
Screen white#eef3f6The app’s interface
Sunlit oak#d89a6fThe desk scenes
Publish violet#9401ecPublish — the only accent
03

One phone, three kinds of light.

The same device in a dark studio, on a sunlit desk and on clean light-blue sets — each scene lit for a different moment of making the app.

Your projects
Your projects
Dark mode, on the desk
Dark mode, on the desk
Generate image
Generate image
Generated gradients
Generated gradients
On a light set
On a light set
Whimsical audio
Whimsical audio
Share and publish
Share and publish
The last scene
The last scene
The desk, wide
The desk, wide
04

Four frames that carry the film.

What each of them had to do.

New project
New projectThe film opens on the first tap — exactly where using the app begins.
In your hands
In your handsReal hands on the phone make it personal before any feature is shown.
On the desk
On the deskWarm daylight and long shadows: the app at home in an ordinary afternoon.
Pick a model
Pick a modelText, image and data models side by side — the range of the app in one screen.
05

The screen is the door between scenes.

Almost every cut goes through the phone’s screen: it fills the frame, and when it pulls back, the world around it has changed.

Into the handsThe project list scrolls away, the screen glows white, and the phone is suddenly held in a pair of hands.
Studio to deskA tap, a white flash through the screen, and the same app lies on a sunlit desk.
Under the phoneFrom the desk the camera dives under the phone and comes up on the image prompt.
To publishThe model list slides out and the phone lands on the publish screen.

Credits

  • Mikhail Zeynalov: 2D/3D motion designer
Want one like this? Email me