Lottie en webanimatie
Lichtgewicht vectoranimaties voor websites en apps, geleverd als Lottie-bestanden die scherp blijven en snel laden.
Belangrijkste kenmerken
- Animatieontwerpen in After Effects
- Lottie JSON- en dotLottie-exports
- Previewvideo's voor goedkeuring
- Implementatienotities voor ontwikkelaars
- Hier wordt niets betaaldU ontvangt eerst een schriftelijke offerte. Geen betaling, geen verplichting.
- Verkocht en geleverd door GRADAXEén contract en één team, wie het werk ook uitvoert.
- Uw data blijven in de EUNiets wordt buiten de unie verwerkt.
Over deze dienst
Lottie-animaties zijn vectorbestanden die in websites en apps spelen tegen een fractie van de grootte van een video of GIF. We ontwerpen en animeren iconen, loaders, onboardingreeksen en hero-illustraties, exporteren ze als Lottie of dotLottie en controleren of ze correct spelen in de player die uw ontwikkelaars gebruiken.
Kleine bestanden, scherp op elk formaat
Animatie op een website betekende vroeger een GIF of een video. GIF's zijn groot, hebben beperkte kleuren en zijn wazig op schermen met hoge resolutie. Video's zijn zwaar, hebben een speler nodig en kunnen niet reageren op de gebruiker. Lottie-bestanden beschrijven de animatie als vectorvormen en beweging, waardoor een geïllustreerde animatie van tien seconden een fractie weegt van de equivalente video en scherp blijft op elk scherm.
Ze zijn ook met code aan te sturen. Een icoon kan animeren bij hover, een loader kan blijven lopen tot de data binnenkomt, een illustratie kan afspelen terwijl de gebruiker erlangs scrolt. Daardoor is Lottie geschikt voor interfacedetails waar een video te zwaar en te passief zou zijn.
Ontwerpen binnen wat Lottie kan afspelen
Lottie wordt geëxporteerd uit After Effects, maar ondersteunt niet alles wat After Effects kan. Veel effecten, vervagingen, gloed, 3D-lagen en sommige overvloeimodi worden niet geëxporteerd of zodanig dat het afspelen op telefoons ernstig vertraagt. Een animatie die zonder die beperkingen is ontworpen, moet vaak opnieuw worden opgebouwd.
We ontwerpen vanaf het eerste frame voor het formaat, met shapelagen, eenvoudige masks en ondersteunde functies. Voor de overdracht testen we elk bestand in de player die uw developers gebruiken: lottie-web, de iOS- of Android-bibliotheken, of dotLottie. Complexe animaties controleren we ook op weergave op een midrange telefoon, want een vloeiende animatie op een laptop kan haperen op een goedkoper toestel.
Specificaties
- Categorie
- Video & Motion
- Prijs
- € 290 tot € 1.050
- Maten
- Klein (Iconenset), Middel (Feature-animaties), Groot (Motionsysteem)
- Doorlooptijd
- 3 dagen tot 4 weken
- Gefactureerd
- Eenmalig
- Wat u krijgt
- 4 items, allemaal in de prijs
- Wat wij van u nodig hebben
- Waar de animaties draaien: website, iOS, Android of alle drie, Bestaande illustraties of iconen, of een briefing voor nieuwe, Merkkleuren en eventuele motion-richtlijnen
- Meest gekocht door
- SaaS, Mobiele apps, Fintech, E-commerce
- Verkocht en geleverd door
- GRADAX, één contract en één team
- Waar uw gegevens worden verwerkt
- Europese Unie
Wat u krijgt
Alles hieronder zit in de prijs. Niets hiervan is een upgrade.
- Animatieontwerpen in After Effects
- Lottie JSON- en dotLottie-exports
- Previewvideo's voor goedkeuring
- Implementatienotities voor ontwikkelaars
Wat verandert
- Animaties die scherp blijven op elk schermformaat en elke dichtheid
- Bestandsgroottes klein genoeg om de pagina niet te vertragen
- Afspelen getest in de web-, iOS- of Android-speler die uw team gebruikt
- Interactieve states zoals hover, klik of scroll ingesteld waar nodig
Vergelijk de pakketten
De standaardprijs per formaat. Extra's staan ernaast geprijsd, niet verstopt achter een belafspraak.
| Inbegrepen | Iconenset€ 2903 tot 5 werkdagen | Feature-animaties€ 5001 tot 2 weken | Motionsysteem€ 1.0502 tot 4 weken |
|---|---|---|---|
| Tot vijf iconanimaties of één loader | Inbegrepen | Inbegrepen | Inbegrepen |
| Lottie- en dotLottie-bestanden | Inbegrepen | Inbegrepen | Inbegrepen |
| Twee revisierondes | Inbegrepen | Inbegrepen | Inbegrepen |
| Afspeeltest | Inbegrepen | Inbegrepen | Inbegrepen |
| Alles uit Iconenset | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Maximaal drie geanimeerde illustraties, elk tot tien seconden | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Hover- of klikstatussen | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Implementatienotities | Niet inbegrepen | Inbegrepen | Inbegrepen |
| Alles uit Feature-animaties | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Onboardingreeks van maximaal vijf schermen | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Scrollgekoppelde of interactieve animatie | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Motion-richtlijnen: timing, easing en principes | Niet inbegrepen | Niet inbegrepen | Inbegrepen |
| Toevoegen aan offerte |
Voeg toe wat u nodig hebt
Choose the size
Voeg toe wat u nodig hebt
Uw totaal€500
De standaardprijs, plus wat u toevoegt. Schriftelijk bevestigd voordat er iets begint; er wordt niets in rekening gebracht tot u akkoord gaat.
Hoe het werkt
Plan
Doel, lengte en trigger van elke animatie afgesproken.
Animeren
Gebouwd in After Effects met alleen functies die Lottie ondersteunt.
Optimaliseren
Vormen en keyframes vereenvoudigd om bestanden klein te houden.
Test
Afgespeeld in uw doelspeler op echte apparaten voor de overdracht.
Vragen
Waarom Lottie in plaats van video of GIF?
Lottie-bestanden zijn meestal veel kleiner, schalen zonder wazig te worden, hebben transparante achtergronden en kunnen via code worden aangestuurd, zoals afspelen bij hover of meebewegen met scrollen.
Kan elke animatie een Lottie worden?
Nee. Lottie ondersteunt vectorvormen goed, maar sommige After Effects-effecten, blurs en 3D exporteren niet. We ontwerpen vanaf het begin binnen die grenzen.
Zetten jullie ze op onze site?
We leveren bestanden en notities voor uw developer. Implementatie kan erbij als u geen developer hebt.
Gerelateerde zoekopdrachten
Gerelateerd werk
EenmaligIcoonontwerpEen custom iconenset getekend op één grid, zodat elk icoon bij de rest lijkt te horen.from € 290
EenmaligOntwerp voor mobiele appiOS- en Android-appschermen ontworpen in Figma, met flows, states en een componentbibliotheek klaar voor de build.from € 420
EenmaligLogo-animatieUw logo geanimeerd in een paar seconden motion die bij het merk past, voor video, web en social.from € 290
EenmaligChroma key en rotoscopingGreen screen schoon gekeyd en subjecten frame voor frame uitgesneden, met haar- en bewegingsranden die standhouden.from € 290
EenmaligVFX-compositingScreens vervangen, objecten verwijderen, luchten wisselen en elementen toevoegen, zo gemengd dat niemand de overgang ziet.from € 290
EenmaligScreencastvideoSoftwarewalkthroughs opgenomen, gemonteerd en ingezoomd zodat kijkers elke klik kunnen volgen.from € 290
Past geen pakket?
Sommig werk heeft een eigen vorm. We bekijken eerst de scope en offreren die schriftelijk; het scopinggesprek is gratis.