Wszystkie usługi07 / 19
Animacje i interakcje w Webflow z GSAP
Efekty przy przewijaniu, przejścia i ruch, który tłumaczy produkt, zbudowane w GSAP i Webflow Interactions i przetestowane na telefonach.
Może jesteś tu, bo
01
Ruch z prototypu w Figmie nigdy nie trafił do wdrożenia.
02
Animacja wygląda dobrze na laptopie i klatkuje na telefonie.
03
Elementy wyskakują i znikają, a strona przy tym skacze.
Co dostajesz
Ruch, który pomaga odwiedzającemu zrozumieć, i nie spowalnia strony.
Jedna krzywa i dwie prędkości na całej stronie, więc wszystko porusza się tak samo. Nic nie pojawia się ani nie znika bez powodu.
Efekty przy przewijaniu
Sekcje i grafiki, które pojawiają się, gdy odwiedzający do nich dociera.
Najechanie i zmiany stanu
Przyciski, karty i menu, które spokojnie reagują na kursor.
Animowane rysunki
Rysunki liniowe i diagramy odtwarzane krok po kroku, jak te na tej stronie.
Ruch z twojego prototypu
Odtworzony z Figmy, z dopasowanym czasem.
Wersja bez ruchu
Dostają ją odwiedzający, którzy ustawili w urządzeniu ograniczenie animacji.
Szybkość bez strat
Animacje korzystają z tego, co przeglądarka obsługuje tanio, i są mierzone na telefonie.
Jak to przebiega
01
Wyślij zadanie
Mail, nagranie albo lista. Jak tobie najszybciej.
02
Dostań wycenę
W godzinach, zanim zacznę, więc faktura niczym cię nie zaskoczy.
03
Sprawdź na stagingu
Oglądasz pracę pod prywatnym linkiem i zgłaszasz poprawki.
04
Zmiana trafia na stronę
Publikuję, testuję na telefonie i komputerze, i zapisuję godziny.
Cena
Rozliczenie godzinowe, najpierw wycena.
Widzisz liczbę godzin, zanim zacznę, i płacisz za godziny wykorzystane. Bez abonamentu i bez minimum.
Stawka godzinowa
40
USD za godzinę
W realizacjach
Sprzątanie domów
Polina’s Cleaning
Strona nastawiona na rezerwacje dla firmy sprzątającej z Minneapolis.
Zobacz case study
Pytania
Czy GSAP jest darmowy do użytku na naszej stronie?
Tak. GSAP jest darmowy do użytku komercyjnego od 2025 roku i jest wbudowany w Webflow Interactions.
Czy animacje obniżą nasz wynik szybkości?
Mogą, jeśli są zrobione niedbale. Animuję to, co przeglądarka obsługuje tanio, i ładuję kod tylko tam, gdzie jest używany.
Czy odtworzysz ruch z naszego prototypu w Figmie?
Zwykle bardzo wiernie. Tam, gdzie przeglądarka zachowuje się inaczej, pokazuję najbliższą wersję.
Poprawisz animacje, które zbudował ktoś inny?
Zwykle tak. Najpierw sprawdzam, jak są zrobione, a potem mówię, czy taniej je poprawić, czy zbudować od nowa.
Pasuje do tego
Własny kod
Kalkulatory, filtry, formularze wieloetapowe i mapy: te części strony, których Webflow nie zbuduje sam.
Usługa
Motion design
Krótkie filmy i animowane grafiki, które pokazują, czym zajmuje się firma: na stronę główną, na premierę i w wersjach do social mediów i reklam.
Usługa
Twoja strona
Nie wiesz, czego twoja strona potrzebuje najpierw?
Następna usługa
Własny kod
08 / 19