Motion design (also called motion graphics) is animated graphic design: text, numbers, icons, diagrams, logos and 3D objects that move so that the viewer understands or remembers something within a few seconds. What sets it apart from a cartoon is the job: not a story about characters, but information and a brand. What sets it apart from filmed video is that the frame is drawn or built rather than shot with a camera. Typical examples are Reels with large captions, a “how the service works” video, a logo animation, animated infographics and motion on a website.
What motion design is, in plain words
The easiest way to understand motion design is through the neighbours it gets confused with.
| What is in the frame | Purpose | Example | |
|---|---|---|---|
| Motion design | Text, shapes, numbers, logo, 3D objects | Explain, show, be remembered | “Order in three steps” explainer |
| Character animation | Characters with expressions and personality | Tell a story | Animated film, series |
| Live-action video | Real people, places, products | Show things as they are | Interview, product review |
| VFX (visual effects) | Filmed footage with graphics inside it | Make the impossible look real | Explosion, sky replacement, CG crowd |
The borders are loose. An explainer may feature a simple character, and filmed video often carries motion captions and infographics. But if the main thing in the frame is meaning delivered through graphics, it is motion design.
Where motion design came from
The profession grew out of film titles. In 1955 graphic designer Saul Bass made the opening titles for Otto Preminger’s The Man with the Golden Arm: four lines cut from paper move out of step and finally form the hero’s jagged arm, the film’s symbol. Bass recalled that he had been designing that symbol for the ad campaign when he and Preminger looked at each other and said: “Why not make it move?” (BFI, 2020).
In 1958 Bass made the spiral titles for Hitchcock’s Vertigo together with animator John Whitney (same source). Whitney produced motion on a machine of his own design. His first analogue computer was built from the mechanism of a wartime M-5 anti-aircraft gun director (SIGGRAPH Arts). In 1960 Whitney founded Motion Graphics Incorporated, which used that machine to make titles and commercials, and in 1961 he put together Catalog, a seven-minute film of the effects he had perfected on it (SIGGRAPH Arts).
The tools have changed since. The job has not: set a mood and get one idea across in seconds.
Types of motion design for business
- Reels, Shorts and Stories. Vertical 9:16 — the aspect ratio Meta lists in its requirements for Reels ads, with MP4 or MOV files (Meta). Large captions make the point land with the sound off. More in Reels for business.
- Explainer video. 30–60 seconds on how a product or service works: for a website, a presentation, a trade show, the top of a Telegram channel. How to commission one: An animated video for business.
- Logo animation. A 2–5 second intro or outro for videos, a site loading screen, an office display. Formats and pitfalls are covered in Logo animation.
- Animated infographics. Numbers, charts and diagrams appearing in sequence: an investor update, a year in review, a pricing comparison.
- UI and website animation. Buttons, transitions, blocks fading in, scenes on scroll. Restraint matters here: Windows, macOS, iOS and Android all have a “reduce motion” setting, and a website can detect it through
prefers-reduced-motion(MDN). A good site then shows a calm version. - 3D product. A product, building, device or process in three dimensions: the camera circles the object, parts separate and come back together.
- Ad banners and stickers. Short animation for ads and messengers. For example, a Telegram video sticker has to be a WebM file with the VP9 codec, no longer than 3 seconds and no larger than 256 KB (Telegram).
What a motion designer does
A motion designer does not “bring pictures to life”. They decide what the viewer has to understand in the seconds available and make everything else serve that: the order in which elements appear, speed, pauses, sound. The work combines several crafts: script and storyboard, graphic design (type, colour, composition), the animation itself (timing and easing), sometimes 3D, sound, and export to each platform’s formats. In small teams one person does it all; in studios the roles are split between a scriptwriter, an illustrator, an animator and a sound engineer.
Motion design software
| Tool | What it is | Used for |
|---|---|---|
| After Effects | Adobe’s application for motion graphics and visual effects, sold by subscription (Adobe) | 2D videos, titles, logo animation; ready-made templates are sold for it, for example on Videohive |
| Cinema 4D | Maxon’s 3D application, positioned by its maker for motion graphics; subscription (Maxon) | 3D intros, product scenes |
| Blender | Free 3D software under the GPL. Everything you make with it is yours (Blender) | 3D scenes, products, architecture, characters |
| Rive | An editor for interactive animation whose output runs in mobile apps, on desktop and on the web (Rive). Logic is defined by a “state machine” (docs) | Animation in apps and on websites that reacts to the user |
| Lottie | A format and library: an After Effects animation is exported to JSON with the Bodymovin plugin, and Lottie plays it on Android, iOS, the web and Windows (Airbnb) | Lightweight vector animation in interfaces: icons, loaders, empty states |
| Code | HTML, CSS, JavaScript, WebGL in the browser | Website animation; videos where numbers and data must be exact |
Software does not make the video. Good motion work comes out of After Effects and out of code alike, and so does bad.
How a motion video is made: from brief to files
- Brief. Who the video is for, where it will be shown, the one action the viewer should take, the deadline and budget. Without a brief the contractor guesses, and revisions go round in circles.
- Script. Text and on-screen action, second by second. This is where changes are cheapest: a revision is one line of text.
- Style frames. Two or three still frames in the brand’s colours and fonts. They settle how the video will look before anything moves.
- Animatic. A rough cut: storyboard frames laid out in time, often with a scratch voice. You see the rhythm and length while fixes are still cheap.
- Animation. The longest stage. A request to “swap these scenes” now costs days of work, which is why everything important is agreed in steps 2–4.
- Sound. Music, sound effects, voice-over, subtitles.
- Formats. One video, several files: 9:16 for Reels and Stories, 1:1 and 16:9 for feeds, websites and presentations, a silent version, a cover image.
How we make motion
We make videos in two ways. The first is code: the scene is assembled in a browser and rendered frame by frame, so numbers, charts and captions on screen match the data exactly and are edited by changing a line rather than redrawing. The second is 3D in Blender: the object, lighting and materials matched to the brand, a camera fly-around. We do not use generative video in our work: every frame has to be under control, especially the logo and the numbers. Six of our videos are on the Motion design page.
How much motion design costs
Our prices: Reels from 1.5 million so’m (≈ $127) per video, a pack of four for 4.9 million (≈ $415); logo animation from 1.9 million (≈ $161); a 30–60 second product video from 4.9 million (≈ $415); a 3D scene in Blender from 6.9 million so’m (≈ $584). Dollar figures use the Central Bank of Uzbekistan rate of 1 October 2026, 1 USD = 11,808.76 so’m. Payment is 50/50; we name the exact price and timeline after a free brief and fix them in the contract. Details are in the price list (PDF, Russian).
What to do next
Before looking for a contractor, answer three questions: where the video will be shown, to whom, and what one action the viewer should take after watching. With those answers, a conversation with any motion designer takes half an hour instead of a week of messages. If you would like to talk it through with us, get in touch on the Motion design page: we will reply with brief questions and suggest an idea.
