Ik maak interactieve rive en lottie animaties voor web en app UI


Over deze dienst
Automatische vertaling
Je app ziet er vlak uit. Je website voelt dood aan. En die Lottie file die je ontwerper stuurde? Die werkt niet in je codebase.
Je bent niet de enige. De meeste kopers besteden weken aan het najagen van animaties die er geweldig uitzien in preview, maar breken op mobiel, laden langzaam of bieden geen interactiviteit. Statische schermen doden stilletjes conversies en frustreren gebruikers voordat ze überhaupt beginnen.
Ik maak interactieve Rive en Lottie animaties voor SaaS-producten, mobiele apps en web UI die in echte productieomgevingen werken.
Wat ik aanbied:
- Soepel Lottie JSON animaties voor loaders, iconen en onboarding flows
- Interactieve Rive animaties met state machine logica en data binding
- SVG en JSON bestanden, gebouwd voor Flutter, Framer en React integratie
- Hover-, klik- en scroll-geactiveerde micro-interacties voor je UI
- Previews in MP4 en GIF met embed code die klaar is voor ontwikkelaars
- Lottie naar Rive migratie voor teams die hun animatie stack willen upgraden
Kopers die interactieve onboarding animaties toevoegen, zagen tot 3x verbetering in gebruikersactivatiepercentages.
Elk bestand wordt schoon, getest en klaar voor ontwikkelaars geleverd.
Stuur vandaag nog je briefing. Actieve slots vullen snel.
Maak kennis met Samuel Prit
2D Animator and Illustrator, Comics, VTuber, Motion and UI Animation
- Afkomstig uitVerenigd Koninkrijk
- Lid sindsmei 2026
- Gem. reactietijd1 uur
Talen
Engels, Spaans, Duits, Frans, Italiaans
Automatische vertaling
Veelgestelde vragen
Automatische vertaling
Welke bestandsformaten ontvang ik bij mijn bestelling?
Je krijgt een Lottie JSON-bestand voor web- en app loaders, een RIV-bestand voor Rive animaties, SVG voor vectoroutput, en MP4- en GIF-previews. Alle bestanden zijn duidelijk benoemd en klaar voor gebruik door ontwikkelaars, zonder extra verwerking van jouw kant.
Werkt de animatie in mijn tech stack en framework?
Ja. JSON-bestanden werken in React, Vue, Angular, iOS en Android. RIV-bestanden gebruiken de Rive Runtime voor Flutter, web en iOS. Embed code is inbegrepen zodat je ontwikkelaar binnen minuten kan integreren, niet uren. Compatibiliteit wordt vooraf getest.
Kun je mijn bestaande Lottie animatie omzetten naar Rive?
Ja, migratie van Lottie naar Rive is beschikbaar als extra service. Je bestaande JSON-animatie wordt opnieuw opgebouwd in Rive met dezelfde timing en beweging, en geüpgraded met interactieve staten of state machine logica indien nodig.
Mijn deadline is dringend. Kan ik snellere levering krijgen?
Ja. Een spoedlevering als extra optie verkort je standaard of premium doorlooptijd tot 24 uur. Kies het bij het afrekenen en je project krijgt meteen prioriteit. Zelfde kwaliteit, zelfde revisies, alleen een snellere planning.
Wat moet ik aanleveren voordat we aan de slag gaan?
Deel je merk kleuren, Figma-schermen of ontwerpbestanden, een beschrijving van wat de animatie moet doen en waar deze wordt ingebed. Hoe meer details je vooraf stuurt, hoe sneller je eerste ontwerp klaar is. Een korte boodschap is ook prima.
Presteert de animatie goed op mobiele apparaten?
Ja. Lottie JSON en Rive RIV-bestanden zijn resolutie-onafhankelijk en worden scherp weergegeven op elk schermformaat. Mobiele prestaties worden getest op zowel iOS als Android voordat de bestanden worden geleverd. Geen wazige frames, geen haperingen, geen verloren staten.
Ik ben een Flutter ontwikkelaar. Kun je Rive animaties maken voor mijn app?
Absoluut. Rive heeft uitstekende Flutter-ondersteuning. Je ontvangt een RIV-bestand met genummerde state machine inputs die je Flutter-code direct kan aansturen met de officiële Rive Flutter package. Volledige integratienota's worden bij elke Flutter bestelling meegeleverd.
Wat is een state machine en heeft mijn animatie er een nodig?
Een state machine laat je animatie reageren op gebruikersacties zoals tikken, hoveren en realtime dataveranderingen. Als je animatie moet reageren op gebeurtenissen in je app of website, heb je er een nodig. De meeste interactieve UI en onboarding projecten gebruiken er een.
Wat wordt gezien als een revisie en hoeveel krijg ik er?
Een revisie betekent het aanpassen van timing, kleuren, easing of bewegingspad van de bestaande animatie. Een nieuw element toevoegen of het concept veranderen is een nieuwe aanvraag. Basic omvat één revisie, Standard twee, en Premium drie revisierondes.
Kun je me helpen de animatie in mijn website of codebase te embedden?
Ja. Ondersteuning bij ontwikkelaar integratie is een betaalde extra. Je krijgt een 30 minuten durende schermdeling waarin ik je ontwikkelaar door het embedden van het bestand in je codebase, Framer site of app leid met werkende codevoorbeelden en getest resultaat.

