ANIMACE WEBU
Vytváříme animace pro web na míru: zobrazování bloků při posouvání stránky, efekty při najetí ukazatelem, přechody a pohyb zvýrazněných prvků. Promýšlíme chování podle obsahu stránky a úkolů návštěvníka. Zohledňujeme mobilní zařízení, přístupnost a výkon, aby pohyb doplňoval design a zachoval pohodlné používání webu. Pracujeme na dálku se zákazníky z Ruska i dalších zemí.
KDY WEB POTŘEBUJE ANIMACI
Pohyb pomáhá ukázat vztahy mezi prvky, upozornit na důležitý blok a zpřehlednit reakci rozhraní. Postupy volíme po seznámení se stránkou: stejný efekt se nehodí pro každý nadpis, fotografii nebo tlačítko.
Zvýraznění nabídky
V úvodní obrazovce nebo klíčovém bloku je potřeba postupně představit nadpis, obrázek a akci. Určíme pořadí a tempo zobrazení, aby měl člověk čas přečíst sdělení a ihned pochopil, kam může přejít.
Oživení portfolia a obsahu
Chcete přidat pohyb kartám projektů, obrázkům a sekcím při posouvání stránky. Upřesníme, které prvky skutečně potřebují zvýraznění, jak se zobrazují a zda se mají efekty opakovat při návratu k bloku.
Srozumitelnější reakce rozhraní
Tlačítka, odkazy, menu nebo karty potřebují zřetelnou zpětnou vazbu. Promyslíme stavy při najetí ukazatelem, zaměření a otevření. Na zařízeních s dotykovou obrazovkou musí důležité informace a akce zůstat dostupné i bez najetí myší.
Tato služba se týká chování dohodnutých prvků webu. Pokud stránka ještě neexistuje nebo potřebujete novou strukturu a design, nejprve určíme zadání pro tvorbu webu. Animaci samostatného banneru nebo návrhu videa řešíme odděleně od interaktivních efektů stránky.
CO ANIMACE WEBU ZAHRNUJE
Začínáme stávajícím webem nebo schváleným designem. Prověříme platformu, dostupná nastavení a stávající interakce, pak dohodneme seznam prvků a scénáře. Možnost konkrétního efektu určíme před schválením rozsahu a ceny.
Analýza stránky a platformy
Prostudujeme strukturu, obrázky, texty a stávající efekty. Upřesníme, na čem je web postaven a jak lze provádět změny. U existujícího projektu posoudíme kompatibilitu s jeho nastavením, komponentami a omezeními i potřebný rozsah přístupu.
Scénáře a důrazy
Určíme, které prvky se pohybují, co efekt spouští a jak dlouho trvá. Probereme posloupnost, zpoždění, opakování a konečné stavy. Seznam stránek a opakujících se bloků stanovíme předem, aby rozsah zůstal jasný.
Zobrazování a posouvání stránky
Nastavíme dohodnuté zobrazování textu, obrázků a karet při vstupu bloku do viditelné oblasti. Tempo zohlední čas na čtení, běžné posouvání stránky a umístění sousedních prvků. Složité scény, paralaxu a navazující posloupnosti naceníme podle zadání.
Najetí ukazatelem a přechody
Promyslíme chování tlačítek, odkazů a karet i dohodnuté přechody a stavy rozhraní. Zohledníme ovládání klávesnicí a viditelné zvýraznění zaměřeného prvku. Přechody mezi stránkami a nestandardní menu jsou zahrnuty pouze v dohodnutém rozsahu.
Přizpůsobení a omezení pohybu
Ověříme chování na různých velikostech obrazovky a vstupních zařízeních. Pro dotykové ovládání zvolíme vhodné stavy; zohledníme systémové nastavení omezení pohybu. Hlavní obsah a způsoby kontaktu zůstávají dostupné i se zjednodušenými efekty.
Zapojení a kontrola
Realizujeme schválené efekty prostředky vhodné platformy a ověříme součinnost se stávajícími prvky. Posoudíme zbytečná opakování, činnost mimo obrazovku a zátěž zvoleného řešení. Rozsah kontrol a podmínky předání dohodneme před zahájením.
UKÁZKY VIZUÁLNÍ PREZENTACE
Tyto dva ukázkové webové návrhy představují kompozice, u kterých lze probrat pořadí zobrazování textu, grafiky a karet. Obrázky jsou statické: slouží jako příklady designu, nikoli jako hotové animované projekty nebo příslib zahrnutí všech zobrazených prvků do služby. Konkrétní pohyb vytvoříme pro váš web.
Typografie a úvodní obrazovka
Ukázkový návrh · statický příklad kompozice
Grafika a karty
Ukázkový návrh · statický příklad vizuálních důrazů
JAK PŘIDÁVÁME POHYB
Nejprve určíme zadání a možnosti webu, pak scénář a realizaci. Tento postup pomáhá dohodnout očekávané chování před zapojením efektů do fungujících stránek.
Zadání a podklady
Zašlete odkaz na web nebo design a popište požadované změny. Upřesníme platformu, stránky, zařízení a příklady pohybu. Určíme potřebné podklady a přístupy v dohodnutém rozsahu.
Posouzení a scénář
Prověříme technické možnosti a stávající efekty. Sestavíme seznam prvků, spouštěčů a stavů, probereme omezení. Před zahájením společně schválíme rozsah, cenu, termín a postup schvalování.
Realizace
Přidáme dohodnuté efekty v nastavení platformy nebo do stávajícího kódu webu. Zachováme návaznost na kompozici a chování rozhraní. V případě potřeby začneme omezenou ukázkou, abychom ověřili zvolený postup.
Přizpůsobení a kontrola
Ověříme posouvání stránky, najetí ukazatelem, klávesnici, dotykové scénáře a omezení pohybu. Posoudíme, jak efekty ladí s textem, tlačítky a sousedními bloky. Provedeme dohodnuté úpravy.
Schválení a předání
Ukážeme výsledek a potvrdíme dohodnuté scénáře. Po doplacení předáme změny a vysvětlení, jak s nimi pracovat. Způsob publikace, přístupy a následnou podporu určíme zvlášť před spuštěním.
CENA A TERMÍNY
od 4 000 ₽
Doba zpracování — 2–3 pracovní dny
V aktuálním ceníku je animace webu uvedena od 4 000 ₽, doba zpracování je 2–3 pracovní dny. Konečnou kalkulaci potvrdíme po prohlédnutí webu, prověření platformy a dohodě na seznamu efektů.
Rozsah ovlivňuje počet stránek a prvků, složitost posloupností, opakující se bloky, stav stávajícího projektu a způsoby realizace. Výchozí cena se vztahuje k dohodnutému zadání, nikoli k libovolnému počtu efektů na celém webu. Další scénáře naceníme zvlášť.
Nový web, redesign, příprava chybějících podkladů, složité 3D scény, tvorba videa, nestandardní funkce a odstranění všech dřívějších chyb projektu nejsou automaticky zahrnuty. Placené tarify a služby třetích stran se hradí zvlášť, pokud jsou potřeba. Neslibujeme pevné skóre rychlosti, růst poptávek ani pozice ve vyhledávání.
Práce začíná po uhrazení zálohy ve výši 50 % ceny projektu, zbývajících 50 % se hradí po schválení před předáním. Na vaše přání uzavřeme smlouvu s rozsahem, cenou a termíny. Při určení data dokončení zohledníme připravenost podkladů, přístupů a fáze zpětné vazby; pracujeme na dálku.
OTÁZKY K ANIMACI WEBU
Kolik stojí animace webu?
V ceníku je uvedena cena od 4 000 ₽ a doba 2–3 pracovní dny. Pro kalkulaci potřebujeme odkaz na web nebo design, platformu a seznam přání. Po prověření možností upřesníme prvky, scénáře, přizpůsobení a podmínky. Neomezený rozsah stránek a efektů se nepředpokládá.
Lze přidat animaci na stávající web nebo na platformu Tilda?
Lze to probrat po prohlédnutí projektu. Prověříme platformu, nastavení, dostupné způsoby úprav a stávající efekty. Možnosti různých webů se liší, proto konkrétní postup a způsob zapojení potvrdíme před zahájením, včetně projektu na platformě Tilda.
Jaké efekty lze objednat?
Probereme zobrazování bloků při posouvání stránky, pohyb textu a obrázků, efekty při najetí ukazatelem, stavy tlačítek a karet a dohodnuté přechody. Složité scény a navazující posloupnosti naceníme zvlášť. Výběr závisí na úkolu stránky a technických možnostech platformy.
Bude animace fungovat na telefonu?
Mobilní chování určíme společně s chováním na počítači. Na dotykové obrazovce není běžné najetí myší, proto zvolíme vhodný způsob interakce. Důležité informace a akce zůstávají přístupné; požadovaná zařízení a prohlížeče zahrneme do dohodnutého seznamu kontrol.
Jak zohledňujete rychlost a omezení pohybu?
Zvolíme řešení podle zadání, posoudíme zátěž, zbytečná opakování a chování mimo obrazovku. Počítáme se zjednodušením při systémovém nastavení omezení pohybu. Doba načítání závisí také na samotném webu, obrázcích, službách a hostingu; pevné skóre rychlosti není zaručeno.
Zahrnuje služba tvorbu nebo redesign webu?
Tato služba se týká animace dohodnutých prvků hotového webu nebo schváleného designu. Nová struktura, design stránek, tvorba webu a další funkce jsou samostatné úkoly. Jejich rozsah a cenu lze před zahájením probrat společně s animací.
Co je potřeba dodat pro práci?
Odkaz na web, informace o platformě, design, pokud je k dispozici, a popis požadovaného chování. Užitečné jsou inspirativní příklady s vysvětlením konkrétních postupů. Přístupy a způsob práce s kopií nebo fungujícím projektem dohodneme po posouzení v rozsahu potřebném pro zadání.
Čím se služba liší od animace grafického návrhu nebo loga?
Animace webu souvisí s chováním stránky: posouváním, navigací a akcemi návštěvníka. Animace grafického návrhu nebo loga je samostatný pohyblivý materiál, který lze použít ve videu nebo na webu. Příprava takového materiálu a jeho integrace mají samostatně stanovený rozsah práce.
PROBEREME POHYB NA VAŠEM WEBU
Zašlete odkaz na web nebo design a popište, které prvky chcete oživit. Upřesníme možnosti, rozsah práce, cenu a termíny.