Lottie- und Web-Animation

Leichte Vektoranimationen für Websites und Apps, geliefert als Lottie-Dateien, die scharf bleiben und schnell laden.

Verkauft von GRADAXVideo & MotionDirekt kaufenGegründet 2014, in Europa entwickelt und betrieben

Wichtige Merkmale

Animationsdesigns in After Effects
Lottie-JSON- und dotLottie-Exporte
Vorschauvideos zur Freigabe
Implementierungshinweise für Entwickler

Hier wird nichts bezahltSie erhalten zuerst ein schriftliches Angebot. Keine Zahlung, keine Verpflichtung.
Verkauft und geliefert von GRADAXEin Vertrag und ein Team, egal wer die Arbeit macht.
Ihre Daten bleiben in der EUNichts wird außerhalb der Union zur Verarbeitung verlagert.

Über diesen Service

Lottie-Animationen sind Vektordateien, die in Websites und Apps mit einem Bruchteil der Größe eines Videos oder GIFs abgespielt werden. Wir gestalten und animieren Icons, Ladeanimationen, Onboarding-Sequenzen und Hero-Illustrationen, exportieren sie als Lottie oder dotLottie und prüfen, ob sie im Player Ihrer Entwickler korrekt laufen.

Kleine Dateien, scharf in jeder Größe

Animationen auf Websites bedeuteten früher ein GIF oder ein Video. GIFs sind groß, farblich begrenzt und auf hochauflösenden Bildschirmen unscharf. Videos sind schwer, brauchen einen Player und können nicht auf den Nutzer reagieren. Lottie-Dateien beschreiben die Animation als Vektorformen und Bewegung, sodass eine zehnsekündige illustrierte Animation nur einen Bruchteil des entsprechenden Videos wiegt und auf jedem Bildschirm gestochen scharf bleibt.

Sie lassen sich auch per Code steuern. Ein Icon kann sich beim Hovern bewegen, ein Ladeelement kann laufen, bis Daten eintreffen, eine Illustration kann abspielen, während der Nutzer daran vorbeiscrollt. Das macht Lottie geeignet für Interface-Details, bei denen ein Video zu schwer und zu passiv wäre.

Gestaltung im Rahmen dessen, was Lottie abspielen kann

Lottie wird aus After Effects exportiert, unterstützt aber nicht alles, was After Effects kann. Viele Effekte, Weichzeichnungen, Leuchten, 3D-Ebenen und einige Mischmodi werden entweder nicht exportiert oder so exportiert, dass die Wiedergabe auf Smartphones stark verlangsamt wird. Eine Animation, die ohne diese Grenzen entworfen wurde, muss oft neu erstellt werden.

Wir gestalten von Anfang an für das Format, mit Formebenen, einfachen Masken und unterstützten Funktionen. Vor der Übergabe wird jede Datei im Player getestet, den Ihre Entwickler nutzen: lottie-web, die iOS- oder Android-Bibliotheken oder dotLottie. Komplexe Animationen werden zusätzlich auf einem Mittelklasse-Handy auf Wiedergabe geprüft, denn eine flüssige Animation auf dem Laptop kann auf einem günstigeren Gerät ruckeln.

Spezifikationen

Kategorie: Video & Motion
Preis: 290 € bis 1.050 €
Sizes: Klein (Icon-Set), Mittel (Feature-Animationen), Groß (Motion-System)
Bearbeitungszeit: 3 Tage bis 4 Wochen
Billed: Einmalig
Was Sie erhalten: 4 Elemente, alle im Preis enthalten
Was wir von Ihnen brauchen: Wo die Animationen laufen: Website, iOS, Android oder alle drei, Vorhandene Illustrationen oder Icons oder ein Briefing für neue, Markenfarben und etwaige Motion-Richtlinien
Am häufigsten gekauft von: SaaS, Mobile Apps, Fintech, E-Commerce
Verkauft und geliefert von: GRADAX, ein Vertrag und ein Team
Wo Ihre Daten verarbeitet werden: Europäische Union

Was Sie erhalten

Alles unten ist im Preis enthalten. Nichts hier ist ein Upgrade.

Animationsdesigns in After Effects
Lottie-JSON- und dotLottie-Exporte
Vorschauvideos zur Freigabe
Implementierungshinweise für Entwickler

Was sich ändert

Animationen, die auf jeder Bildschirmgröße und Pixeldichte scharf bleiben
Dateigrößen klein genug, um das Laden der Seite nicht zu bremsen
Wiedergabe im Web-, iOS- oder Android-Player getestet, den Ihr Team nutzt
Interaktive Zustände wie Hover, Klick oder Scroll dort eingerichtet, wo sie gebraucht werden

Größen vergleichen

Der Standardpreis für jede Größe. Extras stehen daneben, nicht hinter einem Anruf versteckt.

Lottie- und Web-Animation: what each size includes
Enthalten	Icon-Set290 €3 bis 5 Werktage	Feature-Animationen500 €1 bis 2 Wochen	Motion-System1.050 €2 bis 4 Wochen
Bis zu fünf Icon-Animationen oder ein Ladeanimation	Enthalten	Enthalten	Enthalten
Lottie- und dotLottie-Dateien	Enthalten	Enthalten	Enthalten
Zwei Überarbeitungsrunden	Enthalten	Enthalten	Enthalten
Wiedergabetest	Enthalten	Enthalten	Enthalten
Alles aus dem Icon-Set	Nicht enthalten	Enthalten	Enthalten
Bis zu drei illustrierte Animationen, jede bis zu zehn Sekunden	Nicht enthalten	Enthalten	Enthalten
Hover- oder Klick-Zustände	Nicht enthalten	Enthalten	Enthalten
Hinweise zur Implementierung	Nicht enthalten	Enthalten	Enthalten
Alles aus Funktionsanimationen	Nicht enthalten	Nicht enthalten	Enthalten
Onboarding-Sequenz mit bis zu fünf Screens	Nicht enthalten	Nicht enthalten	Enthalten
Scroll-gekoppelte oder interaktive Animation	Nicht enthalten	Nicht enthalten	Enthalten
Motion Guidelines: Timing, Easing und Prinzipien	Nicht enthalten	Nicht enthalten	Enthalten
Zum Angebot hinzufügen

Hinzufügen, was Sie brauchen

Choose the size

Hinzufügen, was Sie brauchen

Zusätzliche AnimationEin weiteres Icon oder eine kurze illustrierte Animation.+€60pro AnimationWebsite-UmsetzungAnimationen mit eingerichteten Triggern zu Ihrer Website hinzugefügt.+€110Neue IllustrationEine individuelle Illustration als Basis für eine Animation gezeichnet.+€90

Ihr Gesamtpreis€500

Der Standardpreis plus alles, was Sie hinzufügen. Schriftlich bestätigt, bevor etwas beginnt; nichts wird berechnet, bis Sie es annehmen.

So läuft es

Tarif
Zweck, Länge und Auslöser jeder Animation vereinbart.
Animieren
In After Effects gebaut, nur mit Funktionen, die Lottie unterstützt.
Optimieren
Formen und Keyframes vereinfacht, um Dateien klein zu halten.
Test
Im Zielplayer auf echten Geräten getestet vor der Übergabe.

Fragen

Warum Lottie statt Video oder GIF?

Lottie-Dateien sind meist viel kleiner, skalieren ohne Unschärfe, haben transparente Hintergründe und lassen sich per Code steuern, etwa beim Hover abspielen oder beim Scrollen folgen.

Kann jede Animation zu einer Lottie werden?

Nein. Lottie unterstützt Vektorformen gut, aber manche After-Effects-Effekte, Weichzeichnungen und 3D lassen sich nicht exportieren. Wir gestalten von Anfang an innerhalb dieser Grenzen.

Fügen Sie sie in unsere Website ein?

Wir liefern Dateien und Notizen für Ihren Entwickler. Die Umsetzung kann ergänzt werden, wenn Sie keinen Entwickler haben.

Passt keine Größe?

Manche Arbeiten haben eine eigene Form. Wir prüfen den Umfang zuerst und erstellen das Angebot schriftlich; das Abstimmungsgespräch ist kostenlos.

Kostenlose Analyse buchen Mit Vertrieb sprechen

Lottie- und Web-Animation