Wenn Standard nicht ausreicht.

Spezialanwendungen

Motion Design Plus. Automatisiert, datengetrieben, weboptimiert.

Sonderformate für Projekte mit Anspruch.

Manche Projekte brauchen mehr als Standard.
Transparente Web-Videos ohne Cookies, Animationen ganz ohne Videodatei, datengetriebene Animationen oder KI-gestützte Bewegtbilder, hier finden Sie technische Speziallösungen, die genau das möglich machen.

Webanimation

Nicht alles im Web muss ein klassisches Video sein. Diese Formate laufen technisch schlank, cookiefrei und funktionieren browserunabhängig.

Lottie-Animationen

Leicht, responsiv, verlustfrei skalierbar: Lottie-Animationen bringen Bewegung ins Web, rein codebasiert statt als Video, dadurch schlank und ohne Cookies. Die Demo unten kommt mit rund 500 KB aus. Farben lassen sich direkt online anpassen, ganz ohne neuen Export. Für noch mehr Interaktivität gibt es zusätzlich Lottie State Machines, damit reagiert die Animation nicht nur auf Zeit, sondern auch auf Nutzeraktionen wie Klicks oder Hover, etwa für interaktive Buttons oder Produktkonfiguratoren.



Cookiefreie Webvideo-Einbettungen

Video-Loops als reine webm/mp4-Einbettung, ganz ohne Player und ohne Cookie-Banner. Plattformunabhängig genau so für Chrome, Firefox und Edge wie auch für Safari und viele andere Browser.

Transparente Videos im Web

Transparente Videos lassen sich nahtlos in jede Webseite integrieren, ganz ohne störenden Hintergrund. Probieren Sie es direkt hier aus, der Hintergrund lässt sich live per Slider wechseln.

Hintergrund 1 Hintergrund 2 Hintergrund 3

KI-Animation

Wenn Ideen keine Grenzen kennen.

KI-generierte Videos machen sichtbar, was mit klassischen Produktionen kaum oder nur mit enormem Aufwand möglich wäre. Produkte verwandeln sich in Sekunden, Gebäude entstehen vor den Augen des Betrachters und Markenwelten werden Wirklichkeit. Ob spektakuläre Transformationen, cineastische Imagefilme oder Szenen, die physikalische Grenzen überwinden.

Außergewöhnliche Inhalte, die Aufmerksamkeit schaffen und im Gedächtnis bleiben.

Data-Driven Animation

Manche Inhalte ändern sich ständig: neue Preise, neue Ergebnisse, neue Produkte. Bei Data-Driven Animation liest die Animation ihre Inhalte direkt aus einer Datenquelle wie einer Excel- oder CSV-Tabelle aus, statt jedes Mal von Hand neu gebaut zu werden. Zahlen, Texte oder auch Bilder wandern automatisch an die richtige Stelle, korrekt formatiert und layoutgetreu, in Sekunden statt Stunden.

Typische Einsatzgebiete:

  • Balkengrafiken und Statistiken
  • Wahlergebnisse und Umfragen
  • Sportergebnisse und Tabellen
  • Preislisten und Produktübersichten
  • Wiederkehrende Produktdarstellungen, etwa für wöchentlich wechselnde Sortimente

Für ein wöchentlich wechselndes Produktsortiment genügt damit eine Tabelle mit den aktuellen Angaben wie Name, Preis oder Erscheinungsjahr, dazu die passenden Produktfotos und QR-Codes in einem Ordner. Das System liest alles automatisch ein und erstellt daraus die fertige, korrekt beschriftete Animation, ganz ohne dass jemand die Vorlage von Hand neu befüllen muss.

Der Vorteil: Nach einer einmaligen Einrichtung sparen Sie im laufenden Betrieb bares Geld und Zeit, denn eine Anpassung ist damit deutlich schneller erledigt, als wenn alles jedes Mal neu gebaut werden müsste. Ob zwei oder zweiunddreißig Varianten, der Aufwand für Sie bleibt gleich klein, nur die Datentabelle wächst. Eine wichtige Grundlage dafür ist oft cleveres Adobe Scripting, das solche Automatisierungen im Hintergrund erst möglich macht.

Ein weiteres Beispiel: 32 einzigartige Burger

Ein plakatives Beispiel zeigt das Prinzip besonders deutlich: Fünf mögliche Zutaten, Bacon, Spiegelei, Champignon, Paprika und Salami, ergeben rein rechnerisch 32 verschiedene Kombinationen. Jede einzelne Kombination wurde automatisch als eigene Burger-Animation erzeugt, ganz ohne dass eine einzige Variante von Hand gebaut werden musste. Die Grundlage dafür war nichts weiter als eine einfache Tabelle:

Nr.BaconSpiegeleiChampignonPaprikaSalami
1✅✅✅✅✅
2❌✅✅✅✅
3✅❌✅✅✅
4✅✅❌✅✅
5✅✅✅❌✅
6✅✅✅✅❌
7❌❌✅✅✅
8❌✅❌✅✅
9❌✅✅❌✅
10❌✅✅✅❌
11✅❌❌✅✅
12✅❌✅❌✅
13✅❌✅✅❌
14✅✅❌❌✅
15✅✅❌✅❌
16✅✅✅❌❌
17❌❌❌✅✅
18❌❌✅❌✅
19❌❌✅✅❌
20❌✅❌❌✅
21❌✅❌✅❌
22❌✅✅❌❌
23✅❌❌❌✅
24✅❌❌✅❌
25✅❌✅❌❌
26✅✅❌❌❌
27❌❌❌❌✅
28❌❌❌✅❌
29❌❌✅❌❌
30❌✅❌❌❌
31✅❌❌❌❌
32❌❌❌❌❌

Kein einziger der 32 Burger gleicht dem anderen in seinen Zutaten, und trotzdem musste niemand auch nur eine Kombination manuell zusammenstellen. Genau das ist der Kern von Data-Driven Animation: aus einer überschaubaren Tabelle wird automatisch eine ganze Bandbreite an korrekten, individuellen Ergebnissen.

Die Burger sind übrigens eine LOTTIE Animation.

Wenn Sie all das und mehr regelmäßig brauchen und selbst Agentur oder Kollege aus der Branche sind: hier entlang.

FAQ

Lottie-Animationen

Was ist eine Lottie-Animation?

Anders als ein Video besteht eine Lottie-Animation nicht aus einzelnen Bildern, sondern aus mathematisch beschriebenen Formen, ähnlich wie ein Logo im SVG-Format. Dadurch bleibt sie auf jedem Bildschirm gestochen scharf, vom kleinen Smartphone bis zur großen Kinoleinwand, ohne je unscharf oder verpixelt zu wirken. Gleichzeitig ist die Datei winzig und lädt entsprechend schnell.

Kann ich die Animation selbst anpassen?

Viele Eingriffe an Eigenschaften wie Farben, Skalierung oder auch manche Effekte sind möglich, das braucht dann einen versierten Webdesigner mit Erfahrung in diesem Bereich. Ich arbeite dafür gerne mit Ihrem bestehenden Webdesign-Team zusammen. Für echte Interaktivität, bei der die Animation auf Klicks oder Hover reagiert statt nur auf Zeit zu laufen, kommen zusätzlich sogenannte Lottie State Machines infrage, ein eigenes, etwas fortgeschritteneres Thema, das wir bei Bedarf gerne gemeinsam besprechen.

Cookiefreie Web-Videos

Was ist der Unterschied zu einem normalen YouTube-Video?

Diese Videos laufen als reine mp4/webm-Einbettung direkt im Browser, ganz ohne Player-Oberfläche, ohne externen Anbieter und ohne Cookie-Banner. Auch transparente Hintergründe sind möglich, ideal für nahtlose Integration ins Seitendesign.

KI-Animation

Wofür eignet sich KI-Animation besonders?

Für Effekte und Transformationen, die klassisch nur mit sehr hohem Aufwand möglich wären, etwa Produkte, die sich in Sekunden verwandeln, oder Szenen, die physikalische Grenzen überwinden. Ob KI-Animation oder klassische Produktion die bessere Wahl ist, besprechen wir gemeinsam je nach Ziel.

Data-Driven Animation

Welche Datenquellen werden unterstützt?

Praktisch jede Art strukturierter Daten: Excel- und CSV-Tabellen, aber auch TXT- oder JSON-Dateien und weitere Formate auf Anfrage.

Wofür eignet sich Data-Driven Animation?

Für zwei unterschiedliche Situationen: einerseits für viele Varianten auf einmal, wie im Burger-Beispiel mit 32 automatisch erzeugten Kombinationen, andererseits für Inhalte, die sich regelmäßig ändern, etwa täglich aktualisierte Finanzkennzahlen oder wöchentlich wechselnde Angebote. In beiden Fällen bleibt der Aufwand nach der einmaligen Einrichtung gleich klein.

Läuft Data-Driven Animation live, etwa bei Echtzeit-Daten?

Nein, Data-Driven Animation wird gerendert, ist also kein System, das sich selbst in Echtzeit aktualisiert. Für Anwendungen, bei denen Inhalte tatsächlich live reagieren sollen, kommt stattdessen etwa Lottie infrage, sprechen Sie mich bei Bedarf gerne direkt darauf an.

Was ist die technische Grundlage für Data-Driven Animation?

Oft cleveres Adobe Scripting, das die Automatisierung im Hintergrund erst möglich macht, siehe dazu auch das Angebot für Branchenkollegen unter „Backup für die Branche".