Usługi - Animacje, Projektowanie Stron, UX/UI & Motion Design

Usługi

Co mogę dla
Ciebie zrobić

Projektowanie i Animacja 2D do stron oraz aplikacji

Zakres usług

Projektowanie UI: Projektuję interfejsy i elementy UI dopasowane do funkcji produktu oraz estetyki marki.
Projektowanie Postaci: Tworzę postacie i assety wizualne przygotowane pod animację oraz dalsze wykorzystanie w projekcie.
Przygotowanie plików SVG: Opracowuję pliki wektorowe w formacie SVG, zoptymalizowane pod sprawną pracę w Rive.
Animacja 2D (bez riggingu): Tworzę animacje 2D obejmujące UI, postacie, urządzenia, produkty oraz inne assety wizualne.
Animacja 2D (z riggingiem): Opracowuję elementy za pomocą riggu, co pozwala tworzyć bardziej zaawansowane i elastyczne animacje.
ViewModels: Projektuję zachowania interaktywne, reakcje na działania użytkownika oraz logikę sterowania animacją.
Podstawowy scripting: Wdrażam proste rozwiązania skryptowe wspierające działanie animacji i interakcji.
Logika State Machine: Opracowuję strukturę State Machine, która porządkuje zachowania, przejścia i reakcje animacji.

Cennik

Koszt animacji Rive zależy od stopnia złożoności projektu – przede wszystkim od tego:

jak złożona jest grafika
jak rozbudowana jest animacja
jak złożona jest logika State Machine
z ilu animowanych assetów składa się projekt

Do ustalenia kosztu projektu, zapraszam do kontaktu mailowego.

Jednostkowy koszt orientacyjny (netto)

Projektowanie Postaci: od 330 zł
Projektowanie UI i Assetów: od 275 zł
(W koszt designu wchodzi przygotowanie plików SVG)
Prosta animacja: Animacja (bez riggu) niewielkiej liczby elementów, o ograniczonej liczbie ruchów i przejść – od 300 zł
Animacja średnio złożona: Animacja (z lub bez riggu) obejmująca większą liczbę elementów, bardziej rozbudowaną strukturę ruchu oraz dodatkowe interakcje – od 520 zł
Animacja złożona / rozbudowana: Animacja (z lub bez riggu) z dużą ilością elementów, bardziej skomplikowaną logiką oraz większym zakresem pracy, np. animacja postaci – od 900 zł

W koszt każdej pojedynczej animacji wchodzi: określona ilość interakcji oraz inputów, logika State Machine ± scripting. Logika State Machine dla całego projektu, złożonego z kilku animacji, jest wyceniana osobno, adekwatnie do złożoności projektu.

Do wglądu

Do wglądu oraz osobistego sprawdzenia funkcjonalności i interaktywności wykonanych przeze mnie animacji, zapraszam na mój profil rive.app.

Przykłady wykonanych animacji 2D

Projekt na zlecenie klienta: dodanie responsywności do istniejącego projektu Rive, tak aby przy wstawieniu do aplikacji, całość dostosowywała się do różnych wielkości ekranów urządzeń mobilnych, przy zachowaniu pełnej funkcjonalności StateMachine.

Projekt na zlecenie klienta: Grafika wektorowa, zaprojektowana na podstawie modelu 3D, oraz zaprojektowanie wszystkich widocznych animacji.

Showreel projektu własnego, przedstawiający zaprojektowane elementy UI, postacie oraz ich animacje

Projekt testowy lipsync oraz prosty rigging tła i liści.

Motion Design & Montaż Wideo

Zakres usług

Projektowanie zasobów: Tworzenie wektorowych elementów wizualnych dedykowanych na potrzeby animacji i wideo.
Motion Design (After Effects): Zaawansowane animacje obiektów wektorowych, tekstów (kinetyczna typografia) i grafik, wspierające przekaz wideo i zatrzymujące uwagę widza.
Montaż Wideo: Profesjonalny montaż materiałów wideo z uwzględnieniem odpowiedniej dynamiki, przejść oraz udźwiękowienia.
Postprodukcja: Precyzyjna integracja wygenerowanych elementów animowanych z nagraniem wideo.
Formatowanie: Dostosowanie materiałów do formatów pionowych social media (Reels, TikTok, Shorts) oraz poziomych (YouTube, strony www).

Cennik

Koszt usług w zakresie Motion Designu i montażu zależy od stopnia złożoności projektu – przede wszystkim od:

długości materiału wideo
ilości elementów graficznych wymagających zaprojektowania od zera
stopnia skomplikowania animacji (np. zaawansowane przejścia, animacje 2D)
ilości oraz jakości dostarczonych materiałów źródłowych i specyficznych wymagań postprodukcyjnych

Do ustalenia kosztu projektu, zapraszam do kontaktu mailowego.

Jednostkowy koszt orientacyjny (netto)

Projektowanie elementów wektorowych: od 250 zł
(Zależy od ilości i złożoności projektowanych grafik)
Prosta animacja (Motion Graphics / Teksty): Animacja napisów i prostych kształtów – od 350 zł
Zaawansowana animacja (After Effects): Płynne przejścia oraz animacja wielu obiektów wektorowych i tekstów – od 600 zł / min
Montaż wideo (Social Media / Shorts / Reels): Dynamiczny montaż z animowanymi napisami i efektami – od 250 zł / rolkę
Montaż dłuższego wideo (YouTube / Promocyjne): Kompleksowa usługa montażu – od 800 zł

Przykłady Motion Design & Montażu

Showreel Motion Design elementów wektorowych oraz tekstów z dodatkiem tracking'u.

Showreel kinetycznej typografii do tekstu piosenki + animacja prostych elementów graficznych.

Montaż wideo na stronę internetową, na zlecenie klienta.

Projektowanie Stron Internetowych

Zakres usług

UX/Projektowanie UI: Projektowanie responsywnych, estetycznych i intuicyjnych interfejsów dostosowanych do potrzeb klienta.
Prototypowanie: Tworzenie interaktywnych makiet (Figma) obrazujących działanie strony przed wdrożeniem.
Web Development: Wdrożenie strony (Webflow, WordPress, Astro) z dbałością o optymalizację i szybkość ładowania.
Interakcje i Animacje: Implementacja zaawansowanych animacji GSAP oraz integracja mikro-interakcji Rive na stronie.
Optymalizacja SEO: Podstawowa optymalizacja techniczna ułatwiająca indeksowanie w wyszukiwarkach.

Cennik

Koszt zaprojektowania i stworzenia strony zależy od stopnia złożoności projektu – przede wszystkim od:

ilości i długości podstron
ilości zaawansowanych interakcji i animacji
konieczności integracji systemu CMS lub sklepu e-commerce
indywidualnych rozwiązań technologicznych

Do ustalenia kosztu projektu, zapraszam do kontaktu mailowego.

Jednostkowy koszt orientacyjny (netto)

Projekt UX/UI (Landing Page): od 800 zł
Projekt wielostronicowy (UX/UI): od 1500 zł
Wdrożenie Landing Page (Webflow/WordPress): od 1200 zł
Wdrożenie rozbudowanej strony: od 2500 zł

Projektowanie animacji Rive/GSAP jest wycenione osobno w sekcji powyżej "Projektowanie i Animacja 2D do stron oraz aplikacji".
Integracje animacji na stronie są wyceniane indywidualnie, w zależności od stopnia zaawansowania.

Przykłady Projektów Projektowanie Stron

Projekt własnej strony w WordPress'ie z portfolio i ofertą, z zastosowaniem GSAP do animacji grafiki ananasów w tle.

Strona, na której obecnie się znajdujesz, została w całości zaprojektowana i wdrożona przeze mnie.
Jest to projekt strony Astro, z zastosowaniem GSAP.

Grafiki Reklamowe & DTP

Zakres usług

Materiały promocyjne online: Kampanie internetowe, grafiki na strony www, landing page oraz banery reklamowe dopasowane do charakteru marki.
Materiały wizualne do druku (DTP): Plakaty, ulotki, gazetki promocyjne, vouchery oraz wizytówki zaprojektowane z dbałością o estetykę i przygotowane do druku.
Branding przestrzenny: Projektowanie naklejek na witryny, do lokali usługowych i wnętrz sklepowych.
Social Media & YouTube: Tworzenie spójnych grafik do postów w mediach społecznościowych oraz przyciągających uwagę miniatur do wideo.
Spójne zestawy wizualne: Kompleksowe opracowanie zestawów materiałów reklamowych utrzymanych w jednolitej, profesjonalnej stylistyce marki.