Motion design

Značka a rozhraní v pohybu.

Animace loga, UI animace pro aplikace a weby, animované grafiky pro sociální sítě a prezentace. Od úvodní animace po hotové soubory, které vývojář rovnou vloží do kódu.

Pro koho to je

Když statická
značka nestačí.

Pohyb přitáhne pozornost, vysvětlí funkci a dodá značce charakter. Důležité je, aby byl konzistentní: stejné tempo a stejný styl na webu, v aplikaci i na sociálních sítích.

Značka působí staticky.

Logo, web i prezentace vypadají dobře, ale nic se nehýbe. Animace loga, přechody a drobné pohyby dodají značce život a zapamatovatelnost.

Aplikace potřebuje ukázat funkce v App Store nebo na webu.

Screenshot nevysvětlí, jak se aplikace používá. Animovaná ukázka rozhraní ukáže hlavní funkce za pár vteřin a zvedne počet stažení.

Chcete jednotný styl animací napříč kanály.

Web, aplikace, reklama i prezentace dnes často vypadají každé jinak. Společná pravidla pohybu zajistí, že značka působí jako celek.

Co dostanete

Šest výstupů, které si odnesete

01Animace logaKrátká animace pro úvod videa, web nebo aplikaci. Dodáme ji ve verzi se zvukem i bez a jako smyčku.
02UI animace a ukázky aplikaceAnimované přechody, tlačítka a stavy rozhraní a videoukázky pro App Store, Google Play a web.
03Animované infografikyČísla, procesy a grafy v pohybu, které se dobře čtou a hodí se do prezentací, výročních zpráv i na web.
04Šablony pro sociální sítěUpravitelné šablony postů a stories ve vašem stylu. Nový obsah vyrobíte sami během minut.
05Lottie animace pro web a appkyLehké vektorové animace, které přehraje web i mobilní aplikace. Malé soubory a ostrý obraz na každé obrazovce.
06Motion manuálPravidla pohybu značky: tempo, křivky, doby trvání a příklady. Podle něj udrží styl další autoři i vývojáři.
01

After Effects

Hlavní nástroj pro animaci grafiky, loga a ukázek rozhraní. Vznikají v něm videa a podklady pro další formáty.

Nástroje

MP4 / WebMVideo pro web a sociální sítě
Průhledné formátyAnimace do dalších videí

Kdy dává smysl

Potřebujete video nebo animovaný prvek do kampaně.

Co přinese

Plná kontrola nad pohybem a rychlé úpravy.

02

Lottie

Lehké vektorové animace ve formátu JSON, které se přehrávají přímo v prohlížeči a mobilní aplikaci. Malé a ostré na každé obrazovce.

Nástroje

Lottie JSONSoubor, který vývojář vloží do kódu
Web a mobiliOS, Android i prohlížeč

Kdy dává smysl

Animace běží na webu nebo v aplikaci a má se rychle načítat.

Co přinese

Plynulé animace bez zátěže a bez nutnosti kódovat pohyb.

03

Rive

Interaktivní animace, které reagují na chování uživatele: stavy tlačítek, postavy, indikátory. Logika zůstává uvnitř souboru.

Nástroje

Rive souborAnimace s logikou a stavy
Runtime pro web a mobilPřímé použití v kódu

Kdy dává smysl

Animace má reagovat na kliknutí, tah nebo data.

Co přinese

Živé rozhraní, které se chová přirozeně a ladí se bez programátora.

Typické projekty

Tři situace, které řešíme nejčastěji.

01

Video aplikace pro App Store

Krátká ukázka, která předvede hlavní funkce aplikace v prvních vteřinách. Podle ní se lidé rozhodují, jestli aplikaci stáhnou.

App StoreUI animaceVideo

02

Animované intro značky

Logo v pohybu pro začátek videí, prezentací a webu. Hotové ve všech formátech a se zvukovou stopou.

LogoIntroZvuk

03

Série animovaných postů

Šablony a první várka postů pro sociální sítě. Další obsah z nich vyrobíte sami a styl zůstane jednotný.

ŠablonySociální sítěSérie

Časté otázky

Než se ozvete.

Podle použití. Pro web a sítě MP4 a WebM, pro vývojáře Lottie JSON nebo Rive soubory, pro další úpravy zdrojové projekty a průhledné formáty. Při zadání domluvíme přesný seznam, abyste dostali jen to, co využijete.

Ano. Animace připravujeme tak, aby je šlo bez přepisování vložit do webu nebo aplikace. S vývojářem si projdeme omezení platformy, případně pomůžeme s napojením a doladíme, co se při vložení rozbije. Mobilní aplikace →

Záleží na délce, složitosti a počtu výstupů. Logo animace je malá zakázka, ukázka celé aplikace nebo manuál pro celou značku větší. Po krátkém zadání pošleme pevnou nabídku s cenou za každý výstup.

Další krok

Probereme, co by se u vás mělo pohnout.

Probrat animace

KONTAKT

Pojďme se potkat

Máte nápad? Vyberte si termín pro společný rozhovor, nebo nám napište. Společně najdeme cestu k vašemu digitálnímu projektu.

Odesláním berete na vědomí zpracování osobních údajů.

Zásady zpracování osobních údajů