Beispielarbeiten · Video & Animation
Lottie-Animationen: Erfolgshaken, Ladeanzeige und Onboarding
Drei Lottie-Animationen wie für ein App-Onboarding, als kleine JSON-Dateien. Die Farben kommen aus einer Markenpalette, der Erfolgshaken liegt in zwei Farbvarianten bei.
Musterarbeit (Demo), kein Kundenauftrag. Gebaut als Probeaufgabe mit erfundenen Beispieldaten; die Prüfzahlen unten stammen aus dem automatischen Prüflauf und sind nicht geschönt.
Was gebaut wurde
- Erfolgshaken mit Trim Paths, Ladeanzeige als nahtlose Schleife, Onboarding-Szene mit mehreren Ebenen
- Farben aus einer Markenpalette, jede Variante aus derselben Vorlage
- Im Browser mit lottie-web geprüft, ohne Fehler in der Konsole
erfolg.json herunterladen erfolg_variante.json herunterladen lade.json herunterladen onboarding.json herunterladen
Formebenen aus Code; keine After-Effects-Datei, gegen lottie-web geprüft, nicht auf iOS- oder Android-Geräten.
Wie geprüft wurde
Automatischer Prüflauf vom 01.11.2026, aus dem Protokoll (Testdaten erfunden, Zahlen gemessen):
- 4 Lottie-Dateien erfolg_marke_a 2.4 KB, erfolg_marke_b 2.4 KB, lade 3.1 KB, onboarding 7.4 KB (je < 50 KB)
- lottie-web 5.12.2 svg: 0 Konsolenfehler
- Erfolg: Haken 0 -> 5182 px in Hakenfarbe, Ring 16229 px
- Lade: Schleife Bild 0 vs Ende Diff 0.028
Grenzen
Was diese Probe nicht abdeckt, steht hier, damit niemand mehr erwartet:
- Formebenen-Animation aus Code; keine After-Effects-Projektdatei (.aep) und kein Import einer AE-Datei des Kunden
- gegen lottie-web (Web, Renderer svg) in Chromium geprueft, nicht auf iOS/Android mit lottie-ios/-android
- keine Ausdruecke (Expressions), keine eingebetteten Rasterbilder; keine Masken, Mattes, Effekte
- Kunden-SVG-Grafiken nur als einfache Pfade (Linienzuege) uebernehmbar, keine Verlaeufe/Filter
- Schleife nahtlos nur, wenn die Animation symmetrisch gebaut ist; Laenge typ. 1-3 s, 512x512
So etwas für deinen Betrieb?
Beschreib kurz, was du brauchst. Du bekommst einen Festpreis, bevor ich anfange; ohne dein Ja passiert nichts.