Skip to content
DOWNWAY

Motion design and 3D product animation: when to use it

Use motion design when what you sell does not film well: the inside of a machine, a process that takes hours, a software flow or a service with no visible product. Animation shows only what matters, keeps the brand consistent and, for technical products, can be built straight from the CAD model. Use filmed video when trust depends on seeing the real plant, people and parts.

Guilherme Rodrigues ItinoseUpdated 6 min read

Key takeaways

  • Film what exists and must be seen as real; animate what is hidden, slow, tiny or abstract.
  • 3D animation from your CAD model is accurate to real dimensions and easy to update.
  • Script and storyboard approval prevent the costly rework that happens in animation.
  • Deliver web animation as Lottie or light video so it does not slow your pages.
  • Respect motion accessibility: avoid flashing and give users a way to pause long loops.

A camera shows what is in front of it. That is a strength when you want buyers to see your real plant and a weakness when the important part is inside a housing, happens in milliseconds or exists only as software. Motion design fills that gap. It explains what a camera cannot, in the time a buyer is willing to give you.

This guide covers when to choose motion design over filming and how a project runs.

When does animation beat filming?

Situation Better choice Why
Showing the plant, team and real parts Filmed video Trust comes from seeing the real thing
Explaining how a valve, pump or mechanism works inside 3D animation The internal flow cannot be filmed
A process that takes hours or happens too fast Animation Time can be compressed or slowed freely
Software, a platform or a service 2D motion design There is no physical product to film
A product that does not exist yet 3D animation from CAD Sell before the first unit is built
Brand intros, logo and recurring social posts Motion design Consistent look across every piece

Many good projects mix both: filmed footage of the plant, with short animated inserts where the camera cannot go.

What kinds of motion design are there?

  • 2D explainer video (60–120 s): script, voice-over and illustrated animation. Ideal for services, software and processes.
  • 3D product animation: assembly, exploded views, cut-away sections and operation. Ideal for machines, components and equipment.
  • Logo animation and intros: a few seconds that open and close your videos and presentations.
  • Animated social posts: short loops and carousels with motion that stand out in feeds.
  • Web and UI animation: small Lottie animations for icons, onboarding and product tours.

How does 3D animation from CAD work?

Engineering already has the most valuable asset: the 3D model. A typical workflow:

  1. Export the assembly from CAD (STEP or the native format).
  2. Simplify the geometry: remove internal details that will never be seen, fasteners that add weight but not meaning, and confidential features.
  3. Apply materials and lighting so metal looks like metal and plastic like plastic.
  4. Animate: explode the assembly, cut sections, show flow or movement, and bring the parts back together.
  5. Render in the formats you need.

Because the animation is built from real geometry, it is accurate, and when the design changes, the updated model replaces the old one without redrawing.

How does a motion design project run?

  1. Brief: what must be understood, by whom, in how many seconds and where it will be used.
  2. Script: the words, scene by scene. For explainers, read it aloud and time it.
  3. Storyboard and style frames: key frames with colors, typography and composition, approved before any animation.
  4. Animation: movement, transitions and timing.
  5. Sound: voice-over, music and effects.
  6. Versions: horizontal, square and vertical, with and without subtitles.

Approving the script and storyboard is what keeps animation on budget. Changing a sentence in a script costs minutes; changing an animated scene costs days.

Which formats should you deliver?

Format Where it fits Notes
MP4 (H.264) 16:9 Website, YouTube, presentations Universal, good quality per size
MP4 9:16 and 1:1 Reels, Shorts, LinkedIn Separate compositions, not just crops
Lottie (JSON) Websites and apps Vector, tiny files, sharp at any size
GIF Email Use sparingly; large files, limited colors
PNG sequence or ProRes Editors and agencies Master files for future edits

On your website, prefer Lottie or short, compressed video loaded only when needed. Heavy autoplay video at the top of a page hurts load time and Core Web Vitals.

What about accessibility?

Animation should never make a page harder to use. The Web Content Accessibility Guidelines include rules for motion: avoid content that flashes more than three times per second, and let users pause, stop or hide moving content that lasts more than a few seconds. Add subtitles to explainers so they work muted, which is also how most social video is watched.

How do animation and video work together?

Animation works best as part of a set: a filmed corporate video for trust, a 3D animation for the product, and short animated posts that keep your social channels consistent. Planned together, they share scripts, style and assets, which lowers the cost of each piece.

What are the most common mistakes?

  • Animating before the script is approved. Every change after animation starts multiplies cost and time.
  • Too much information per scene. A viewer absorbs one idea at a time. If a scene needs a paragraph of text, split it.
  • Photorealism where clarity would do. A clean, stylized 3D animation often explains a mechanism better and costs less than a photorealistic one.
  • Exposing confidential geometry. CAD models carry details competitors would love to see. Simplify and remove sensitive features before rendering.
  • No subtitles. Most social video plays muted; without captions the message is lost.
  • Heavy files on the website. A 40 MB autoplay video at the top of a page hurts load time more than the animation helps.

What drives the cost of motion design?

Duration, 2D or 3D, level of realism, number of scenes and characters, voice-over languages, music licensing and the number of formats delivered. For 3D product animation, the condition of the CAD model matters too: a clean assembly is faster to prepare than one that needs remodeling.

A brief checklist before you start

  • What exactly must the viewer understand at the end?
  • Who is watching and where (site, trade show, LinkedIn, sales call)?
  • Is there a CAD model, and what must stay confidential?
  • Brand assets available: logo files, colors, fonts.
  • Voice-over language(s) and subtitles needed.
  • Formats and aspect ratios to deliver.

With those answers, a motion designer can propose a script and a fixed price, and you can decide with real numbers.

When to outsource this

  • You need explainers or product animation but have no motion designer in-house
  • Your engineering team has CAD models that marketing cannot turn into visuals

When not to

  • The message is about your people and plant; a filmed video will be more credible

FAQ

Is animation more expensive than filming?

It depends on length and detail. A 60-second 2D explainer can cost less than a shoot with travel and crew; long photorealistic 3D animation costs more. The script and storyboard fix most of the cost before animation starts.

Can you animate directly from our CAD files?

Yes. STEP or native CAD files can be simplified and imported into animation software. The result matches real dimensions, and design revisions can be updated without redrawing.

What is Lottie?

Lottie is a format that plays vector animations exported from After Effects on websites and apps. Files are small and stay sharp at any size, which makes them ideal for icons, small explainers and UI animations.

How long does an explainer video take?

Most of the time goes into script and storyboard approval. After that, animation and sound for a short explainer usually take a few weeks; the exact schedule should be written in the proposal.

Sources

  1. Lottie by Airbnb (accessed October 9, 2026)
  2. W3C: WCAG 2.2 quick reference (animation and motion) (accessed October 9, 2026)
  3. web.dev: Web Vitals (accessed October 9, 2026)

Let's talk about your project

Tell us what you need. We reply within 1 business day with next steps and a fixed-price proposal.

Real project experience

Websites we have launched

A few businesses that trusted Downway to build their digital presence.