Obietnica decyzji
Krótko: dla prostych komponentów UI (ikonka/loader) licz realistycznie od ~50 do ~300 USD za gotowy plik Lottie/Rive; za zestaw komponentów lub interaktywne stany zaplanuj od 300 do >1 000 USD albo rozliczenie godzinowe. Źródła branżowe pokazują pakiety już od około $59 do kilkuset dolarów oraz stawki godzinowe od $35 do $120 dla integratorów/developerów. ([dolottie.com)
3 pytania, które trzeba zadać przed wyceną
Ile komponentów? (liczba osobnych animowanych elementów — np. 1 przycisk vs 12 elementów na stronie).
Szybki kierunek: mało = per-asset; dużo = pakiet/ryczałt.
Jaka złożoność interakcji? (proste pętle vs stany zależne od scrolla/gestów).
Szybki kierunek: proste pętle — niższe widełki; interakcje i responsywność — plus integracja dev.
Który format? (Lottie/Rive/HTML/CSS/MP4)
Szybki kierunek: Lottie/Rive = plik JSON i optymalizacja; CSS/JS = prawdopodobnie więcej pracy deweloperskiej i testów.
Czym jest "animacja no-code" i co to znaczy w praktyce
Animacja no-code to lekka sekwencja (najczęściej Lottie/Rive) eksportowana z narzędzia projektowego, którą można osadzić bez pełnego pipeline'u R&D. W praktyce znaczy to: plik JSON + instrukcja integracji (lub hostowanie), mniejszy wpływ na wydajność niż wideo, ale konieczność testów na urządzeniach mobilnych i w przeglądarkach. Jeśli potrzebujesz hostingu lub edycji w zespole, platformy oferują plany subskrypcyjne, co wpływa na koszt narzędziowy projektu. ([lottiefiles.com)
Jak zacząć — szybka ścieżka wyceny (5–15 minut)
Policz elementy: każdą niezależną animację traktuj jako osobny asset.
Określ stany: statyczna pętla / 2 stany / >2 stanów lub scroll-linked.
Wybierz format: Lottie/Rive preferuj dla no-code; potwierdź wymagania klienta.
Dodaj testy: mobilne i integracja w docelowym builderze (Webflow/Bubble/Framer).
Dodaj bufor: +20–40% czasu na poprawki i optymalizację.
Fakt → Skutek → Werdykt (konkretne przykłady)
Fakt: platformy i studia oferują gotowe pakiety od ~$59 do ~$950 za zestawy animacji. ([dolottie.com)
Skutek: łatwo ustalić dolny próg — jeśli klient chce pojedynczą ikonę, konkurencyjne oferty zaczynają się niżej; przy większym scope warto proponować pakiet.
Werdykt: dla jednego assetu zaproponuj cenę minimalną odpowiadającą Twojemu czasowi + licencji (np. 50–150 USD); dla serii powyżej 5 elementów rozważ pakiet.
Fakt: freelancerzy i deweloperzy integrujący Lottie mają stawki godzinowe rzędu $35–$120. ([lemon.io)
Skutek: jeśli projekt wymaga integracji, testów i debugowania, warto wycenić część prac godzinowo.
Werdykt: integracja i responsywność = stawka godzinowa, a nie tylko koszt animacji.
Typowe normy (nasze założenia testowe)
"Asset" = pojedynczy plik animacji gotowy do eksportu.
"Kompleksowość" = liczba klatek/warstw + powiązania z eventami (scroll, hover).
"Test" = sprawdzenie na najważniejszych urządzeniach i w docelowym no-code builderze.
Tabela: widełki orientacyjne (mini-werdykt)
| Poziom | Co zawiera | Orientacyjna cena | Mini-werdykt |
|---|---|---|---|
| Prosty | 1 ikona/loader, 1 pętla, plik Lottie | $50–$200 | OK dla landingów i MVP |
| Średni | 3–6 komponentów, 2 stany, optymalizacja mobile | $250–$600 | Dobry dla stron produktowych |
| Złożony | >6 komponentów, interakcje, integracja z no-code, testy | $600–$1500+ | Dla produktu/DS; rozliczaj jako projekt |
(Uwaga: ceny bazują na publicznych ofertach i serwisach, różnią się rynkiem i regionem). ([motion.design)
Plusy i typowe skargi (po wdrożeniach)
Plusy: szybsze MVP, niższa waga niż wideo, łatwa edycja w narzędziach jak LottieFiles. ([lottiefiles.com)
Skargi: brak kompatybilności z niektórymi builderami, konieczność optymalizacji, dodatkowy czas na QA.
Kiedy odmówić lub przekierować klienta
Odmów, jeśli klient wymaga animacji pełnoekranowej z ciężkimi efektami i oczekuje "no-code" bez budżetu — to zwykle wymaga custom motion design i developmentu.
Przekieruj do studio/produktów w modelu fixed-price, jeśli zakres >15 assetów lub integracja z backendem (np. animowany onboarding zależny od API).
Jak uargumentować cenę klientowi (krótkie linijki)
Pokaż rozbicie: projekt → animacja → optymalizacja → testy (mobile) → 2 rundy poprawek.
Daj opcję pakietu vs per-asset; pokaż oszczędność przy pakiecie.
Jeśli narzędzia wymagają subskrypcji (hosting/edytor), dołącz koszt narzędziowy (np. plany platform typu LottieFiles). cennik LottieFiles. ([lottiefiles.com)
Puenta: jednoznaczna rekomendacja
Idealne dla: freelancerów i małych agencji, które chcą szybko dostarczyć interaktywne elementy do no-code projektów i potrafią jasno zdefiniować scope.
Będzie frustrować: klientów oczekujących „animacji premium” przy budżecie na ikonę — tu skieruj ich do dedykowanego studia lub wyceny projektowej.
Prosty next step: policz liczbę assetów i stany, przygotuj krótkie briefy (1 akapit/test case na asset) i wyceń per-asset + godzinnik na integrację.
Jeśli coś jest niepewne
Rynkowe stawki zmieniają się szybko; jeśli potrzebujesz aktualnych cen platformy lub lokalnych stawek freelancerów, sprawdź bezpośrednio strony usług (np. LottieFiles) lub oferty wykonawców na platformach rekrutacyjnych. Przykładowy cennik LottieFiles. ([lottiefiles.com)
Werdykt: wyceniaj animacje według modelu: zakres → złożoność → integracja; prosty asset = cena stała, integracja = czas pracy. Jeśli chcesz prostą regułę: licznik assetów × stawka podstawowa + czas integracji × stawka godzinowa.
