Motion dizajn a animácie na web
Navrhujeme a staviame animácie na web a do produktov: mikrointerakcie na tlačidlách a v menu, prechody medzi stránkami, momenty pri skrolovaní a animácie v úvode stránky. Každý pohyb má svoju úlohu: ukáže, na čo sa dá kliknúť, vysvetlí produkt alebo spríjemní chvíľu. Motion dizajn pre existujúci web začína na 1 500 €.
Vybrané projekty
Aj tento web je malá ukážka. Prejdite myšou ponad tlačidlo. Prepnite stránku.
Čo dostanete
Mikrointerakcie
Tlačidlá, menu, formuláre a karty, ktoré reagujú, keď sa ich dotknete.
Prechody medzi stránkami
Web sa presúva zo stránky na stránku, namiesto toho, aby len preblikol.
Momenty pri skrolovaní
Jedno alebo dve miesta, kde skrolovanie rozpráva príbeh. Nie dvadsať.
Animácia v úvode stránky
Krátka slučka alebo film na začiatku stránky, ktorý ukáže váš produkt v akcii.
Postavené pre rýchlosť
Najprv vlastné funkcie prehliadača a kód, ťažké knižnice len tam, kde si to zaslúžia. Rešpektujeme nastavenie obmedzeného pohybu.
Pravidlá pohybu
Krivky, časovanie a pravidlá, aby ďalší dizajnér udržal pohyb jednotný.
Ako to prebieha
Prejdeme váš web a označíme, kde pohyb pomôže a kde by bol len šum
Pevná ponuka zhruba do 3 pracovných dní
Prototypy kľúčových momentov na preklikanie
Zabudované do vášho webu vo Webflow, Astro alebo Framer, alebo dodané ako video, Lottie či Rive súbory
Kde pomáha AI a kde nie
AI nám pomáha
Stavať animácie ako kód (hero film pre involve.me je kód, nie video na časovej osi), vygenerovať desiatky variantov časovania na porovnanie, testovať výkon na pomalších telefónoch.
My robíme
Rozhodujeme, čo sa hýbe a prečo, každú krivku ladíme okom a vyhodíme všetko, čo si svoje snímky nezaslúži.
Koľko to stojí
- Od
- Motion dizajn pre web: interakcie, prechody, skrolovanie
- 1 500 €
- Animácia v úvode alebo animácia produktu
- 2 900 €
- Explainer video, 60 až 90 sekúnd
- 4 500 €
- Pohyb ako súčasť nového webu
- Interaktívny +1 400 € · Výrazný +2 900 €
“Farover was a valuable addition to involve.me's marketing efforts, bringing in a lot of ambition paired with great design and web development skills. The latter is where Farover exceptionally shined by combining their passion for effective website setups and design chops.”
Otázky
Nespomalia animácie náš web?
Nie, ak sú postavené správne. Najprv používame vlastné prechody prehliadača a ľahký kód, ťažšie súbory načítame len tam, kde treba, a testujeme na telefónoch strednej triedy. Kto má v nastaveniach vypnutý pohyb, uvidí pokojnú verziu.
Aký je rozdiel medzi animáciou v úvode stránky a explainer videom?
Animácia v úvode je krátka (10 až 20 sekúnd), beží v slučke, nemá hlas a je na začiatku stránky. Explainer má 60 až 90 sekúnd, scenár a často aj hovorené slovo a používa sa na landing page, v obchodných e-mailoch a na sociálnych sieťach.
Viete rozanimovať náš existujúci web?
Áno. Motion dizajn funguje na weboch vo Webflow, Astro a Framer a s trochou vlastného kódu aj na väčšine ostatných.
Aké nástroje používate?
Kód (CSS, JavaScript, Remotion) na väčšinu animácií na web, After Effects na video, Rive a Lottie na interaktívne a ľahké animácie. Vyberáme podľa toho, kde bude animácia bežať.
Robíte aj 3D?
Ľahké 3D do úvodu webu áno. Na plnohodnotné 3D produktové filmy privedieme špecialistu.
Povedzte nám, na čom pracujete.
30 minút, žiadna prezentácia. Pozrieme sa na to, čo máte, a povieme vám, čo by sme urobili, v akom poradí a zhruba za koľko. Ak pre vás nie sme tí praví, povieme vám to.
Odpovedáme do jedného pracovného dňa.