Jiří Procházka
Senior Designer a vedoucí oddělení interaktivních komponent
Animovaná počítadla pro statistické sekce
Navrhujeme scroll-triggered count-up animace, která zvyšují čitelnost a engagement dat na webových stránkách
Scroll-Triggered Animace
Navrhuju počítadla, která se spustí ve správný čas — když návštěvník dojede do sekce. Není to jen efekt, je to o správném načasování a pohodlném čtení čísel.
Typografie Čísel
Výběr správného fontu je klíčový. Čitelné číslice v velkých rozměrech vyžadují péči. Pracuji s fonty, které jsou speciálně navrženy pro jasnost při vysokých velikostech.
Ikono-Textové Páry
Ikona + popisek + číslo. Každá prvek musí pracovat spolu. Učím, jak seskupit prvky tak, aby tvoříly jednotný, snadno pochopitelný celek.
Tempo Animace
Příliš rychle a člověk to nepostřehne. Příliš pomalu a nudí ho to. Optimalizuji rychlost tak, aby byla příjemná a přirozená pro čtení.
Responzivní Řešení
Počítadla fungují stejně dobře na mobilu jako na desktopu. Přizpůsobuju velikost textu, mezery a dobu animace pro každé zařízení.
Čistý Kód
Nejsou to jen vizuální efekty. Kód je optimalizovaný, přístupný a snadno udržovatelný. Výkon není kompromis — je to součást designu.
Cesta od designu k animacím
Začal jsem v roce 2010. Absolvoval jsem VŠUP Praha s fokusem na digitální design a od první chvíle mě fascinovaly věci, které se hýbou na obrazovce. Nejprve jsem pracoval jako junior designer v agentuře Webagentura Moravia, kde jsem se věnoval převážně statickému webdesignu — banery, layouty, obrázky. To byl dobrý start, ale chybělo mi něco živého.
Přelom přišel v roce 2015. Začal jsem experimentovat s CSS3 animacemi a JavaScriptem. Tvořil jsem dynamické vizualizace dat a brzy jsem si uvědomil něco důležitého — správně navržená animace počítadel není jen efekt. Zvyšuje engagement, zlepšuje porozumění číslům a vytváří si v mysli návštěvníka vrstvy informací. To mě uchvátilo.
Věnoval jsem se hlubšímu studiu psychologie percepty, typografie čísel a best practices v interaktivním designu. Pracoval jsem s webdesignéry, kteří chtěli zvýšit konverzi na svých stránkách. Zjistil jsem, že animovaná počítadla nejsou jen hezká — když jsou správně navržená, zvyšují důvěru v údaje a zlepšují konverzi.
V roce 2018 jsem se připojil k týmu Čísla v Pohybu s.r.o. a stal jsem se vedoucím oddělení interaktivních komponent. Inicioval jsem vývoj proprietárního systému pro scroll-triggered animace. Pracujeme s finančními společnostmi, e-commerce a korporacemi, které potřebují, aby jejich statistiky nejen vypadaly dobře, ale aby fungovaly efektivně.
Dnes konzultuji klienty, edukuji mladší designéry a neustále experimentuji s novými přístupy k animacím. Věřím, že design a kód jsou neoddělitelné. Nejsou to konkurenti — pracují spolu. A když se shodnou, vzniká něco opravdu zvláštního.
Publikace a Projekty
Moje práce byla publikována v odborných recenzích a představena na mezinárodních konferencích zaměřených na webdesign
Proprietární systém scroll-triggered animací
Inicioval jsem vývoj interního systému pro vytváření scroll-triggered počítadel. Systém automaticky detekuje, kdy prvek vstoupí do viewportu, a spouští animaci s přesným časováním. Používá jej desítky klientů.
Guiding Principles for Numeral Typefaces
Publikoval jsem článek o výběru fontů pro velké číslice. Vědecký přístup k čitelnosti, mezerování a designu čísel. Článek se stal jedním z nejčtenějších v daném ročníku.
Animation Pacing: The Human Element
Přednáška na jedné z největších webdesignových konferencí v Evropě. Hovořil jsem o tom, jak psychologie percepty ovlivňuje vnímání animací. Publiku z 30 zemí.
Icon-Label Pairing Framework
Vyvinul jsem framework pro seskupování ikon, popisků a čísel. Publikoval jsem průvodce s 40+ praktickými příklady. Stále nejčastěji citovaný článek v oboru.
Konzultace pro finančný sektor
Pracuji s největšími finančními společnostmi v České republice. Jejich statistiky se musí líbit regulátorům i koncovým uživatelům. Žádná prostor pro chyby — jen kvalita.
Mentoring a vzdělávání mladších designérů
Školím junior designéry v oblasti interaktivního designu, animací a best practices. Věřím, že znalosti se mají sdílet. Dosud jsem vycvičil přes 20 designérů.
Články a Průvodce
Detailní návody a případové studie k animovaným počítadlům a designu statistik
Jak navrhnout scroll-triggered počítadlo
Kompletní návod od koncepce až po implementaci. Jak detekovat scroll, spustit animaci ve správný čas a optimalizovat výkon.
Výběr správného fontu pro velké číslice
Jaké fonty fungují pro čitelnost velkých čísel? Analýza geometrie, mezer a dalších faktorů, které ovlivňují čitelnost.
Ikony a popisky pro statistické sekce
Framework pro seskupování ikon, textů a čísel. 40+ praktických příkladů a best practices pro různé scénáře.
Správné tempo animace pro čtení
Jak rychle by mělo počítadlo počítat? Věda o tom, jak vnímáme čas a pohyb. Tabulky s doporučeným tempem pro různé případy.
Chcete se poradit o animovaných počítadlech?
Rádi vám pomůžeme s návrhem scroll-triggered animací, výběrem typografie a optimalizací pro vaši webovou stránku. Kontaktujte nás pro konzultaci.