Na konferenci WebTop100 ve čtvrtek 12. listopadu jsme získali první místo v kategorii Firemní web roku 2026, v žebříčku Menší a střední firmy.
Porota náš web ohodnotila 80 %. To je nejvyšší hodnocení ze všech šesti oceněných projektů v kategorii — tedy i v porovnání se žebříčkem velkých firem, kde vítěz získal 70 %.
Výsledky kategorie Firemní web 2026
Menší a střední firmy
| Projekt | Hodnocení | |
|---|---|---|
| 1. | MirandaMedia Group | 80 % |
| 2. | mPohoda (STORMWARE) | 75 % |
| 3. | Studio Animato | 70 % |
Velké firmy
| Projekt | Hodnocení | |
|---|---|---|
| 1. | Infocentrum města Karlovy Vary | 70 % |
| 2. | Raiffeisenbank | 65 % |
| 3. | Letiště Brno | 60 % |
Postavili jsme si ho sami
Ve výsledcích jsme uvedení jako autor i vlastník projektu. To u přihlášených webů obvyklé není — většina firem si na svou prezentaci najímá dodavatele.
My jsme ten web navrhli i postavili pro sebe. Je to tedy zároveň ukázka toho, jak pracujeme, když si zadání určujeme sami.
Spustili jsme ho 29. září. Šest týdnů nato bere první místo.
Web v číslech
| 102 | realizací s oborovým filtrováním |
| 129 | článků v české verzi blogu |
| 111 | nativních překladů ve slovenštině, angličtině i němčině |
| 751 | statických stránek z produkčního buildu |
Co na tom webu je
Spojuje firemní prezentaci, stránky služeb a produktů, blog, databázi realizací, případové studie, leadové formuláře, AI chat a interaktivní moduly. Design, animace i technika vznikly na míru značce.
Tři kompetence na jednom místě
E-shopy a Shoptet Premium — vývoj e-shopů a řešení na míru. Výkonový marketing a data — PPC kampaně, analytika, integrace systémů. Vlastní AI produkty — automatizace a produkt Margly.
Každá oblast má vlastní stránky, ne jen odstavec na homepage.
Technické řešení
Next.js s App Routerem, React, TypeScript a Tailwind, lokalizace přes next-intl, obsah v MDX bez závislosti na externím CMS. Serverová validace přes Zod, transakční e-maily přes Resend, AI chat na Anthropic API. Hosting a serverless funkce na Netlify.
Většina webu se generuje staticky při buildu. Dynamické serverové funkce běží jen tam, kde jsou nutné — u formulářů a AI chatu.
Rychlost je zabudovaná do architektury: varianty obrázků v AVIF a WebP podle zařízení, odložené načítání mimo první obrazovku, roční immutable cache statických assetů, měsíční cache obrázků s revalidací.
V posledním laboratorním měření vycházela přístupnost kolem 97 bodů a kumulativní posun layoutu prakticky na nule. Byla to orientační měření před finálními úpravami a výsledky kolísaly podle prostředí — berte je jako indikaci, ne jako certifikaci.
Čtyři jazykové mutace
| Jazyk | URL | Indexace | Obsah |
|---|---|---|---|
| Čeština | bez prefixu | index | výchozí jazyk, 129 článků |
| Slovenština | /sk/ | index | 111 nativních překladů |
| Angličtina | /en/ | noindex, follow | 111 překladů, dostupná návštěvníkům |
| Němčina | /de/ | noindex, follow | 111 překladů, dostupná návštěvníkům |
Angličtinu a němčinu záměrně nevydáváme za plnohodnotné jazykové verze. Jsou dostupné návštěvníkům, ale v hreflangu je nenabízíme vyhledávačům jako samostatné překlady. Propojené indexovatelné jsou jen čeština a slovenština, x-default míří na češtinu.
Je to rozhodnutí proti vyššímu skóre v auditech — a pro poctivost.
Design
Hlavní písmo Geist, akcentní kurzíva Instrument Serif. Zelená #48e676 vyhrazená pro důležité akce a AI prvky, fialová pro produkt Margly. Světlé a tmavé plochy propojené rastrem, neonovými prvky a jemnou animací.
Vlastní typografická hierarchie, číslování sekcí a zelený bod sjednocují orientaci napříč stránkami.
Animace se pozastaví, pokud má návštěvník v systému nastavené omezení pohybu. Automatické prvky reagují na viditelnost záložky i na ovládání uživatelem.
Obsahová pipeline
Část článků vzniká poloautomaticky v systému, který jsme si k tomu postavili.
Běží ve třech krocích. Gate 1 je lidský: z týdenního digestu vybíráme témata, výběr řídí data z Google Search Console a prioritní skóre. Automatická část má deset kroků od rešerše po pull request do repozitáře webu. Gate 2 je znovu lidský: kontrola na náhledu a merge výhradně ručně, nikdy automaticky.
Těch deset kroků: upřesnění zadání, podklady a souvislosti, webová rešerše, osnova, draft, fact-check nezávislým modelem, revize, validace tvrzení proti interním podkladům, sestavení MDX a pull request.
Source-of-truth dokumenty hlídají, že článek netvrdí nic, co neumíme doložit. To je u nás pravidlo, ne heslo: důkaz před tvrzením.
Pipeline má i pojistku — sama se pozastaví, pokud imprese stávajícího obsahu klesnou o více než 20 % týden po týdnu.
AI asistentka Miranda
Chat postavený na Anthropic API se streamováním odpovědí. Lokalizovaný, dostupný z celého webu, s vlastním animovaným avatarem.
Umí předat konverzaci člověku přes krátký formulář a poslat kontakt i historii e-mailem. Klíč je jen na serveru, s limity a možností funkci vypnout.
Měření až po souhlasu
GA4 se aktivuje teprve po analytickém souhlasu. Používáme Google Consent Mode v2 s výchozím stavem odmítnuto. Po odvolání souhlasu se měření zastaví.
V událostech neposíláme žádné hodnoty formulářů ani kontakty.
Cookie lišta má vlastní podobu s 3D symbolem, tři úrovně volby a kategorie analytické, marketingové a preferenční. Volba platí dvanáct měsíců a mění se z patičky.
Přístupnost a bezpečnost
Sémantické nadpisy a landmarky, odkaz pro přeskočení na hlavní obsah, viditelné stavy fokusu, ovládání klávesnicí v menu, carouselech, dialozích i galerii. ARIA popisky, stavová hlášení a chybové zprávy. Veřejné prohlášení o přístupnosti.
Na straně bezpečnosti Content Security Policy, HSTS na dva roky včetně subdomén, zákaz vkládání do rámců, omezený referrer a zákaz přístupu ke kameře, mikrofonu i geolokaci. Formuláře míří jen na vlastní doménu, endpointy mají validaci, honeypoty a omezení četnosti.
SEO a strukturovaná data
Metadata, kanonické adresy, Open Graph, vlastní cover obrázky u článků a studií. Automatická sitemap s jazykovými alternativami, centrální vrstva přesměrování starých adres ověřená proti exportu.
Strukturovaná data v JSON-LD: Organization, ProfessionalService, BreadcrumbList, Service, FAQPage, BlogPosting a WebPage. FAQ schema čerpá ze stejného zdroje jako viditelné odpovědi — takže se nemůže rozejít.
A protože se část vyhledávání přesouvá do AI nástrojů, má web i /llms.txt s popisem firmy a kurátorskými odkazy.
Každá změna přes pull request
Samostatná větev, pull request, náhled na Netlify, merge do hlavní větve, automatické nasazení. Před nasazením kontrola ESLintem a TypeScriptem, produkční build a vizuální ověření na desktopu i mobilu.
Konfigurace HTTPS, přesměrování, hlaviček a cache je součástí projektu — ne nastavení někde v administraci, které nikdo nezná.
Podruhé na stupních vítězů
V roce 2023 jsme brali třetí místo v téže kategorii, tehdy s hodnocením 75 % za nový web a e-shop pro Rituals na Shoptet Premium.
Letos první — a za vlastní web.
Poděkování
Děkujeme porotě WebTop100 za hodnocení a celému týmu, který na webu pracoval.
A hlavně našim klientům. Většina toho, co na tom webu je, vznikla z práce na jejich projektech — z problémů, které jsme s nimi řešili, a z věcí, které nás naučili.
Časté otázky
Co je WebTop100? Největší soutěž digitálních projektů v Česku a na Slovensku. Porota z odborníků hodnotí weby, e-shopy, kampaně a další digitální projekty podle předem daných kritérií.
V jaké kategorii jste vyhráli? Firemní web roku 2026, žebříček Menší a střední firmy. S hodnocením 80 % jde zároveň o nejvyšší skóre ze všech šesti oceněných projektů v kategorii — tedy včetně žebříčku velkých firem.
Kdo ten web vytvořil? My sami. Ve výsledcích jsme uvedení jako autor i vlastník projektu, což u přihlášených webů obvyklé není — většina firem si dodavatele najímá.
Na čem web běží? Next.js s App Routerem, React, TypeScript a Tailwind, lokalizace přes next-intl, obsah v MDX. Hostujeme na Netlify. Produkční build generuje 751 statických stránek; serverové funkce běží jen u formulářů a AI chatu.
Kolik je na webu obsahu? 102 realizací s oborovým filtrováním, 129 článků v české verzi blogu a po 111 překladech ve slovenštině, angličtině a němčině.
Chcete web, který obstojí před odbornou porotou i před zákazníky? Ozvěte se nám: kontakty.
