Animace pro web
Navrhujeme a stavíme animace pro weby a produkty: mikrointerakce na tlačítkách a v menu, přechody mezi stránkami, momenty při scrollování a animace v úvodu webu. Každý pohyb má svůj úkol: ukáže, na co jde kliknout, vysvětlí produkt, nebo udělá radost. Animace pro stávající web začínají na 36 000 Kč.
Vybrané projekty
Malou ukázkou je i tenhle web. Najeďte myší na tlačítko. Přejděte na jinou stránku.
Co dostanete
Mikrointerakce
Tlačítka, menu, formuláře a karty, které reagují, když se jich dotknete.
Přechody mezi stránkami
Web plynule přejde ze stránky na stránku, místo aby jen blikl.
Momenty při scrollování
Jedno nebo dvě místa, kde scrollování vypráví příběh. Ne dvacet.
Animace v úvodu
Krátká smyčka nebo film nahoře na stránce, který ukáže váš produkt v akci.
Postavené pro rychlost
Nejdřív nativní funkce prohlížeče a kód, těžké knihovny jen tam, kde si to zaslouží. Respektujeme nastavení omezeného pohybu.
Pravidla pro pohyb
Křivky, časování a pravidla, aby další designér udržel animace jednotné.
Jak to probíhá
Projdeme váš web a označíme, kde pohyb pomůže a kde by byl jen šum
Pevná nabídka zhruba do 3 pracovních dnů
Prototypy klíčových momentů, které si proklikáte
Zabudované do vašeho webu ve Webflow, Astru nebo Frameru, nebo dodané jako video, Lottie nebo Rive soubory
Kde pomáhá AI a kde ne
AI nám pomáhá
Stavět animace v kódu (hero film pro involve.me je kód, ne časová osa ve střižně), vygenerovat desítky variant časování k porovnání, otestovat výkon na pomalejších telefonech.
My děláme
Rozhodnutí, co se hýbe a proč, ladění každé křivky od oka a škrtání všeho, co si své snímky nezaslouží.
Kolik to stojí
- Od
- Animace pro web: interakce, přechody, scrollování
- 36 000 Kč
- Animace v úvodu webu nebo produktová animace
- 71 000 Kč
- Explainer video, 60 až 90 vteřin
- 109 000 Kč
- Animace jako součást nového webu
- Interaktivní +34 000 Kč · S vlastní animací v úvodu +71 000 Kč
“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
Nezpomalí animace náš web?
Ne, když jsou postavené správně. Nejdřív používáme vlastní přechody prohlížeče a lehký kód, těžší soubory načítáme jen tam, kde je to potřeba, a testujeme na telefonech střední třídy. Kdo má v nastavení pohyb vypnutý, uvidí klidnou verzi.
Jaký je rozdíl mezi animací v úvodu webu a explainer videem?
Animace v úvodu je krátká (10 až 20 vteřin), běží ve smyčce, nemá hlas a sedí nahoře na stránce. Explainer má 60 až 90 vteřin, scénář a často i namluvený komentář a žije na landing page, v obchodních e-mailech a na sociálních sítích.
Rozpohybujete náš stávající web?
Ano. Animace doplníme do webů ve Webflow, Astru i Frameru a s trochou vlastního kódu i do většiny ostatních.
Jaké nástroje používáte?
Kód (CSS, JavaScript, Remotion) na většinu animací pro web, After Effects na video, Rive a Lottie na interaktivní a lehké animace. Vybíráme podle toho, kde bude animace běžet.
Děláte 3D?
Lehké 3D do úvodu webu ano. Na plnohodnotné 3D produktové filmy přizveme specialistu.
Řekněte nám, na čem pracujete.
30 minut, žádná prezentace. Podíváme se na to, co máte, a řekneme vám, co bychom udělali, v jakém pořadí a zhruba za kolik. Pokud pro vás nejsme ti praví, řekneme vám to.
Odpovídáme do jednoho pracovního dne.