Kontakt

Kontakt

Co dělá web kliniky dobrým: analýza 34 webů nemocnic a klinik

Oct 5, 2026 · Petr Nedělka

Proč jsem rozebral 34 webů klinik


Dobrý web kliniky nepoznáte podle toho, jak drahé má fotky. Poznáte ho podle toho, jak rychle pacienta dovede k jedné věci: objednat se. Abych to mohl tvrdit s čísly, ne z pocitu, rozebral jsem v září 2026 do detailu 34 webů nemocnic a klinik. 28 je zahraničních, od Mayo Clinic po malou estetickou kliniku v japonském Hamamatsu, a 6 je českých.

Článek je pro majitele a provozní ředitele soukromých klinik, zubních ordinací a estetických center. A pro každého, kdo se chystá web předělat a nechce za rok zjistit, že investoval do krásné vizitky, která nikoho neobjedná.


V kostce:


  • Nejlepší weby začínají rozcestníkem podle toho, co pacient řeší, ne heslem a stockovou fotkou.

  • Nejčastější chyba celého vzorku je tlačítko, které není poznat. Objednání bývá průhledné, šedé, nebo úplně chybí.

  • Vlastní písmo a jedna vyhrazená barva pro akci odliší značku víc než jakýkoli efekt.

  • Velikost webu nerozhoduje. Doctolib má přes 200 tisíc stránek, Clinique La Prairie 113. Rozhoduje první obrazovka a technická hygiena.

  • České weby nejsou pozadu designem, ale základy: chybějící sitemapa, chybějící hlavní nadpis, tlačítka, která nikam nevedou.


Jak data vznikla


Všechna čísla v článku pocházejí z našeho vlastního měření v pace., které jsme dělali v září 2026 na desktopové verzi homepage každého webu. Na každém webu jsme v prohlížeči spustili extrakční skript, který:

  1. nascrolloval stránku až do 16 000 px, aby se načetl i obsah, který se dotáhne až při scrollování,

  2. odečetl z živé stránky všechny nadpisy, tlačítka, obrázky a odkazy včetně písma, velikosti, barev a zaoblení,

  3. poskládal navigaci z hlavičky a mega-menu,

  4. stáhl a spočítal sitemap.xml, tedy seznam stránek, který web posílá vyhledávačům,

  5. změřil kontrast barev, přístupnost a rychlost načítání.

Z naměřených dat se pro každý web vygenerovaly tři diagramy: mapa stránek, wireframe homepage a design board. Pocitové věci jako kvalita fotografií jsem doplňoval ze screenshotů.

Co je potřeba vědět o omezeních. Měřili jsme jen desktopovou homepage v jednom okamžiku, ne celý web ani mobil. Kde se měření nepovedlo, říkám to: mega-menu, která se vykreslí až po kliknutí, jsme doplňovali ručně. Sitemapu se nepodařilo načíst u Gruppo San Donato, Doctolibu DE a Canadian Medical (ta ji nemá vůbec). Weby se mění, takže konkrétní čísla platí k datu měření. Seznam všech webů s odkazy najdete na konci článku.


Pět věcí, které dobré weby klinik dělají společně


Nehledal jsem triky jednoho vítěze. Hledal jsem vzorce, které se opakují napříč skupinami, od americké nemocnice po pražskou zubní ordinaci. Vyšlo jich pět.

1. Rozcestník podle toho, co pacient řeší

Nejsilnější opakovaný vzor. Místo hesla pacient hned pod úvodní částí dostane tři až deset vstupů podle toho, s čím přišel.

  • UCSF Health má tři karty „I need care now“, „I need to explore care“ a „I need help with billing & records“. Každá nese tři konkrétní odkazy.

  • Johns Hopkins dává pod hero čtyři vstupy: lékaři, lokality, objednání, pacientský portál.

  • Houston Methodist má dva vyhledávače (lékař, pracoviště) a osm ikon nejčastější péče.

  • Gruppo San Donato dělí vstup podle způsobu úhrady: na pojišťovnu, soukromě, přes smluvního partnera, nebo rovnou na lékaře.

  • Pegasus Clinic má mřížku 16 dlaždic nadepsanou „Jaký máte problém?“, tedy póry, jizvy po akné, ochablá pleť.

V českém vzorku to nejlépe zvládl GENNET se sekcí „Jak vám můžeme pomoci?“ a třemi kartami hned pod hero.


2. Důvěra postavená na číslech a cizích autoritách

Skoro každý dobrý web dává na homepage ověřitelné údaje místo přídavných jmen. Mass General Brigham uvádí přes 2 miliony pacientů, Gruppo San Donato 58 pracovišť a 9 000 lékařů, GENNET přes 18 000 dětí a Asklepion má „2 000 000 ošetření“ přímo u loga.

Ještě silnější je ověření někým třetím. HCA UK věnuje celé sekci hodnocení regulátora CQC a 32 000+ recenzím z Doctify. Asklepion ukazuje Google hodnocení 4,8 ze 17 663 recenzí. Praha Dental má loga sedmi zdravotních pojišťoven. V Česku je to mimochodem jeden z nejsilnějších argumentů vůbec.


3. Každý lékař, zákrok a diagnóza má vlastní stránku

Velké weby nejsou velké kvůli marketingu. Jsou velké, protože mají samostatnou stránku pro každého lékaře a každý zdravotní problém. Každá taková stránka přivede lidi, kteří hledají přesně tohle.

  • Profily lékařů tvoří 67 % webu Mass General Brigham, 55 % HCA UK a 54 % One Medical.

  • Mayo Clinic má v knihovně nemocí 17 485 stránek a na každé most „Care at Mayo Clinic“ k objednání.

  • U estetických klinik hraje stejnou roli galerie před a po. Perfect Clinic má 2 378 takových stránek, Pegasus Clinic 480 a u každého případu uvádí cenu i rizika.


4. Klid místo efektů

Většina dobrých webů nemá jedinou animaci, která by běžela sama. Pohyb přichází jen jako reakce na myš (hover). Tak to mají třeba Johns Hopkins, St. Jude, Karolinska, HCA UK, Kaiser, Doctolib, GENNET i Perfect Clinic. Kde je video, mívá tlačítko pauzy (Mayo, Cleveland Clinic, UCSF) nebo náhled a tlačítko Přehrát místo automatického spouštění (GENNET). U zdravotnictví klid působí důvěryhodně a web je k tomu rychlejší.


5. Čitelný a přístupný základ

Běžný text má skoro všude vysoký kontrast, typicky 9 až 21 : 1, a velikost 16 až 20 px. Pro srovnání: norma WCAG AA chtějí minimálně 4,5 : 1. U zhruba dvou třetin webů má popisek (alt) úplně každý obrázek. Výjimek je málo a jsou poučné: Aesthetics Geneva má text v nejtenčím řezu písma s kontrastem 3,98 : 1, Studio 32 šedou s 3,8 : 1.


Typografie a barvy: co odlišuje značku


Pokud web vypadá jako každý jiný, je to skoro vždy kvůli písmu a barvám. Vzorek se rozpadl do tří typografických strategií.

  • Systémové nebo nejběžnější Google písmo. Charité a Cleveland Clinic jedou na Robotu, UCSF na systémovém stacku, Canadian Medical na Montserratu. Bezpečné, levné, ale zaměnitelné.

  • Vlastní nebo licencované písmo. Mayo má „mayo-display“, St. Jude „SJ Sans“, Spire „TheSans Spire“, One Medical dvojici Ginto a GT Super Display. Je to nejspolehlivější způsob, jak web odlišit na první pohled.

  • Editoriální serif nebo výrazný grotesk. Doména butikových klinik: RoyalClinic staví na Recife, Aesthetics Geneva na Ivy Mode, SkyClinics na Satoshi.

Nejlépe ze českých webů dopadl GENNET. Používá variabilní písmo Stabil Grotesk a z jeho osy si vybral vlastní váhy, například 425 pro nadpisy a 325 pro text. Je to poloha, kterou běžné řezy písma nenabízejí.

Velikost hlavního nadpisu říká, komu se web představuje. Charité má 30 px v tenkém řezu a mluví k odborné veřejnosti. NYU Langone má 84 px tučně a mluví k pacientovi jako k zákazníkovi. Obě instituce přitom dělají zhruba totéž.

Barvy. Modrá je stále výchozí volba (Cleveland, Johns Hopkins, Karolinska, Doctolib). Kdo se od ní odchylí, dělá to vědomě: Cedars-Sinai sází na zemité krémové a hnědé, Tia na krémové a vínové, GENNET na krémové a světle modré. Mnohem důležitější než odstín je ale pravidlo, které dodržovaly nejlepší weby: jedna barva vyhrazená jen pro akci. UCSF má žlutou jen na tlačítkách, Mass General Brigham mátovou, Gruppo San Donato červenou, GENNET neonově žlutou. Když je všechno ostatní tlumené, není pochyb, kam kliknout.


Tlačítka: nejčastější chyba celého vzorku


Nejčastější chyba není ošklivé tlačítko. Je to tlačítko, které není poznat, nebo které vede jinam, než by mělo. A dělají ji i ty největší značky. Proti tomu stojí weby s čitelným systémem. Nejlépe to dělají tak, že mají jednu primární akci, jeden text a jeden tvar:

  • Cleveland Clinic má plné modré „Appointments“ v hlavičce jako nejvýraznější prvek stránky a v každé sekci právě jedno plné tlačítko.

  • Tia opakuje korálové „Book an appointment“ zhruba na každé druhé obrazovce, sekundární akce mají barvu pozadí a nikdy s ním nesoupeří.

  • Spire má v hero dvě „akční karty“ s ikonou, nadpisem a jednou větou o tom, co se po kliknutí stane. Po odscrollování se objeví lišta „How can we help?“ se dvěma akcemi.

  • Perfect Clinic má na celém webu jediný text „Sjednat konzultaci“, šestkrát ve stejné pilulce 253 × 61 px.

  • GENNET má čtyři úrovně tlačítek bez jediné výjimky a primární žlutou s kontrastem 15,9 : 1.

U dlouhých stránek se osvědčila trvale viditelná rezervace. Pegasus Clinic má na 20 424 px stránce plovoucí boční lištu s rezervací přes web, přes aplikaci LINE a s ordinační dobou. Gruppo San Donato drží jediné plné červené tlačítko „PER PRENOTARE“ v hlavičce, která se přilepí k hornímu okraji.

A drobnost, na kterou se zapomíná: velikost. Doporučené minimum pro dotyk je 44 px. HCA UK má 72 px a UCSF až 96 px. Doctolib má některá tlačítka jen 32 px a Canadian Medical 31 px.


Navigace, struktura a technická hygiena


Větší web neznamená lepší web. Rozsah analyzovaných webů se liší o čtyři řády, a přitom některé z nejmenších patří k nejpřehlednějším.

Rozhoduje první obrazovka. Weby, které do ní vloží rozcestník podle záměru (UCSF, Cedars-Sinai, Presbyterian), jsou o třídu lépe skenovatelné než ty, které slepí obsah do jednoho bloku přes 8 000 px bez předělů. Tak to má NYU Langone (8 533 px), Aesthetics Geneva (9 622 px) a Pegasus Clinic (20 424 px).

Navigace jazykem pacienta. Nejlepší menu nejsou pojmenovaná podle oddělení, ale podle problému. Perfect Clinic člení estetickou dermatologii na „Vrásky“, „Kruhy a otoky pod očima“ nebo „Akné a jizvy po akné“. Asklepion má 63 stránek „Vaše problémy“ podle části těla, jen je bohužel schoval do patičky. NYU Langone má v menu samostatnou kategorii „Same-Day Care“ pro péči ještě dnes.

Ceník v hlavní navigaci. Mezi 28 zahraničními klinikami neměla cenu v hlavním menu ani jedna. Ze českých ji tam mají GENNET, Asklepion i Perfect Clinic a Perfect Clinic ji rozpadl do 55 stránek. V oboru, kde se o ceně obvykle mlčí, je to silný důvěryhodnostní signál.

Mega-menu, které robot nevidí. U poloviny velkých amerických systémů se druhá úroveň menu vykreslí až po kliknutí (Cleveland Clinic, Mass General Brigham, Kaiser, Johns Hopkins, Presbyterian). Vyhledávač ani čtečka obrazovky ji tak předem nevidí. GENNET i Perfect Clinic mají celé menu v kódu stránky, což je lépe.


Technická hygiena, kterou opakovaně narušovaly i velké značky:


  • Chybějící hlavní nadpis (H1). Nemá ho Kaiser, Scripps, Houston Methodist, Canadian Medical ani Studio 32. Mount Sinai jich má naopak 16 kvůli karuselu.

  • Chybějící nebo zaplevelená sitemapa. Canadian Medical vrací na sitemap.xml chybu 404. U Studia 32 tvoří zhruba polovinu z 1 249 adres štítkové archivy a přílohové stránky obrázků, u Houston Methodist 73 % mediální soubory.

  • Chybějící strukturovaná data (značky, ze kterých Google skládá adresu, ordinační dobu a hodnocení). Chybí u většiny českých webů, i u Doctolibu.

  • Cookie lišta, která překryje obsah. Karolinska ji má dominantnější než samotnou stránku, GENNET naopak diskrétní widget v rohu.

  • Rychlost. Karolinska se načte za 0,72 s při 112 kB. SkyClinics stáhne 22,6 MB videa a Pegasus Clinic se načítá 14,9 s.


České weby v kontextu světa


Šest českých klinik je v jiné váhové kategorii. Jejich weby se počítají v desítkách až tisících stránek, ne v desítkách tisíc. Problém tu proto není hloubka obsahu. Problém je technická hygiena a první obrazovka.

Pozitivní zpráva: české kliniky v něčem svět předbíhají. Ceník v hlavní navigaci neměla ani jedna z 28 zahraničních klinik, tři české ano. A GENNET by typografií i systémem tlačítek obstál ve vzorku po boku Mayo Clinic nebo One Medical.

Co českým webům chybí nejvíc, není rozpočet na fotky. Je to rozcestník podle záměru v hero, jasně odlišené tlačítko pro objednání a skutečná online rezervace. Na homepage žádné ze šesti klinik nevede hlavní tlačítko do kalendáře s volbou konkrétního termínu, jak to umí Doctolib nebo One Medical. Kde rezervační systém existuje (Asklepion, Studio 32), je schovaný na vedlejší stránce. Ostatní končí formulářem nebo telefonem.


Checklist: co si z analýzy vzít pro váš web


Pokud máte kliniku nebo ordinaci a chcete si web zkontrolovat sami, tady je seznam, který z analýzy přímo vyplývá. Řazený je od toho, co nejvíc ovlivňuje objednávky.


  • Pod úvodní částí je rozcestník se 3 až 6 vstupy podle toho, co pacient řeší (akutní problém, prevence, konkrétní zákrok, cena).

  • Objednání je jedno plné tlačítko s jedním textem, viditelné už nad ohybem a dostupné i po odscrollování.

  • Tlačítko opravdu někam vede a tlačítka mají výšku aspoň 44 px.

  • Jedna barva je vyhrazená jen pro akci a nikde jinde se nepoužívá.

  • Na homepage jsou konkrétní čísla a ověření třetí stranou: recenze s počtem hodnocení, pojišťovny, akreditace.

  • Ceník je v hlavní navigaci jako stránka, ne jako PDF.

  • Každý lékař a každý zákrok má vlastní stránku. U estetiky i galerie před a po.

  • Menu je pojmenované jazykem pacienta („Kruhy pod očima“), ne jazykem oddělení.

  • Text má aspoň 16 px a kontrast nad 4,5 : 1, žádné světle šedé písmo.

  • Stránka má právě jeden nadpis H1, nastavený jazyk, popisky u obrázků a funkční sitemap.xml.

  • Strukturovaná data s adresou, ordinační dobou a hodnocením.

  • Pohyb jen jako reakce na uživatele, video s tlačítkem pauzy nebo spouštěné kliknutím.


Čemu se vyhnout


  • Více karuselů na jedné stránce. Studio 32 jich má pět a z 16 článků jsou na obrazovce vidět čtyři. U Canadian Medical je z 6 klinik vidět jedna.

  • Hero bez sdělení. Canadian Medical má v úvodu 914 px němého videa bez nadpisu a bez tlačítka.

  • Jeden nerozdělený blok přes 8 000 px. Čtenář ztratí orientaci, kde je.

  • Obsah, který se zobrazí až při scrollu. RoyalClinic má část nadpisů a tlačítek průhledných, dokud nescrollujete. Vyhledávač je tak nemusí vůbec vidět.

  • Krása na úkor čitelnosti. Nejtenčí řez písma a šedá barva vypadají v návrhu draze. Na monitoru pacienta nad 50 let se text ztrácí.

Dobrý web kliniky nemusí být velký ani drahý. Musí ale za pár vteřin říct, s čím pomůže, proč mu věřit a kde kliknout.


Zdroje a analyzované weby


Všechna čísla v článku (velikosti písma, kontrasty, počty URL, délky stránek, rychlost načítání) pocházejí z vlastního měření pace. na desktopové homepage každého webu v září 2026, postupem popsaným v části „Jak data vznikla“. Údaje, které weby uvádějí samy o sobě (počty pacientů, lékařů, recenzí), jsou převzaté z jejich homepage k datu měření a neověřoval jsem je. Hranice kontrastu 4,5 : 1 a doporučená velikost tlačítka 44 px vycházejí ze standardu WCAG 2.1.

Velké nemocniční systémy USA: Mayo Clinic · Cleveland Clinic · Johns Hopkins Medicine · Mass General Brigham · Cedars-Sinai · UCSF Health · NYU Langone Health · St. Jude Children’s Research Hospital · Houston Methodist · Mount Sinai · Presbyterian Healthcare Services

Evropa: Karolinska Universitetssjukhuset · Charité – Universitätsmedizin Berlin · Gruppo San Donato · HCA Healthcare UK · Spire Healthcare

Butikové a designové kliniky: Clinique La Prairie · Ader Dent · RoyalClinic · SkyClinics · Aesthetics Geneva · Pegasus Clinic

Rezervační systémy a pacientské služby: Tia · One Medical · Kaiser Permanente · Scripps Health · Doctolib FR · Doctolib DE

České kliniky: Canadian Medical · GENNET · Asklepion · Perfect Clinic · Studio 32 · Praha Dental