Domovská stránka B2B webu slouží nejširšímu publiku na celém webu: návštěvníkům z vyhledávání, kteří přišli poprvé, potenciálním zákazníkům vracejícím se po obchodním hovoru, stávajícím zákazníkům hledajícím přihlášení, uchazečům o práci, analytikům, partnerům. Nikoho z nich neuzavře, takže její skutečnou úlohou je každému rychle sdělit, že je na správném místě a kam pokračovat. Tato galerie se dívá na 11 živých domovských stránek známých B2B softwarových firem a rozebírá, jak každá z nich tento úkol zvládá.
Každou domovskou stránku jsme navštívili v říjnu 2026 a popisujeme jen to, co na ní tehdy bylo. Domovské stránky se často mění, zejména texty v hero sekci, takže konkrétní detaily berte jako momentku a vzory jako ponaučení. Každý příklad odkazuje na živý web.
Jak jsme jednotlivé homepage četli
U každého příkladu jsme kontrolovali pět věcí v pořadí, v jakém je návštěvník zažívá:
- Nadpis a podnadpis hero sekce: říká, co produkt je a pro koho je?
- Primární a sekundární CTA: o co žádají a hodí se pro různé fáze kupujícího?
- Důkazy: loga, počty zákazníků, jmenované citace, uznání od analytiků a kde jsou umístěné.
- Směrování: jak stránka posílá různé role, týmy nebo velikosti firem ke správnému obsahu.
- Hloubka pod ohybem stránky: produktové sekce, upoutávky na ceník, zdroje.
Pokud chcete tyto vzory přizpůsobit jednotlivým segmentům místo kopírování jedné verze, náš průvodce personalizací domovské stránky pro B2B popisuje, které z těchto prvků změnit jako první.
1. HubSpot: dvě CTA pro dva typy kupujících
Domovská stránka HubSpotu začíná prohlášením o platformě („Build demand, win deals, and delight customers, all on one platform“) a podtitulkem o sladění marketingu, obchodu a služeb kolem zákaznických dat. Vedle sebe stojí dvě tlačítka: jedno pro demo prémiového softwaru a druhé pro začátek s bezplatnými nástroji. Dvojice se dále na stránce opakuje. Hned za hlavní sekcí je uveden počet zákazníků, pak sekce pro každý produktový hub. Níže je karusel případových studií se záložkami pro malé, středně velké a velké firmy a navigace nabízí cesty podle velikosti týmu.
Dvojice CTA přesně odpovídá dvěma akvizičním modelům HubSpotu. Majitel malé firmy si poradí sám, marketingový ředitel větší firmy si zarezervuje demo a nikdo z nich nemusí hledat.
Co bychom testovali: sekce s jednotlivými huby je dlouhá. Testovali bychom nad ní krátký výběr „v jakém týmu jste“, který přeskočí na relevantní hub.
2. Stripe: ukažte produkt v akci
Domovská stránka Stripe začíná nadpisem „Financial infrastructure to grow your revenue“ a podnadpisem, který pokrývá vše od první transakce startupu po miliardtou transakci velké firmy. V hero sekci je počítadlo „Global GDP running on Stripe“ a stránka používá produktovou grafiku, včetně ukázkové obrazovky pokladny, místo abstraktních ilustrací. CTA jsou „Get started“ a „Sign up with Google“; „Contact sales“ je v hlavičce a v sekci u konce stránky.
Silnou stránkou je zde ukazování místo popisování: místo popisu plateb stránka ukazuje, jak vypadá pokladna Stripe. Vývojář nebo produktový manažer si ji dokáže představit ve vlastním produktu, aniž by četl seznam funkcí.
Co bychom testovali: hlavní sekce nabízí dvě samoobslužná tlačítka a žádnou cestu k obchodu. Testovali bychom záměnu registrace přes Google za odkaz „Promluvit s obchodem“ pro návštěvníky identifikované jako velké firmy.
3. Slack: vyhledávač tarifu vedle tlačítka Začít
Nadpis domovské stránky Slacku zní „All your people and AI agents working together“, následuje dvouřádkový podnadpis: „Slack connects your team. Slackbot multiplies what they can do.“ CTA jsou „Get started“ a „Find your plan“. Pod nimi jsou produktové příklady v záložkách (zeptejte se Slackbota, plánujte uvedení, řiďte projekty, chatujte s klienty, automatizujte úkoly), přehled novinek „What's new“ a sekce seskupené podle znalostí, lidí, procesů a platformy.
„Find your plan“ je u tak známého produktu chytré sekundární CTA. Návštěvník, který už Slack v práci používá, možná jen vybírá, který tarif koupit, a tohle ho pošle rovnou tam, místo aby procházel prezentací, kterou nepotřebuje.
Co bychom testovali: blok „What's new“ je na stránce vysoko. Stávajícím uživatelům slouží dobře, ale u návštěvníků z nových firem bychom testovali jeho výměnu za zákaznický příběh z jejich odvětví.
4. Notion: případy použití jako odkazy, důkazy od jmenovaných lídrů
Homepage Notionu začíná nadpisem „Where teams and agents think together“ (sloveso má samostatný styl a může se střídat) a dvěma CTA: „Get Notion free“ a „Request a demo“. Následují tři krátké bloky: zachycení znalostí, hledání odpovědí a automatizace rutinní práce. Pak přichází seznam konkrétních scénářů použití jako odkazy („Triage product feedback“, „Resolve support tickets in Slack“, „Automate weekly reporting“). Sekce s důkazy používá citace jmenovaných lídrů z firem jako Cursor, Faire a Ramp i s jejich pozicemi a řadu tvrzení o rozšíření, jako je umístění v G2 a používání ve firmách z Fortune 100.
Co se nám líbí: odkazy na případy užití jsou napsané jako úkoly, ne jako funkce. Vedoucí podpory klikne na „Resolve support tickets in Slack“, protože to popisuje jeho týden.
Co bychom testovali: odkazy na případy užití jsou pro všechny návštěvníky obecné. To je přirozené místo pro personalizaci podle odvětví nebo oddělení, jakmile víte, kdo web navštěvuje.
5. Linear: Hlavní roli hraje produkt
Nadpis domovské stránky Linear zní „The product development system for teams and agents“ s podtitulkem „Purpose-built for planning and building products. Designed for the AI era.“ Hlavní vizuál je ztvárnění produktu: úkol vytvořený ze Slacku, označený pomocí AI, převzatý agentem a přesunutý do stavu In Progress, s konceptem pull requestu čekajícím na revizi. Stránka pak prochází workflow po fázích: příjem a integrace, plánování a monitoring, AI a automatizace, vývoj a revize, následuje náhled changelogu, citace zákazníků a závěrečná sekce s registrací.
Pro technické publikum je realistický pohled na produkt přesvědčivější než jakékoli tvrzení. Prohlídka je seřazená jako vlastní proces kupujícího, od příjmu po expedici.
Co bychom testovali: pro netechnického schvalovatele, jako je COO nebo vedoucí financí, toho tu je málo. Druhému člověku v nákupním týmu by pomohla krátká sekce o zabezpečení, správě a cenovém modelu.
6. Gong: střídající se slova o výsledcích a pak konkrétní výsledek pojmenovaného zákazníka
Hlavní sekce domovské stránky Gong spojuje tvrzení o kategorii („#1 AI OS for Revenue Teams“) s rotujícím řádkem: „Revenue AI built to“ následovaným výsledky jako rychlejší uzavírání obchodů, předvídání rizik v pipeline, automatizace předávání a předvídání odchodu zákazníků. CTA jsou „Book a demo“ a „See Gong in action“. Hned pod tím je uveden počet zákazníků, pak jmenovitý příběh zákazníka s údaji o produktivitě a citací vedoucího enablementu daného zákazníka. Nižší sekce pokrývají platformu, stěnu jmenovitých citací zákazníků, hodnocení na webech s recenzemi a ocenění od analytiků.
Rotující výsledky umožňují jedné hero sekci oslovit obchodní ředitele, RevOps i customer success bez tří samostatných stránek. Jmenovaný výsledek zákazníka se objeví do jednoho posunutí, takže tvrzení je podložené dřív, než se návštěvník musí zeptat.
Co bychom testovali: rotující text lze přehlédnout nebo přečíst uprostřed změny. Místo toho bychom testovali statický nadpis pro každý segment, vybraný podle role návštěvníka nebo typu firmy.
7. Atlassian: jeden produkt v hero sekci, kolekce pod ní
Hero sekce domovské stránky Atlassianu byla v době naší návštěvy rotující karusel. Produktový slide hlásá „Unleash your teams and their agents“ a soustředí se na jediný produkt s tlačítky „Get started with Jira“ a „Contact us“; další slidy propagovaly akci Team Europe s tlačítky „Watch now“. Níže stránka představuje kolekce aplikací seskupené podle úkolu: týmová spolupráce, strategie, služby, software a produkt. Navigace nabízí cesty podle případu použití, týmu, velikosti firmy a odvětví.
Firma s mnoha produkty by měla pro hero sekci zvolit jeden vstupní bod, místo aby vyjmenovávala všechny, a Atlassian to na svém produktovém slidu dělá. Sekce s kolekcemi pak zachytí návštěvníky, kteří přišli pro něco jiného.
Co bychom testovali: návštěvníci z IT servisních týmů možná nechtějí v hero sekci Jiru a návštěvník, který přijde poprvé, může narazit na slide o akci, který o produktech nic neříká. Testovali bychom pevnou produktovou hero sekci s produktem zvoleným podle zdroje návštěvy nebo odvětví a Jirou jako výchozí volbou.
8. Intercom: registrace v hero sekci, ceny na domovské stránce
Domovská stránka Intercomu začíná „A complete system for AI and human customer service“, řádkem o počtu pětihvězdičkových recenzí a e-mailovým polem s tlačítkem pro start přímo v hero sekci. Stránka pak vysvětluje oba produkty, helpdesk a AI agenta Fin, ukazuje sekci „Works with the tools you already use“ a přímo na domovské stránce obsahuje sekci „Transparent pricing“.
Sekce s ceníkem na homepage odpovídá na otázku, se kterou mnoho B2B návštěvníků přichází, a dává najevo, že se dodavatel srovnání nebojí. Každá produktová sekce má navíc odkaz „Zobrazit demo“, takže si návštěvník může produkt prohlédnout dřív, než zadá e-mail.
Co bychom testovali: pole pro e-mail v hero sekci se hodí pro malé týmy. Pro enterprise návštěvníky bychom testovali jeho nahrazení CTA pro demo.
9. monday.com: záložky oddělení na první obrazovce
Nadpis domovské stránky monday.com zní „People and agents working as one team“ s podnadpisem „The AI workspace where people and agents drive business results together.“ Přímo pod ním je řada oddělení (marketing, provoz, produkt, obchod, PMO) a tlačítko „Get Started“. Následuje řádek o využití ve firmách z Fortune 500. Stránka pak ukazuje případy užití agentů se stejnými záložkami oddělení, takže se obsah mění podle toho, jaký tým si návštěvník vybere.
Řádek s odděleními žádá návštěvníka, aby se v hero sekci sám zařadil, a následující sekce na tuto volbu reagují. Jde o ruční verzi toho, co segmentace návštěvníků dělá automaticky.
Co bychom testovali: předvolení záložky oddělení podle známých dat o návštěvníkovi, aby marketingový tým bez kliknutí přistál na marketingových příkladech.
10. Snowflake: banner akce a obě cesty v navigaci
Domovská stránka Snowflake má nahoře banner s pozvánkou na nadcházející bezplatnou virtuální akci. Navigace obsahuje „Contact sales“ i samoobslužné tlačítko pro start a vedle nich výběr jazyka. Hero sekce propaguje nové AI produkty, následuje sekce o platformě s odkazy „Why Snowflake“ a „View pricing“ a pak příběhy zákazníků a ekosystém partnerů.
Když jsou obchodní i samoobslužná cesta trvale v navigaci, jsou dostupné na jakékoli pozici scrollování, nejen v hero sekci.
Co bychom testovali: hlavní sekce propaguje uvedení nových produktů, což slouží stávajícím zákazníkům a analytikům. Noví návštěvníci možná potřebují jednodušší vysvětlení, co Snowflake je. Testovali bychom rozdělení na nové a vracející se návštěvníky.
11. Zendesk: pole pro e-mail s textem souhlasu v hero sekci
Nadpis domovské stránky Zendesku zní „AI-powered customer service platform“ s podnadpisem postaveným na tvrzení o automatizaci pomocí jeho AI agentů. V hero sekci je pole pro pracovní e-mail a tlačítko pro začátek, přímo pod nimi řádek se souhlasem s marketingovou komunikací a odkaz na informace o ochraně osobních údajů. Následuje řada čísel o používání, pak sekce o samostatných AI agentech, analytickém reportu, „Built for businesses of all sizes“ se zákaznickými příběhy, integracemi, zdroji a sekcí s ceníkem.
Řádek se souhlasem vedle pole pro e-mail otevřeně říká, co se s adresou stane, což je důležité pro kupující na trzích s přísnými pravidly pro souhlas, jako je EU. Sekce s ceníkem u konce stránky zachytí návštěvníky, kteří prošli celou stránku a hledali cenu.
Co bychom testovali: hlavním tvrzením je velké číslo o automatizaci „až do“. Vedoucí podpory znají skladbu svých požadavků, takže bychom testovali přidání krátkého upřesnění, na jaké typy interakcí se vztahuje, a sledovali, zda se změní prokliky na demo a registraci od větších týmů.
Vzorce napříč těmito příklady B2B webů
- Dvě CTA pro dva způsoby nákupu. HubSpot, Notion a Atlassian spojují samoobslužnou akci s obchodní a Gong spojuje demo s prohlídkou produktu. Tato dvojice je ekvivalentem směrování na domovské stránce.
- Sebeidentifikace v horní části: záložky oddělení u monday.com, odkazy na scénáře použití u Notionu i kolekce u Atlassianu se návštěvníka hned na začátku ptají „kdo z nich jste“.
- Důkazy do jednoho scrollu. Počty zákazníků, konkrétní výsledky a loga se ve většině příkladů objevují hned za hero sekcí.
- Stripe a Linear produkt ukazují místo toho, aby ho popisovaly, s realistickými pohledy na produkt v horní části.
- Ceny nejsou skryté. Intercom a Zendesk mají sekce s cenami přímo na domovské stránce; Slack a Snowflake odkazují na ceník z hero sekce nebo navigace.
- Jedna stránka pro všechny. Kromě ručních záložek se žádná z těchto domovských stránek viditelně nepřizpůsobuje navštěvující firmě. Hero, důkazy i CTA jsou stejné pro startup i enterprise.
Ten poslední bod je příležitost. Prvky, které tyto firmy nechávají návštěvníky vybírat ručně (oddělení, produkt, velikost firmy), jsou přesně ty, které můžete předvolit, když víte, kdo vás navštěvuje. Náš článek landing page vs domovská stránka vysvětluje, která návštěvnost by vůbec měla přistávat na domovské stránce, a design B2B webu pro nákupní komise popisuje strukturu stránky, která za těmito volbami stojí.
Kontrolní seznam domovské stránky pro B2B weby
- Nadpis pojmenovává kategorii nebo úkol, nejen slogan.
- Podnadpis říká, pro koho je produkt určen.
- Primární a sekundární CTA odpovídají vašim dvěma hlavním nákupním cestám (samoobsluha a obchod, nebo demo a materiál).
- Důkazy se objeví do jednoho posunutí stránky a odpovídají publiku (loga podobných firem, konkrétní výsledek).
- Existuje viditelný způsob, jak se sám identifikovat podle role, týmu, odvětví nebo velikosti firmy.
- Produkt je zobrazen v realistickém stavu, ne jen jako abstraktní ilustrace.
- Ceník je odkazován z hero sekce nebo navigace.
- Obsah o zabezpečení, integracích a administraci je pro druhého člena nákupní komise jedno kliknutí daleko.
- Vracející se zákazníci najdou přihlášení a podporu bez scrollování.
- Každá sekce musí mít pro návštěvníka, který přišel poprvé, důvod existovat, jinak jde níž.
Další typy stránek najdete v našich souvisejících galeriích příkladů ceníků SaaS a příkladů stránek pro žádost o demo a také v příkladech B2B landing pages rozdělených podle typu stránky. Pokud chcete vidět, jak se domovská stránka přizpůsobí každé navštěvující firmě, stránka případů použití ukazuje, jak to funguje s Markettailorem.
Časté dotazy
Co by měla obsahovat B2B domovská stránka?
Nadpis, který jmenuje kategorii nebo úkol, podnadpis, který říká, pro koho to je, dvě CTA odpovídající vašim nákupním cestám, důkazy v dosahu jednoho posunutí, způsob, jak se návštěvníci mohou sami zařadit podle role nebo typu firmy, realistický pohled na produkt a odkazy na ceník, bezpečnost a integrace. Příklady výše ukazují každý z těchto prvků v praxi.
Čím se B2B domovská stránka liší od B2C domovské stránky?
Domovská stránka B2B webu mluví k několika lidem z nákupní komise a ke kupujícím v různých fázích, takže víc směruje, než prodává. Obvykle nabízí obchodní cestu vedle samoobslužné, obsahuje důkazy zaměřené na firmy, ne na jednotlivce, a odkazuje na obsah, který potřebují techničtí a finanční schvalovatelé.
Měla by mít B2B homepage jedno CTA, nebo dvě?
Ve většině případů dvě. Jedno pro návštěvníky připravené jednat sami (registrace, začít, zobrazit ceny) a jedno pro návštěvníky, kteří potřebují rozhovor (rezervovat demo, kontaktovat obchod). HubSpot, Notion i Atlassian používají dvojici samoobsluha plus obchod. Jediné CTA funguje, jen když máte jeden nákupní model.
Jaké jsou dobré příklady B2B webů?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake a Zendesk jsou užitečné příklady, protože každý z nich dobře řeší konkrétní problém: dvě nákupní cesty, ukázku produktu, sebeidentifikaci, umístění důkazů nebo transparentnost cen. Studujte rozhodnutí za každou stránkou, nekopírujte její vzhled.
Jak často byste měli měnit domovskou stránku?
Hero sekci a důkazy měňte, když se změní vaše positioning nebo hlavní publikum, a menší změny testujte průběžně. Velké redesigny bez hypotézy znesnadňují zjistit, co fungovalo. Domovskou stránku měřte podle prokliků na klíčové cesty (ceník, demo, produktové stránky), ne jen podle vyplněných formulářů.