510 PLN
1 oferta
1. Tytuł Motion designer: animacja Lottie analizy twarzy dla landing (web, wektorowa)2. Co robimy Potrzebna jedna wektorowa animacja dla sekcji hero landing-page produktu webowego (analiza twarzy AI, format playful).
Fabuła: stylizowana siatka-twarz (linia, półprzezroczysta, namalowana przez artystę — nie zdjęcie). Na niej po kolei „siadają” punkty charakterystyczne (oczy, nos, linia żuchwy, brwi), między nimi budowana jest lekka siatka. Na końcu z twarzy miękko „wylatują” 2–3 małe karty wyników (np. Ciekawość 88 / 100).
Zachowanie: budowanie przy ładowaniu (siatka się buduje, karty się pojawiają, ~3–4 s) → następnie cichy bezszwowy cykl (~8–12 s): siatka ledwo „oddycha”, karty miękko pulsują. Bez nagłych ruchów.3. Styl Estetyka: editorial, kliniczny, szary — spokojne jasne „studialne powietrze”, cienkie linie, miękkie światło od wewnątrz. Referencja tonu — QOVES analiza twarzy (premium „medyczno-analityczny raport” × rozkładka magazynowa).
Ważne — ton: to playful vibe-analiza, a NIE medyczne skanowanie i NIE rozpoznawanie twarzy. Żadne IDENTIFIED ramki, celowniki-krzyże, czerwony, „bezpieczny” HUD, cyber-neon. Punkty i przypisy mają być odczuwane jako ciekawe i lekkie, a nie jak biometryczny nadzór.
Paleta i typografia — ściśle według wyciągu na końcu tego dokumentu (przestrzeganie palety — warunek przyjęcia).
Referencje, które dodaję: estetyka QOVES + 2–3 przykłady Lottie w szaro-klinicznym / stylu siatki + zrzut ekranu hero, gdzie animacja się znajdzie (obok są szklane karty — animacja ma z nimi żyć, a nie sprzeczać się).4. Wymagania techniczne Format: Lottie JSON, przezroczyste tło. Rozmiar pliku: ≤ 150 KB (idealnie ~80–100 KB). 30 fps. Bez rastrowych obrazów wewnątrz — wszystko wektorowe (żadne wbudowane PNG/JPG). Minimum masek i dużych gradientów; bez efektów, które Lottie nie renderuje natywnie (skomplikowane rozmycia, niektóre merge-paths). Należy testować eksport właśnie w web-odtwarzaczu (lottie-web / LottieFiles preview), a nie tylko w After Effects. Mobilne: poprawnie odtwarzane i czytane na rzeczywistych iOS Safari i Android Chrome; na wąskiej kolumnie twarz/siatka nie są przycinane, karty nie wychodzą poza granice; płynnie na budżetowym Androidzie. Artboard, który czysto skaluje się w zakresie ~360–700px szerokości. Dostarczane z reduced-motion klatką — statyczny końcowy stan (zbudowana siatka + karty) dla prefers-reduced-motion.5. Wyniki + prawa Wykonawca dostarcza: Lottie JSON dla landing. Reduced-motion statyczna klatka (SVG lub PNG). Edytowalny plik źródłowy — plik projektu After Effects (.aep) ze wszystkimi warstwami i podpisanymi grupami. (Opcjonalnie / bonus) „cicha” wersja light dla strony logowania z tych samych warstw — jeśli mieścicie się w budżecie; w przeciwnym razie przenoszone do następnego etapu. Prawa: pełne przeniesienie wyłącznych praw majątkowych + nieograniczone komercyjne wykorzystanie. Wykonawca potwierdza, że wszystkie elementy są oryginalne lub licencjonowane do komercji.
Czcionki w kartach — darmowe Google Fonts (Hanken Grotesk, JetBrains Mono), żadnych płatnych pułapek czcionkowych.6. Proces Stylframe w pierwszym dniu — jedna statyczna klatka przyszłej animacji do zatwierdzenia stylu. Potwierdzam tego samego dnia. Po moim „ok” — animacja. 2 rundy poprawek wliczone w cenę. Płatność w etapach przez Safe-umowę: część po zatwierdzeniu stylframe, reszta — po przyjęciu finalnych plików. Ważny szybki start: stylframe w pierwszym dniu, więc odzywajcie się tylko jeśli naprawdę jesteście teraz wolni.7. Budżet i termin Budżet: $150 za pełny zakres z wynikami i prawami (stała kwota). Termin: 4 dni od startu.8. Co wysłać w odpowiedzi 1–2 prace właśnie w Lottie / motion (nie tylko statyczne ilustracje). Krótk komentarz: jak widzicie ten styl pod naszą referencję. Potwierdzenie, że możecie rozpocząć od razu i dać stylframe w pierwszym dniu. Odpowiedzi bez przykładów Lottie i bez komentarza o stylu nie będą rozpatrywane.Wyciąg-paleta (przekazać wybranemu wykonawcy) To wszystko, co potrzebne artyście odnośnie koloru/typografii. Pełny CSS/repozytorium nie przekazuję. Tło: neutralny jasny #f2f5f7.
Linie siatki, kontur twarzy, tekst: szare „tusze” —#1f2730 (główny), #56606c (drugorzędny), #8a93a0 (jaśniejszy).
Jedyny akcent — tylko na węzłach-punktach charakterystycznych: szaro-skalny #505c65(głębsza wersja #3b4651). Więcej NIGDZIE akcentu nie używać.
Zabronione: jakiekolwiek inne kolory, nasycone gradienty, tęcze, neon, czerwony, ciężkie cienie. Cienie — tylko miękkie, niskiej przezroczystości, z zimnym odcieniem.
Karty wyników (trait-reveal): półprzezroczyste „szklane” płytki (frosted, lekki blur, cienki jasny kant); duża cyfra — cienka waga 300, elegancka, nie tłusta; podpis-znacznik — mała mono-czcionka, WIELKIMI LITERAMI, rozrzedzone śledzenie. Czcionki: Hanken Grotesk — nazwy traitów, podpisy (waga 300–500). JetBrains Mono — małe znaczniki, indeksy, cyfrowe podpisy (np. / 100). Ton jednym zdaniem: spokojne prawie białe studialne powietrze, oświetlone od wewnątrz; cienkie linie; jeden szaro-skalny akcent dotyka tylko węzłów siatki.
Behance
