IMMER WEBSERVICES
Projekt starten

Motion Graphics – Bewegung, die erklärt und im Kopf bleibt

Ein Logo, das sich in drei Sekunden einprägt. Ein Produkt, das in zwölf Sekunden verstanden ist. Wir gestalten Motion Graphics für Webseite, Social Media und Präsentationen – im Code gebaut, deshalb gestochen scharf in jeder Größe und schnell angepasst, wenn sich ein Preis oder ein Satz ändert.

Showreel: vier Filme, vier Handschriften

Jeder Film ist im Code entstanden, mit eigener Bildsprache je Marke. Die Betriebe sind Konzeptprojekte, die Zahlen Beispiele.

Pegel – Launch-Film. Launch-Film für eine Analytics-Software: Titel, Übersicht mit Umsatz pro Tag, Frage und Antwort, Marke. Gebaut mit HTML, SVG und GSAP, gerendert mit HyperFrames. Konzeptprojekt, Demo-Daten.

Und live im Browser

Dieselbe Technik läuft auch direkt auf der Webseite – ohne Video, gestochen scharf und jederzeit anzuhalten.

Konzeptprojekt Taktwerk · läuft live im Browser – Schrift und Zahlen sind echter Text, kein Video.

Was dazugehört

Für wen das passt

  • Marken und Produkte, die einen Launch oder eine Neuheit ankündigen
  • Betriebe, die ihr Angebot in Social Media zeigen wollen – ohne Filmteam
  • Software und Dienstleistungen, die sich mit einem Foto schwer erklären lassen
  • Unternehmen, die ein stimmiges Logo-Intro für Videos und Präsentationen brauchen

Warum wir Motion Graphics im Code bauen

Die meisten Motion Graphics entstehen in Animationsprogrammen und werden als Video exportiert. Wir gehen einen anderen Weg: Jeder Film ist eine kleine Webseite aus HTML, CSS und SVG mit einer genau getakteten Zeitleiste. Daraus rendern wir mit dem Open-Source-Werkzeug HyperFrames Bild für Bild ein echtes Video. Schrift bleibt dadurch Schrift – in Ihrer Hausschrift, gestochen scharf in jeder Auflösung.

Der größte Vorteil zeigt sich nach der ersten Fassung. Ein neuer Preis, ein anderer Slogan, eine zweite Sprache oder ein Hochformat für Instagram sind keine neue Produktion, sondern eine neue Variante. Zahlen können direkt aus Ihren Daten kommen, und Korrekturschleifen gehen schneller, weil nichts neu gezeichnet werden muss.

Gute Bewegung folgt denselben Regeln wie ein Trickfilm: Was wichtig ist, bewegt sich zuerst. Eingänge brauchen länger als Ausgänge, kein Element hat dasselbe Tempo wie alle anderen, und nach jeder Bewegung darf das Auge kurz ruhen. In Social Media zählen die ersten drei Sekunden – und weil die meisten Videos dort ohne Ton laufen, muss die Botschaft auch stumm funktionieren.

Nicht jedes Projekt braucht ein Video. Für die eigene Webseite ist eine Animation, die live im Browser läuft, oft die bessere Wahl: Sie wiegt wenige Kilobyte, bleibt scharf und lässt sich anhalten. Für gefilmte Szenen mit Menschen oder aufwendige Figuren-Animation empfehlen wir ehrlich eine spezialisierte Filmproduktion – und arbeiten gern mit ihr zusammen.

Was kosten Motion Graphics?

Richtwerte in Euro, es fällt keine Umsatzsteuer an (Kleinunternehmerregelung). Ihren Fixpreis bekommen Sie nach dem Kennenlernen – ohne versteckte Posten.

So arbeiten wir

Vom ersten Gespräch bis nach dem Launch wissen Sie immer, was als Nächstes passiert. Das fixe Angebot bekommen Sie nach dem Kennenlernen.

Projekt starten
  1. Schritt 1: Kennenlernen

    Ein kostenloses Gespräch über Ziele, Zielgruppe und Budget. Danach wissen beide Seiten, ob es passt.

    ≈ 1 Woche

  2. Schritt 2: Konzept & Design

    Struktur, Texte und Look – als klickbarer Entwurf, den Sie vorab ausprobieren.

    ≈ 2–3 Wochen

  3. Schritt 3: Umsetzung

    Entwicklung, Inhalte, Animationen und Tests auf allen Geräten, in beiden Sprachen.

    ≈ 3–6 Wochen

  4. Schritt 4: Launch & Betreuung

    Livegang, Einschulung und danach SEO, Hosting und Wartung aus einer Hand.

    laufend

Häufige Fragen

Was kosten Motion Graphics?

Eine Logo-Animation beginnt bei 390 € (meist bis 1.190 €), ein Social-Clip bei 240 €, ein Erklärvideo von 60 bis 90 Sekunden bei 1.190 € und ein Launch-Film bei 2.390 € – es fällt keine Umsatzsteuer an (Kleinunternehmerregelung). Der Preis hängt vor allem von Länge, Anzahl der Szenen und Formaten ab. Nach dem ersten Gespräch bekommen Sie einen Fixpreis.

Wie lange dauert ein Projekt?

Eine Logo-Animation oder ein einzelner Clip ist meist in wenigen Tagen fertig, ein Erklärvideo oder Launch-Film in zwei bis vier Wochen – abhängig davon, wie schnell Inhalte und Rückmeldungen vorliegen. Einen verbindlichen Zeitplan bekommen Sie mit dem Angebot.

In welchen Formaten bekomme ich die Filme?

Als MP4 für Webseite und Social Media, auf Wunsch zusätzlich als WebM, GIF oder als Overlay mit transparentem Hintergrund. Hochformat, Quadrat und Querformat liefern wir aus derselben Vorlage.

Brauche ich Musik oder einen Sprecher?

Nicht unbedingt: In Social Media laufen die meisten Videos ohne Ton, deshalb bauen wir die Botschaft so, dass sie auch stumm funktioniert. Auf Wunsch binden wir lizenzierte Musik oder eine Sprecherstimme ein; Lizenzkosten weisen wir getrennt aus.

Kann ich später Texte oder Zahlen ändern lassen?

Ja, das ist einer der größten Vorteile unserer Arbeitsweise. Texte, Zahlen, Farben und Formate sind im Code als Variablen angelegt – eine neue Fassung ist deshalb schnell erstellt, statt den Film neu zu produzieren.

Sind die Filme auf dieser Seite echte Kundenprojekte?

Nein. Pegel, Fadenlauf und Goldkorn sind Konzeptprojekte mit erfundenen Betrieben und Beispielzahlen; die Produktfotos von Fadenlauf sind KI-generiert. Die Filme selbst sind echt – so arbeiten wir auch für Sie.

Passende Artikel

Soll Ihr Angebot in Bewegung kommen?

Erzählen Sie uns kurz, was Sie zeigen möchten und wo der Film laufen soll. Wir melden uns innerhalb eines Werktags mit einer ehrlichen Einschätzung.