Webdesign
Technik erklären: 3D-Animation oder Erklärvideo für Energie und Luftfahrt
Kernaussagen
- Das Format folgt der Frage, die ein Besucher klären will: Abläufe erklärt ein Video, räumlichen Aufbau eine 3D-Animation, Zusammenhänge zum Selbstentdecken eine scrollgesteuerte oder interaktive Szene
- Gerenderte 3D-Animationen sind für die meisten B2B-Erklärfälle der pragmatische Weg, Echtzeit-3D lohnt sich erst, wenn Besucher ein Objekt selbst drehen oder konfigurieren sollen
- Bei Luftfahrt- und Energietechnik entscheidet oft nicht die Technik, sondern die Frage, welche Konstruktionsdaten überhaupt öffentlich gezeigt werden dürfen
- Untertitel (WCAG 1.2.2) und eine Pausieren-Funktion für automatisch startende Bewegung (WCAG 2.2.2) sind Level-A-Anforderungen und gehören in jedes Briefing
- Der Text zur Szene steht zusätzlich als HTML auf der Seite, damit die Erklärung nicht nur in der Bewegung steckt
Autor: Edip Kilinc, Gründer von Webwavers. Zuletzt aktualisiert: 31.10.2026.
Das Wichtigste in Kürze Ein Erklärvideo passt, wenn ein Ablauf in einer festen Reihenfolge erzählt werden soll. Eine 3D-Animation passt, wenn Besucher einen räumlichen Aufbau verstehen müssen, etwa Speicher, Wärmetauscher oder Triebwerk. Eine scrollgesteuerte oder interaktive Szene lohnt sich, wenn Besucher das Tempo selbst bestimmen. In allen Fällen gilt: Der Inhalt steht zusätzlich als Text auf der Seite.
- Format nach der Frage wählen, die der Besucher klären will
- Gerenderte 3D-Szenen vor Echtzeit-3D, solange niemand frei drehen muss
- Vor dem Modellieren klären, welche Konstruktionsdaten öffentlich sein dürfen
- Untertitel, Pausieren-Funktion und Text-Alternative von Anfang an einplanen
Inhaltsverzeichnis
- Warum Textwüsten bei Technik scheitern
- Die Formate im Vergleich
- Fünf Fragen vor der Formatwahl
- Energietechnik erklären: Problem, Lösung, Technik
- Luftfahrtkomponenten in 3D: Was geht, was nicht
- Vom CAD-Modell zur Web-Szene
- Skript und Storyboard: eine Szene, eine Aussage
- Barrierefrei und mehrsprachig
- Einbau in die Website
- Was Aufwand und Dauer treibt
- Briefing-Checkliste
- Häufige Fehler
- Wann du dafür keine Agentur brauchst
- Wie wir das umsetzen
- FAQ
- Fazit
Warum Textwüsten bei Technik scheitern
Wer Energietechnik oder Flugzeugkomponenten verkauft, erklärt Dinge, die man nicht anfassen kann: Energieflüsse, Druckverläufe, Wärmeübertragung, das Innenleben einer Baugruppe. Ein Absatz Text kann das beschreiben, aber ein Besucher muss es sich im Kopf zusammensetzen. Das klappt bei Fachleuten, die das Thema schon kennen. Es klappt schlecht bei Menschen, die erst entscheiden, ob dein Angebot überhaupt relevant ist.
Dazu kommt, wie B2B-Entscheidungen heute laufen. In einer Gartner-Umfrage von August und September 2025 mit 646 Befragten bevorzugen 67 % ein Kauferlebnis ohne Vertriebsmitarbeiter (Gartner, 09.03.2026). Wer selbst recherchiert, muss die Technik auf deiner Seite verstehen, ohne dass jemand sie erklärt. Das ist die Aufgabe von Erklärvideo und 3D-Animation: den Vertriebsmenschen ersetzen, der sonst mit dem Stift auf einen Zettel zeichnen würde.
Eine Zahl zur Präferenz für Video liefert Wyzowl: In der Umfrage "Video Marketing Statistics 2026" (Befragung Ende 2025, 266 Teilnehmende aus Marketing und Konsumenten) würden 63 % am liebsten ein kurzes Video nutzen, um sich über ein Produkt oder eine Dienstleistung zu informieren, und 12 % einen Textartikel (Wyzowl, 2026). Zwei Einschränkungen: Wyzowl verkauft selbst Erklärvideos, und die Stichprobe ist klein und mischt Verbraucher mit Marketern. Als Beleg für B2B-Entscheider in der Energie- oder Luftfahrtbranche taugt die Zahl nicht. Sie zeigt eine Tendenz, mehr nicht.
Wichtiger als jede Umfrage ist die Rolle, die das Medium auf der Seite spielt. Das Video ersetzt den Text nicht, es öffnet ihn: Wer in einer Minute den Kern verstanden hat, kann gezielt in die Tiefe lesen, statt sich durch alles zu arbeiten. Das ist unsere Einschätzung aus der Projektarbeit, keine gemessene Größe.
Die Formate im Vergleich
Es gibt nicht das eine richtige Format. Fünf Varianten kommen in der Praxis vor:
| Format | Gut für | Aufwand | Pflege | Typisches Risiko |
|---|---|---|---|---|
| Statische Infografik oder Schnittzeichnung | Wenige Schritte, Aufbau auf einen Blick | Gering | Einfach, Text bleibt änderbar | Wirkt bei komplexen Abläufen überladen |
| 2D-Erklärvideo (Motion Graphics) | Prozesse, Energieflüsse, Geschäftsmodell | Mittel | Änderungen brauchen Neurendering | Text im Bild macht Sprachversionen teuer |
| Gerenderte 3D-Animation | Räumlicher Aufbau, Innenleben, Funktionsweise einer Baugruppe | Hoch | Neue Varianten brauchen das 3D-Modell | Falsche Detailtiefe: zu viel oder zu wenig gezeigt |
| Scrollgesteuerte Szene | Schrittweises Erklären, das Besucher selbst steuern | Hoch | Sensibel bei Umbauten im Layout | Ladezeit und mobile Darstellung |
| Interaktives 3D (Echtzeit) | Drehen, Zoomen, Konfigurieren, AR | Sehr hoch | Modelle müssen web-tauglich bleiben | Datenmenge, Geräteleistung |
Die technische Seite von scrollgesteuerten Szenen, Lazy Loading und Performance behandelt unsere Seite 3D und Scroll-Animation in Webflow. Hier geht es um die vorgelagerte Frage: Welches Format erklärt dein Thema am besten?
Eine Faustregel aus unseren Projekten, die du gegen deinen Fall prüfen solltest: Gerenderte 3D-Animationen sind für die meisten B2B-Erklärfälle der pragmatische Weg. Du bekommst die Qualität einer 3D-Software, ohne dass der Browser Geometrie berechnen muss. Echtzeit-3D lohnt sich erst, wenn Besucher ein Objekt wirklich selbst bewegen sollen. Die Abwägung zwischen Konfigurator und Rendering erläutert der Ratgeber 3D-Konfigurator oder Rendering.

Fünf Fragen vor der Formatwahl
- Was soll der Besucher danach verstanden haben? Formuliere es als einen Satz, zum Beispiel: "Der Speicher lädt bei Überschuss und gibt bei Bedarf wieder ab." Passt der Satz nicht in einen Satz, sind es zwei Szenen oder zwei Videos.
- Ist es ein Ablauf oder ein Aufbau? Abläufe (erst A, dann B) erzählt ein Video. Aufbau (wie sitzt was zusammen) zeigt eine 3D-Ansicht besser, vor allem mit Schnitt oder Explosionsdarstellung.
- Wer schaut zu? Eine Kommunalverwaltung braucht eine andere Tiefe als ein Entwicklungsingenieur. Die Zielgruppe bestimmt Fachbegriffe, Tempo und Detail.
- Wo läuft es? Im Hero der Startseite, auf einer Produktseite, auf der Messe, im Vertriebsgespräch, auf LinkedIn? Ein Format für alle Kanäle ist meist ein Kompromiss. Gute Projekte planen ein Master-Asset und leiten Ausschnitte für andere Kanäle ab.
- Wie oft ändert sich das Produkt? Bei Varianten und häufigen Updates zahlt sich ein sauber gebautes 3D-Modell aus, bei einmaligen Aussagen reicht ein Video.
Die Antworten ergeben in den meisten Fällen die Formatwahl von selbst. Wenn nicht, ist das ein Zeichen dafür, dass das Briefing noch nicht klar genug ist.
Energietechnik erklären: Problem, Lösung, Technik
In der Energiebranche entscheiden häufig Gremien. Die EY/BDEW-Stadtwerkestudie 2024 (100 Versorger) zeigt, wie knapp die Aufmerksamkeit ist: 87 % der Befragten nennen Digitalisierung, Wärmeplanung und Fachkräftegewinnung als wichtigste Themen (BDEW, Pressemitteilung 04.06.2024). Die Studie sagt nichts über Erklärvideos, aber sie zeigt, dass deine Erklärung nur wenige Sekunden hat, um relevant zu wirken.
Die Reihenfolge, die sich in unseren Energie-Projekten bewährt hat und die wir auf unserer Branchenseite beschreiben: erst das Problem, dann die Lösung, dann die Technik. Wer mit der Technik beginnt, verliert alle, die das Problem nicht als ihres erkennen. Ein Beispiel für den Aufbau einer 60-Sekunden-Szene zu einem Wärmerückgewinnungssystem (fiktives Beispiel, keine Kundenarbeit):
- Problem (10 Sekunden): Abwärme geht ungenutzt verloren.
- Lösung (15 Sekunden): Ein System nimmt die Wärme auf und führt sie dem Prozess wieder zu.
- Technik (25 Sekunden): Schnitt durch den Wärmetauscher, Energiefluss als animierte Linien, Beschriftung der drei wichtigsten Bauteile.
- Nutzen und nächster Schritt (10 Sekunden): Was bedeutet das für den Betreiber, und wohin klickt er jetzt?
Die Laufzeit ist eine Praxisheuristik, keine Norm. Entscheidend ist die Struktur: eine Aussage pro Szene und kein Fachbegriff, der nicht erklärt wird.
Ein Beispiel aus der Praxis. Für Phasic Energy, ein Energie-Startup im Bereich KI-gestützter Wärmerückgewinnung (2025), sollte der Webauftritt eine hochkomplexe technologische Lösung verständlich, greifbar und visuell überzeugend darstellen. KI, Energieeffizienz und "waste heat recovery" wurden in eine klare, strukturierte visuelle Sprache übersetzt: reduzierte Layouts, präzise Typografie und gezielte Animationen, die technische Tiefe vermitteln, ohne zu überfordern. Umgesetzt wurde das in Webflow mit Fokus auf Performance, Skalierbarkeit und Informationsarchitektur (Projekt Phasic Energy).
Visualisierung und Werbeaussagen. Wenn eine Animation einen Nutzen verspricht ("spart Energie", "klimaneutral"), gelten die Regeln für Umweltaussagen. Mit dem Dritten Gesetz zur Änderung des UWG, das überwiegend ab dem 27. September 2026 gilt, sind allgemeine Umweltaussagen wie "nachhaltig" oder "umweltfreundlich" ohne Nachweis nicht mehr zulässig, es sei denn, sie werden auf demselben Medium konkretisiert. Klimaneutralitäts-Claims auf Produktebene, die auf Kompensation beruhen, sind unzulässig (IHK Schwerin, Greenwashing). Die Verbote der sogenannten Schwarzen Liste gelten laut einer Zusammenfassung nur im Verbraucherverkehr, das allgemeine Irreführungsverbot aber auch im B2B (industrie-fachwissen.de). Für das Briefing heißt das: Jede Zahl und jede Wirkungsaussage in der Animation braucht einen Beleg, den du auf Nachfrage vorlegen kannst. Lass Texte mit rechtlichem Gewicht von jemandem prüfen, der dafür qualifiziert ist.
Luftfahrtkomponenten in 3D: Was geht, was nicht
Bei Luftfahrt- und Raumfahrttechnik ist 3D oft die einzige Möglichkeit, überhaupt zu zeigen, was gemeint ist. Man kann eine Baugruppe nicht fotografieren, die aus Sicherheits- oder Geheimhaltungsgründen nicht offen liegt, und ein Foto zeigt nie den Querschnitt.
Ein Beispiel aus der Praxis. Für HyImpulse, ein Raumfahrtunternehmen (Branche Mobilität und Luftfahrt, 2025), wurden die Raketen- und Antriebssysteme SL1, SR75 und HyMove detailliert in 3D aufgebaut, damit Struktur und Funktionsweise nachvollziehbar werden. Als Mittel dienen präzise Modellierung, kontrollierte Bewegungen und technisch saubere Animationen. Ziel war, technische Präzision, Ingenieurskunst und Innovationskraft in eine klare, hochwertige visuelle Sprache zu übersetzen (Projekt HyImpulse).
Bevor jemand modelliert, drei Klärungen:
- Was darf öffentlich gezeigt werden? Konstruktionsdaten sind oft vertraulich, Kunden- oder Programmdaten unterliegen Geheimhaltung. Kläre intern, welche Detailtiefe die Öffentlichkeit sehen darf, und stelle den Daten-Lieferanten bereit, die das freigeben.
- Gibt es exportkontrollrechtliche Fragen? Exportkontrolle betrifft nicht nur Waren, sondern auch Technologie und technische Unterstützung (IHK Magdeburg, Exportkontrolle bei Technologietransfer). Ob eine Animation oder ein 3D-Modell auf einer öffentlichen Website darunter fällt, hängt vom Einzelfall ab. Das klärt deine Compliance-Stelle oder ein Fachanwalt, nicht die Agentur.
- Zeigst du das Produkt oder das Prinzip? Ein vereinfachtes Funktionsmodell erklärt ein Prinzip, ohne das exakte Bauteil preiszugeben. Das ist oft die bessere Wahl, auch aus Verständlichkeitsgründen.
Für die Darstellung selbst gilt: Zeig nur, was du erklärst. Ein Schnitt durch ein Bauteil, bei dem alle Schrauben und Leitungen sichtbar sind, wirkt beeindruckend und erklärt nichts. Ein vereinfachtes Modell mit drei hervorgehobenen Baugruppen erklärt mehr.
Vom CAD-Modell zur Web-Szene
Konstruktionsdaten aus dem CAD sind für die Konstruktion gebaut, nicht für den Browser. Sie enthalten oft Millionen von Flächen, jede Schraube, jedes Gewinde. Für eine Web-Szene wird das Modell in der Regel vereinfacht, neu aufgebaut oder auf die erklärungsrelevanten Teile reduziert.
Der Weg in vier Schritten:
- Datenlieferung: Typisch sind STEP-Dateien aus dem CAD, dazu Zeichnungen und Fotos als Referenz für Materialien und Farben.
- Vereinfachung: Innenleben und Details entfernen, die nichts zur Erklärung beitragen. Wer vertrauliche Details nicht zeigen darf, entfernt sie hier endgültig, nicht nur durch Verstecken.
- Aufbereitung: Materialien, Licht, Kameras und Bewegung festlegen. Daraus entsteht entweder ein gerendertes Video beziehungsweise eine Bildsequenz oder ein web-taugliches 3D-Modell.
- Export und Einbau: Video oder Sequenz für die Website komprimieren, bei Echtzeit-3D das Modell im Webformat ausspielen.
Für Echtzeit-3D ist glTF das übliche Format. Die Khronos Group beschreibt es als offenen Standard zur effizienten Übertragung und zum Laden von 3D-Szenen, als ISO/IEC 12113:2022 normiert. Das Modell lässt sich als einzelne .glb-Datei ausliefern, und Texturen können über KTX 2.0 komprimiert werden (Khronos Group, glTF). Ein praktischer Weg, solche Modelle auf Websites zu zeigen, ist die Web-Komponente model-viewer von Google, die laut ihrer Seite 3D-Modelle im Web und in AR anzeigt. Die AR-Modi über WebXR werden von Chrome, Edge und Samsung Internet unterstützt, nicht von Safari und Firefox (modelviewer.dev). Plane Echtzeit-3D also nur ein, wenn die Zielgruppe es wirklich braucht.
Skript und Storyboard: eine Szene, eine Aussage
Das Skript entscheidet, ob eine Animation erklärt oder nur beeindruckt. Bewährt haben sich fünf Regeln:
- Eine Aussage pro Szene. Wenn du zwei Dinge erklären willst, brauchst du zwei Szenen.
- Erst das Wort, dann das Bild. Schreib das Skript, bevor jemand modelliert. Ein gutes Skript lässt sich auch als Text lesen.
- Fachbegriffe einführen, nicht voraussetzen. Wer "Wärmetauscher" sagt, muss ihn kurz zeigen. Je gemischter die Zielgruppe, desto wichtiger.
- Kamera folgt der Erklärung. Jede Kamerabewegung hat einen Grund: Sie zeigt, wohin der Blick gehen soll. Dekorative Fahrten lenken ab.
- Der Abspann sagt, was jetzt passiert. Ein Link zum Datenblatt, zum Kontakt oder zur nächsten Seite. Eine Animation ohne nächsten Schritt ist ein Kunstwerk, aber kein Vertriebswerkzeug.
Die Storyboard-Phase ist die günstigste Stelle für Änderungen. Eine Korrektur im Skript kostet Minuten, im gerenderten Film Tage. Gib Fachabteilung und Rechtsabteilung deshalb vor dem Modellieren die Chance, Skript und Storyboard zu prüfen.
Barrierefrei und mehrsprachig
Zwei Anforderungen aus den Web Content Accessibility Guidelines sind für Video und Animation besonders relevant, beide auf Level A:
- Untertitel für aufgezeichnete Inhalte. Kriterium 1.2.2 verlangt Untertitel für alle aufgezeichneten Audioinhalte in synchronisierten Medien. Sie sollen auch Sprecher identifizieren und bedeutsame Geräusche wiedergeben (W3C, Understanding 1.2.2).
- Pausieren, Stoppen, Ausblenden. Kriterium 2.2.2 verlangt für Inhalte, die automatisch starten, länger als fünf Sekunden laufen und neben anderen Inhalten stehen, eine Möglichkeit zum Pausieren, Stoppen oder Ausblenden, außer die Bewegung ist wesentlich (W3C, Understanding 2.2.2).
Das Barrierefreiheitsstärkungsgesetz (BFSG) betrifft vor allem Angebote für Verbraucher. Reine B2B-Websites sind meist nicht erfasst. Wenn dein Unternehmen auch Privatkunden bedient, etwa über Portale, solltest du prüfen, ob die Regeln greifen. Hintergrund und Einordnung stehen im Ratgeber Barrierefreie Website und BFSG. Unabhängig von der Rechtslage gilt als Qualitätsmerkmal: Untertitel helfen auch dem Einkäufer im Großraumbüro, der den Ton nicht einschalten kann.
Praktische Regeln:
- Das Transkript steht als Text auf der Seite, mit Zwischenüberschriften.
- Bei scrollgesteuerten Szenen gibt es eine Variante für reduzierte Bewegung. Wie das umgesetzt wird, erklärt unsere Seite 3D und Scroll-Animation in Webflow.
- Beschriftungen in der Animation sind als HTML-Text über dem Medium gebaut und nicht ins Video gebrannt. Dann lassen sich Sprachversionen ohne Neurendering erzeugen. Wer Text ins Video backt, muss pro Sprache neu rendern.
- Ein Alt-Text beschreibt, was die Animation zeigt und was man daraus lernt, nicht nur "Animation".
Für Mehrsprachigkeit planst du Sprecher oder Untertitel getrennt vom Bild. Bei Untertiteln ist das einfach, bei gesprochenem Text brauchst du je Sprache eine Aufnahme. Entscheide früh, ob die Sprachversionen mit Voice-over oder nur mit Untertiteln laufen.
Einbau in die Website
Drei Wege, ein Video einzubinden, mit jeweils anderen Konsequenzen:
| Weg | Vorteil | Nachteil |
|---|---|---|
| Einbettung von YouTube oder Vimeo | Einfache Pflege, Untertitel-Verwaltung, Streaming-Qualität | Externer Anbieter, datenschutzrechtliche Prüfung nötig |
| Selbst gehostete Datei | Volle Kontrolle, keine externen Anfragen | Dateigröße und Streaming musst du lösen |
| Hintergrundvideo ohne Ton | Wirkt wie Teil des Designs | Muss klein bleiben, braucht Pausieren-Möglichkeit (siehe WCAG 2.2.2), Standbild als Poster |
Ob eine YouTube-Einbettung eine Einwilligung erfordert, ist eine Datenschutzfrage, die du mit deiner Datenschutzstelle klärst. Die Grundlagen zu Einwilligung und Tracking stehen im Ratgeber Tracking und Consent nach TDDDG.
Für alle Varianten gilt: Das erste Bild ist ein Standbild, das sofort lädt. Schwere Dateien kommen erst danach. Das erste sichtbare Medium auf einer Seite wird leicht zum größten Element im Ladevorgang und beeinflusst damit die Core Web Vitals. Messwerte und Schwellen zu Ladezeit und Interaktion behandelt die Seite zu 3D und Scroll-Animation, dort mit Quellen. Hier genügt die Regel, dass dein Performance-Budget vor dem Dreh steht, nicht nach dem Launch.
Was Aufwand und Dauer treibt
Eine pauschale Preisspanne für "ein Erklärvideo" oder "eine 3D-Animation" wäre irreführend, weil die Streuung riesig ist und uns keine belastbare, unabhängige Marktquelle für Energie- und Luftfahrttechnik vorliegt. Sinnvoller ist, die Treiber zu kennen und im Angebot nachzufragen:
| Treiber | Kleinerer Aufwand | Größerer Aufwand |
|---|---|---|
| Modellbasis | Vorhandene, saubere 3D-Daten | Nur Zeichnungen oder Fotos, Modell muss neu gebaut werden |
| Detailtiefe | Prinzipmodell mit wenigen Baugruppen | Reales Bauteil mit vielen Details und Materialien |
| Anzahl Szenen | Eine Aussage | Mehrere Szenen mit Übergängen |
| Varianten | Ein Produkt, eine Sprache | Mehrere Produkte oder Sprachen |
| Einsatzkanäle | Nur Website | Zusätzlich Messe, Social Media, Präsentation |
| Interaktion | Abspielen | Scrollsteuerung, Drehen, Konfigurieren |
| Abstimmung | Ein Freigeber | Fachabteilung, Recht, Compliance, Kunde |
Der letzte Punkt wird unterschätzt. In Energie- und Luftfahrtunternehmen laufen Freigaben oft über mehrere Stellen. Das verlängert Projekte stärker als jede Renderzeit.
Briefing-Checkliste
- Ein Satz, den der Besucher nach der Animation verstanden haben soll.
- Zielgruppe und deren Vorwissen.
- Einsatzorte (Hero, Produktseite, Messe, Social Media) und das Master-Format.
- Verfügbare Daten: CAD, Zeichnungen, Fotos, Texte. Wer liefert, bis wann?
- Freigabe: Was darf gezeigt werden? Wer entscheidet? Gibt es Geheimhaltung oder Exportkontrolle?
- Skript und Storyboard vor dem Modellieren, mit Freigabe durch Fachabteilung.
- Sprachen und Umgang mit Text und Ton.
- Untertitel, Transkript, Alt-Text und Reduced-Motion-Variante.
- Technische Rahmenbedingungen: Plattform, Hosting, Consent, Performance-Budget.
- Nutzen-Aussagen: Welche Zahlen und Claims erscheinen, und welche Belege liegen vor?
- Pflege: Wer erzeugt künftig neue Varianten, und was braucht er dafür?
Häufige Fehler
- Mit der Technik beginnen. Das Problem fehlt, und alle, die es nicht kennen, steigen aus.
- Zu viel Detail. Jedes sichtbare Teil konkurriert um Aufmerksamkeit.
- Text im Bild. Jede Textänderung und jede Sprache kostet Neurendering.
- Kein Plan für Pflege. Nach einem Produktupdate ist die Animation veraltet, und niemand kann sie anpassen.
- Autoplay mit Ton. Das nervt und verstößt gegen die Erwartung vieler Nutzer, die Pausieren-Funktion fehlt oft.
- Keine Text-Alternative. Suchmaschinen, KI-Systeme und Menschen ohne Ton sehen nur ein leeres Feld.
- Freigabe zu spät. Wenn Recht oder Fachabteilung erst das fertige Video sehen, beginnt die Arbeit von vorn.
- Nutzen ohne Beleg. Eine schöne Animation, die mehr verspricht, als belegbar ist, kann zum rechtlichen Problem werden.
Wann du dafür keine Agentur brauchst
Du brauchst keine Agentur, wenn eine gut gemachte Grafik reicht. Viele Erklärfälle lassen sich mit einer sauberen Schnittzeichnung, einer Explosionsdarstellung oder einer Bildschirmaufnahme lösen, die dein Konstruktions- oder Vertriebsteam selbst erstellt. Auch ein Hersteller-Rendering aus dem CAD-System kann für ein Datenblatt genügen. Eine Agentur lohnt sich, wenn die Animation Teil des Markenauftritts ist, in die Website eingebaut werden soll und mehrere Szenen, Sprachen oder Varianten abdecken muss. Wenn nur eine einzelne Animation für die Messe gebraucht wird, ist ein spezialisiertes Animationsstudio ohne Web-Bezug oft die einfachere Wahl. Wer Animation und Website aus einer Hand will, spart die Schnittstelle zwischen Studio und Entwicklung.
Wie wir das umsetzen
Webwavers bietet 3D- und 2D-Animation, Motion Graphics und Web-Motion für Marken, Produkte und Websites an. Laut unserer Motion-Design-Seite dienen Konstruktionsdaten, Zeichnungen oder Fotos als Grundlage, die Modelle entstehen selbst, und Scrollsequenzen, Lottie-Dateien und Videos werden auf Wunsch direkt in Webflow oder in den bestehenden Stack eingebaut. Für Energieunternehmen beschreibt die Branchenseite Energie, wie Technik in eine verständliche Reihenfolge gebracht wird, und die Branchenseite Luftfahrt, wie Motion dort eingesetzt wird, wo Text an seine Grenzen stößt.
Für die Zusammenarbeit gilt der Ablauf von unserer Prozessseite: Erstgespräch, ein Fragenkatalog mit 34 Fragen, ein Strategiegespräch, danach Moodboards und Design in Figma mit einer Feedbackrunde pro Meilenstein. Du hast einen festen Projektleiter und einen eigenen Slack-Kanal. Welche Szenen und Formate zu deinem Thema passen, klären wir im Erstgespräch.

FAQ
Welche Agenturen machen 3D-Animationen und Infografiken für die Website?
Es gibt Animationsstudios, Motion-Design-Agenturen und Webagenturen mit Motion-Kompetenz. Achte darauf, ob die Agentur nur das Medium liefert oder auch den Einbau in die Website übernimmt, ob sie mit deinen CAD-Daten arbeiten kann und wie sie Barrierefreiheit und Ladezeit behandelt. Referenzen aus technischen Branchen zeigen, ob sie Technik verständlich machen kann.
Können Flugzeugkomponenten in 3D animiert werden, ohne vertrauliche Daten zu zeigen?
Ja, mit einem vereinfachten Funktionsmodell. Es zeigt das Prinzip und die wichtigsten Baugruppen, aber nicht die exakte Konstruktion. Kläre vorher intern, welche Daten freigegeben sind und ob Exportkontrolle oder Geheimhaltung eine Rolle spielen. Das entscheiden Compliance oder ein Fachanwalt, nicht die Agentur.
Reicht ein Erklärvideo oder brauche ich eine 3D-Animation?
Ein Erklärvideo reicht für Abläufe, Geschäftsmodelle und Energieflüsse. Eine 3D-Animation lohnt sich, wenn es um den räumlichen Aufbau geht, etwa um Schnitt, Innenleben oder Funktion einer Baugruppe. Beides lässt sich kombinieren: ein Video als Einstieg, eine 3D-Szene für die Tiefe.
Wann lohnt sich eine scrollgesteuerte oder interaktive 3D-Szene?
Wenn Besucher das Tempo selbst steuern oder ein Objekt drehen und erkunden sollen. Der Aufwand liegt höher als bei einem Video, und die Darstellung muss auf mobilen Geräten funktionieren. Für einmalige Aussagen reicht oft ein gerendertes Video.
Wie baue ich Untertitel und Barrierefreiheit in die Animation ein?
Plane Untertitel und Transkript im Skript ein. Beschriftungen in der Animation baust du als HTML-Text über dem Medium. Für automatisch startende Bewegung brauchst du eine Pausieren-Funktion, und für scrollgesteuerte Szenen eine Variante mit reduzierter Bewegung.
Was kostet eine 3D-Animation für die Website?
Dafür gibt es keinen sinnvollen Pauschalpreis. Aufwand und Dauer hängen vor allem von der Modellbasis, der Detailtiefe, der Szenenzahl, den Sprachen und der Zahl der Freigabestellen ab. Frag im Angebot nach diesen Positionen und lass dir erklären, was Varianten später kosten.
Wie lange darf ein Erklärvideo auf der Website sein?
Eine feste Regel gibt es nicht, und uns liegt dazu keine belastbare Studie vor. Als Praxisheuristik gilt: kurze Szenen mit einer Aussage, ergänzt durch Text und weiterführende Seiten. Lange Videos gehören auf eine eigene Seite mit Kapiteln und Transkript, nicht in den Hero.
Fazit
Technik lässt sich gut erklären, wenn das Format zur Frage passt und die Erklärung nicht nur in der Bewegung steckt. Ein Video erzählt Abläufe, eine 3D-Animation zeigt Aufbau, eine scrollgesteuerte Szene lässt Besucher das Tempo wählen. Bei Energie- und Luftfahrttechnik entscheidet oft nicht die Grafik, sondern die Vorarbeit: welche Daten gezeigt werden dürfen, welcher Satz am Ende hängen bleibt und wer Änderungen später umsetzt. Wer das vor dem Modellieren klärt, spart sich die teuersten Korrekturschleifen.
Unterstützung bei 3D, Erklärvideo und Web-Motion: Mehr zu unserem Angebot findest du auf der Seite Motion Design, oder du schreibst uns über den Kontakt.
Quellen
- Gartner: 67 % der B2B-Käufer bevorzugen ein Kauferlebnis ohne Vertrieb (09.03.2026)
- Wyzowl: Video Marketing Statistics 2026
- BDEW: EY/BDEW Stadtwerkestudie 2024, Pressemitteilung
- IHK Schwerin: Greenwashing, neue Regeln im UWG ab 27.09.2026
- industrie-fachwissen.de: Greenwashing-Verbot ab 27. September 2026 im B2B
- IHK Magdeburg: Exportkontrolle bei Technologietransfer
- Khronos Group: glTF
- model-viewer
- W3C: Understanding SC 1.2.2 Captions (Prerecorded)
- W3C: Understanding SC 2.2.2 Pause, Stop, Hide
- Görg: Digital ohne Hürden, was das BFSG für Unternehmen bedeutet (20.01.2025)
- Webwavers: Prozess
- Webwavers: Motion Design
- Webwavers: Projekt Phasic Energy
- Webwavers: Projekt HyImpulse








