Jak dostat na web představu klienta, ve které ze tmy vychází slunce nad rotující Zemí, a přitom zachovat maximální rychlost a perfektní skóre PageSpeed? Právě o tom je příběh projektu Milenium.cz. Webový vývojář a designér na volné noze v rozhovoru popisuje, jak vznikala neobvyklá úvodní animace, proč nakonec vzal tvorbu 3D scény do vlastních rukou, kde mu pomáhá umělá inteligence a proč je pro něj každý klientský web především jeho vlastní vizitkou.
Řekněte nám něco o sobě a o projektu.
Jsem webový vývojář a designér na volné noze a zabývám se zakázkovou tvorbou originálních a funkčních webů na míru. Milenium.cz je rozcestník na osm portálů klienta a ten přišel na konci roku 2025 s tím, že přesně ví, jak má výsledný web vypadat. Na úvod chtěl, aby přesně ze tmy vyšlo slunce nad rotující zemí a zůstalo stát, zatímco se země točí dál. Astronomicky je to samozřejmě nesmysl, slunce by pokračovalo ve své trajektorii, ale byla to jeho představa a já ji měl dostat na web. Zatím je to jedna stránka, teď prochází rozšířením na víc stránek a faceliftem, hotové by to mělo být spíš do konce roku.
Jak vypadá váš technologický stack? Je to čistý kód na míru, nebo jste to „ohnuli“ na nějakém frameworku/CMS?
Je to statický web na Tailwindu a vlastním JavaScriptu bez frameworku. V pozadí běží moje vlastní administrace, můžete si ji vyzkoušet na https://admin.blueorcawebsites.eu/admin/.
Co Vám výrazně pomáhá při tvorbě webu? (tools, workflow, plugins, tools, etc.)
U mě je to klasika, Linux, VS Code, GitHub a jedu. Pár dalších programů a taky Claude, který mi dnes pomáhá mimo jiné hlídat weby po spuštění. Například mě nedávno upozornil na to, že klient vložil na web svou fotku naprosto nevyhovující potřebám designu, navíc s pozadím. Během pár minut jsem jeho fotku stáhl, ořezal, zmenšil a nahrál zpátky a web byl opět dokonalý. Web mého klienta je přece má vizitka.
Jaká byla největší technická nebo designová překážka, kterou jste museli během vývoje přelézt?
Určitě ta scéna se sluncem a zemí, co klient chtěl na úvod. Umělá inteligence před rokem ještě nebyla tak dobrá jako dnes, a stejně jsme to nejdřív zkoušeli generovat s ní. Spoustu věcí udělala skvěle, ale třeba světlo prostupující atmosférou už ne, kontinenty si vymyslela, byla to úplně jiná planeta, anebo nám místo slunce pořád generovala vycházející měsíc, zářil jako slunce, ale byl to měsíc. K tomu jsou to vlastně dvě videa, v prvním slunce vychází a na konci se zastaví, ve druhém, které už je smyčka, se jenom točí planeta a slunce stojí na místě a září, a takhle je na sebe přes AI navázat nešlo. Zkoušel jsem různé modely a přístupy, spálil na tom tunu kreditu a vždycky problém, slepá větev. Tak jsem se začal učit render sám. Na tom nic těžkého není, dvě koule, jedna s texturou země, a pohybují se vůči sobě, těžké bylo až to světlo a postprocessing, slunce a atmosféra vypadaly fakt špatně. Nakonec jsem si přes facebookové skupiny našel profíka, který tam udělal tu záři a celé to zrealističtěl, aby se to klientovi líbilo.
Na kterou konkrétní funkci nebo vizuální detail na webu jste nejvíce hrdí (a proč)?
Samozřejmě na to, jak ta scéna nakonec vypadá. I když už se povedla, byla ještě asi tři kola úprav, aby bylo slunce sluníčkovatější, na zeměkouli skutečné kontinenty a na obloze šla vidět Mléčná dráha. Sice se tam pořád opakuje jenom Evropa, ale je rozeznatelná, smyčka jede beze švu a vypadá to tak, jak to klient chtěl. A pak na rychlost. Je to skoro půl minuty videa, díky WebM necelá 2,5 MB, a na mobil se vůbec nestahuje, telefon dostane rovnou obrázek, takže web má na mobilu 100/100/100/100 v PageSpeedu a 3/3 v Agentic Browsing. Taková optimalizace je mi prostě vlastní.
Co je podle vás v roce 2026 nejdůležitější ingredience pro to, aby web v silné konkurenci uspěl?
Lidský faktor, jako recenze, reference, handmade tvorba…
Jak dlouho jste web vytvářeli?
Asi měsíc a půl, nejvíc času zabrala kolečka korekcí videopozadí, dokud jsme s klientem nebyli s výsledkem spokojení.
