Motion
Design
We use motion graphics to explain what a camera can't capture, or what wouldn't make sense if filmed: how a piece of software works, the inside of a machine, the steps of a service or your logo's entrance on screen.
The secret of good animation: timing curves
The same move feels completely different with a different easing curve. Drag the orange handles; the ball, the logo and the bar all follow the same curve. In motion design we choose this curve deliberately for every transition.
↳ Drag the handles (or focus one and use arrow keys) · try the presets
cubic-bezier(0.22, 1, 0.36, 1)What we create with motion graphics
- 01
Explainer Videos
Animation that explains what a piece of software, a service or a process does, using voiceover and clean graphics. The script comes first, and the video's length is set by the script.
- 02
Logo Animation
A short logo motion for video intros and outros, presentations and social media. Delivered with and without sound, as a file with a transparent background.
- 03
3D Products & Mechanisms
A product that hasn't been manufactured yet, a machine's inner workings or an exploded assembly view. If you have the product's CAD file, modeling time is cut considerably.
- 04
Kinetic Typography & Data Graphics
Showing figures, steps and comparisons with text and graphics that move on screen. Ideal for presentations, trade-show screens and social media.
- 05
Lottie for the Web
Lightweight, vector-based JSON files for website and mobile app icons, loading states and empty-screen animations. Designed in After Effects and exported with Bodymovin.
- 06
In-Video Graphics
Lower thirds, map animations, on-screen text and transitions for promotional films. Designed once to match your brand identity, then reused as templates.
Which animation technique fits you?
The same scene in four techniques. The difference shows not only on screen, but also in production time and in how easily things can be changed later.
2D vector animation
Storytelling built with flat-color shapes, icons and illustrations. Most explainer videos and logo animations use this technique, and changes are relatively easy to make.
What determines timeline and budget?
Switch the factors on and off: each one adds new tracks and keyframes to the timeline. The meter only shows relative workload; it is not a price or time estimate.
↳ Switch the factors on and off
Length: In animation, the workload grows with every second. Design and animation time scale roughly in proportion between a 30-second and a 90-second video.
Which files does an animation come in?
The same animation is exported in different formats depending on where it will be used. We set the delivery list at the start of the project based on those uses.
Output
Preview
- Output
- Standard video
- Format
- MP4 (H.264), 1080p or 4K
- Use
- Website, social media, presentations, YouTube
Lottie doesn't support every After Effects feature (such as certain effects, expressions and 3D layers). Animations meant for the web are planned around this limitation from the start.
What to Settle Before Animation Starts
The most expensive change in animation is changing the script or design after the motion is done. That's why approvals are taken in sequence.
Let's talk about your project
Book a call ↗Voiceover script: the length and pace of the animation are set by the script, and design doesn't start until it's approved
Voiceover recording: motion is timed to the audio; if the audio changes later, the timing has to be redone
Style frames: a few still frames that define the animation's visual language. Colors, illustration style and typography are approved here
Your logo's vector file (AI, SVG, PDF), brand fonts and color codes; for 3D work, the product's CAD or STEP file if available
Where it will run: 16:9 web, 9:16 social media, trade-show screens or embedded on a website. The design is built for these ratios from the start
What we watch
for in animation
Motion comes last: we don't start animating until the script, voice and visual style are approved, so changes stay at the stage where they cost least.
About us →From script to first frame, from first frame to delivery
- 01
Script & Concept
We clarify the message, the audience and where the video will be used, then write the voiceover script and scene notes.
- 02
Voiceover
The approved script is recorded with a professional voice artist, and the animation timeline is built around this recording.
- 03
Style Frames & Storyboard
The visual language is approved in a few still frames, then every scene is drawn as a storyboard.
- 04
Animation
Scenes are animated in After Effects (2D) or Blender / Cinema 4D (3D), with work-in-progress previews shared along the way.
- 05
Sound Design & Exports
Sound effects and music are added and, after the revision rounds set out in the proposal, files are delivered in the required formats and ratios.
Frequently Asked
Questions
Explainer videos used on a website's home or product page usually run 60–120 seconds. In longer videos it gets harder to stay focused on a single message; if the topic is broad, we recommend splitting it into several short videos. 15–30 second cutdowns of the same animation can be made for social media.
For explaining services, software and processes, 2D is usually sufficient and faster. If you need to show a product's shape, material or internal structure, 3D is the better choice; modeling, materials and rendering add time and budget. Hybrid solutions that combine the two are also possible.
We need your logo as a vector file (AI, SVG or a PDF with separable layers); animating a PNG or JPG is difficult and lowers quality. Brand color codes and fonts also speed things up. If you don't have a vector file, the logo is redrawn first.
Lottie is an After Effects animation exported in JSON format. Because it plays as vectors rather than video, it stays sharp on every screen size, and file sizes are small for simple animations. It works on your site with free Lottie player libraries, and we include usage notes for your developer. Not every After Effects effect is supported in Lottie, so web animations are designed with this in mind from the start.
The number of revision rounds is stated in the proposal. Changes such as color tones, text corrections or timing fall within revisions. Changing an approved script or style frames after the animation is finished means redoing part of the work, so it is assessed separately.
Yes. Rigged 2D characters are practical and cost-effective for movements like walking, talking and pointing. Frame-by-frame animation looks smoother and has more personality but takes far more work. Which one is needed becomes clear at the storyboard stage.
Delivery of source files is specified separately in the proposal. If they are delivered, licenses for paid fonts and plugins used in the project may not transfer to you, and you'll need the same software and plugins to open the files.
It depends on the project, and they appear as separate line items in the proposal. Voiceover fees depend on the artist, the number of languages and the usage period; music depends on whether it's a library license or an original composition.
Often requested alongside animation
Films where motion graphics serve as lower thirds and information screens.
Videos that combine real product footage with 3D or graphic storytelling.
AI support at the storyboard and concept stage.
A logo prepared as a vector file and ready for animation.
Corporate presentations featuring animated graphics.
Websites that feature Lottie animations.