Stavba sticky navigace, která funguje bez problémů
Jak implementovat sticky top navigaci tak, aby se chovala správně na všech zařízeních a nekomplikovala scrollování obsahu. Podrobný návod s kódem.
Tomáš Novotný
Senior Frontend Designer a vedoucí tým UX
Scroll Flow s.r.o.
Specialista na design jednostránkových webů s důrazem na plynulou kotevní navigaci, scroll-spy zvýraznění a vizuální hierarchii sekcí
14
Let zkušeností
v designu webových aplikací
200+
Projektů
fintech, e-commerce, SaaS
50+
Článků
o designu a UX
8
Let
vedení týmu UX designerů
Příběh
Jak se webdesigner z Prahy stal expertem na jednostránkové weby
Začátky v digitálním designu
Tomáš se do webdesignu dostal v roce 2010, když začal pracovat jako junior designer v pražské agentuře Koda Digital. Byl to zajímavý čas — web se rychle měnil a CSS3 právě začínal být běžný. Spoustu věcí se učil přímo na projektech, ale měl štěstí na mentory, kteří mu ukázali, jak přemýšlet o design systémech a komponentách. Už tehdy bylo jasné, že ho fascinuje, jak se informace organizují na obrazovce.
Cesta k jednotránkovým webům
Postupně se Tomáš specializoval na frontend implementaci a user experience, zejména na vytváření elegantních, funkčních navigačních systémů. Absolvoval obor Interaktivní grafika na VŠUP v Praze, kde se zaměřil na digitální design a uživatelské rozhraní. To mu dalo teoretický základ, kterého potřeboval. Přesto práce v agentuře byla škola nejdůležitější — tam se naučil, co skutečně funguje v reálných projektech.
Průlomový moment
Jeho průlomový moment přišel v roce 2016. Navrhl a implementoval inovativní scroll-spy systém pro projekt českého fintech startupu. Šlo o elegantní řešení, které sledovalo, kde se uživatel nachází na stránce, a inteligentně zvýrazňovalo odpovídající navigační položky. Projekt se stal případovou studií na konferencích Web Summit a Frontend Matters. Od té doby se věnuje hloubkovému výzkumu v oblasti organizace obsahu v kontinuálním vertikálním toku a designu sticky navigace s intelligentním zvýraznění.
Scroll Flow a dnes
Tomáše motivuje snaha o vytváření webů, které nejenom vypadají výborně, ale také intuitivně slouží uživatelům. Ve své práci v Scroll Flow s.r.o. vede tým UX designerů a aktivně přispívá k obsahu zaměřenému na moderní patterny v designu. Sdílí své znalosti prostřednictvím článků, workshopů a konzultací, aby pomohl dalším designerům porozumět nuancím moderního designu jednotránkových webů a dosáhli profesionální kvality v každém projektu. Věří, že dobrý design není o tom, aby byl zvláštní — měl by být transparentní a sloužit lidem, kteří ho používají.
Specialista na
Klíčové oblasti, v nichž se vyznám nejlépe
Publikované články
Poslední příspěvky zaměřené na design jednotránkových webů
Scroll-spy zvýraznění pro perfektní orientaci
Technika, která sleduje, kde se uživatel na stránce nachází, a automaticky zvýrazňuje odpovídající navigační položku. Zvyšuje orientaci a profesionalitu.
Organování obsahu v kontinuálním toku
Strategie na strukturování obsahu jednotránkového webu tak, aby byl logický a snadně čitelný. Jak vytvořit jasný vizuální hierarchii a vedení uživatele.
Vizuální dělení sekcí — co funguje nejlépe
Přehled nejefektivnějších způsobů, jak vizuálně oddělit jednotlivé sekce webu. Od subtilních barevných změn až po inovativní designové prvky.
Chcete se dozvědět více?
Prohlédněte si další články o designu jednotránkových webů, scroll-spy navigaci a vizuální hierarchii sekcí. Nebo se podívejte na portfolio projektů, na kterých jsem pracoval.