Soutěž o nejlepší design na Webtrhu má svého vítěze! Nejvíce hlasů a uznání sklidil web blueorcawebsites.eu – komplexní a bleskově rychlá prezentace postavená na čistém kódu a vlastním CMS. Položili jsme autorovi několik otázek na tělo: Jak probíhala optimalizace interaktivního mořského světa, co pro něj znamená spolupráce s AI a proč nedá dopustit na „rybku wordpressku“?
Řekněte nám něco o sobě a o projektu.
Weby navrhuju a tvořím již 22 let. Jsem takový vlk samotář, takže abych nemusel být na nikom závislý, webdesign, kód, programování i vlastní CMS jsem si odjakživa tvořil sám. Díky tomu mám rozhled napříč všemi profesemi, které se na tvorbě webů podílejí.
Web blueorcawebsites.eu je mé portfolio a výstavní skříň mých schopností, hlavně perfektní optimalizace webů a propojení designu a vizuální identity značky. Jsem hrdý na to, že se tento web, přestože obsahuje náročnou interaktivní scénu na pozadí, načítá bleskově rychle a i v PageSpeedu dosahuje souhrnného skóre 391/400 na mobilu.
Přesto: udělat svůj vlastní web je to nejtěžší, co může webaře potkat. Stále s ním nejsem spokojen a asi ani nikdy nebudu 🙂
Jak vypadá váš technologický stack? Je to čistý kód na míru, nebo jste to „ohnuli“ na nějakém frameworku/CMS?
Čistý kód na míru. Je to statický web s vlastními komponentami ve Vanilla JavaScriptu. Na interaktivní scénu mořského světa byl použit WebGL, rybičky jsou udělány pomocí Canvasu. Dost času padlo na výkonovou optimalizaci, aby celý web jel jako po másle a naplno uměl využít výkon grafické karty.
Jako backend mám svůj vlastní headless CMS (napsaný v PHP/Symfony frameworku), který je unikátní tím, že dokáže spravovat i složitý vícestránkový STATICKÝ web, jako by byl dynamický. Navíc tak jednoduše, jako je úprava dokumentu ve Wordu.
Co Vám výrazně pomáhá při tvorbě webu? (tools, workflow, plugins, tools, etc.)
Dříve Stack Overflow, případně prostě Google 🙂 Dneska patří největší zásluhy mému parťákovi Claudovi, díky kterému dělám ještě rychlejší, hezčí a optimalizovanější weby než kdy dříve.
Jaká byla největší technická nebo designová překážka, kterou jste museli během vývoje přelézt?
Upřímně, technické překážky mě už netrápí. Vyřešit se dalo vždycky všechno, jen dřív pracněji, dnes je to s AI rutina. Víc mě omezují osobnostní faktory: můj vlastní perfekcionismus a věčná nespokojenost s vlastním dílem.
Na kterou konkrétní funkci nebo vizuální detail na webu jste nejvíce hrdí (a proč)?
Nejvíc hrdý jsem na carousel referencí na hlavní stránce, s jeho animacemi a flow jsem si fakt vyhrál. Ale nejradši mám „rybku wordpressku“!
Co je podle vás v roce 2026 nejdůležitější ingredience pro to, aby web v silné konkurenci uspěl?
Podle mě lidský dotek. Nejen lidské reference, ale i to, aby web nevypadal jako stovky jiných, případně kompletně jako AI.
Jak dlouho jste web vytvářeli?
Tvořím jej vlastně celý letošní rok. Design vznikl zhruba v únoru, ale neustále měním texty, sekce a strukturu podstránek.
