Un homepage B2B servește cea mai largă audiență de pe site: vizitatori noi din căutare, prospecți care revin după un apel de vânzare, clienți existenți care caută loginul, candidați, analiști, parteneri. Nu poate închide vânzarea cu niciunul dintre ei, așa că rolul lui real este să-i spună fiecăruia, rapid, că este în locul potrivit și unde să meargă mai departe. Această galerie analizează 11 homepage-uri live ale unor companii B2B de software cunoscute și arată cum gestionează fiecare acest rol.
Am vizitat fiecare homepage în octombrie 2026 și descriem doar ce era pe pagină la acel moment. Homepage-urile se schimbă des, mai ales textul din hero, așa că tratează detaliile ca pe o imagine de moment, iar tiparele ca pe lecția de reținut. Fiecare exemplu are link către site-ul live.
Cum am analizat fiecare pagină principală
Pentru fiecare exemplu am verificat cinci lucruri, în ordinea în care le experimentează un vizitator:
- Titlul și subtitlul din hero: spun ce este produsul și pentru cine este?
- CTA principal și secundar: ce cer și se potrivesc unor etape diferite ale cumpărătorului?
- Dovezi: logouri, numărul de clienți, citate cu nume, recunoaștere din partea analiștilor și unde sunt plasate.
- Direcționare: cum trimite pagina diferite roluri, echipe sau mărimi de companie către conținutul potrivit.
- Profunzime sub linia de plutire: secțiuni de produs, previzualizări de prețuri, resurse.
Dacă vrei să adaptezi aceste tipare pe segmente în loc să copiezi o singură versiune, ghidul nostru despre personalizarea homepage-ului pentru B2B arată care dintre aceste elemente să le schimbi primele.
1. HubSpot: două CTA-uri pentru două tipuri de cumpărători
Homepage-ul HubSpot începe cu o afirmație despre platformă („Build demand, win deals, and delight customers, all on one platform”) și un subtitlu despre alinierea marketingului, vânzărilor și serviciilor în jurul datelor despre clienți. Două butoane stau unul lângă altul: unul pentru un demo al software-ului premium și unul pentru a începe cu instrumentele gratuite. Perechea se repetă mai jos. Numărul de clienți apare imediat după hero, urmat de o secțiune pentru fiecare hub de produs. Mai jos, un carusel de studii de caz are taburi pentru companii mici, mijlocii și enterprise, iar navigarea oferă rute în funcție de mărimea echipei.
Perechea de CTA-uri corespunde exact celor două modele de achiziție ale HubSpot. Proprietarul unei afaceri mici se descurcă singur, un director de marketing de la o companie mai mare programează un demo și niciunul nu trebuie să caute.
Ce am testa: secțiunea hub cu hub este lungă. Am testa deasupra ei un selector scurt „în ce echipă ești”, care duce direct la hub-ul relevant.
2. Stripe: arată produsul în funcțiune
Homepage-ul Stripe se deschide cu „Financial infrastructure to grow your revenue” și un subtitlu care acoperă totul, de la prima tranzacție a unui startup la a miliarda tranzacție a unei companii mari. Un contor „Global GDP running on Stripe” stă în hero, iar pagina folosește grafice de produs, inclusiv un ecran de checkout simulat, în locul ilustrațiilor abstracte. CTA-urile sunt „Get started” și „Sign up with Google”; „Contact sales” se află în header și într-o secțiune aproape de final.
Punctul forte aici este că arată în loc să spună: în loc să descrie plățile, pagina arată cum arată un checkout Stripe. Un developer sau un product manager și-l poate imagina în propriul produs fără să citească o listă de funcționalități.
Ce am testa: secțiunea hero oferă două butoane self-serve și nicio cale către vânzări. Am testa înlocuirea înscrierii cu Google cu un link „Vorbește cu vânzările” pentru vizitatorii identificați ca venind din companii mari.
3. Slack: selector de plan lângă Get Started
Titlul de pe homepage-ul Slack este „All your people and AI agents working together”, urmat de un subtitlu pe două rânduri: „Slack connects your team. Slackbot multiplies what they can do.” CTA-urile sunt „Get started” și „Find your plan”. Dedesubt sunt exemple de produs în tab-uri (întreabă-l pe Slackbot, planifică lansări, rulează proiecte, discută cu clienții, automatizează sarcini), un flux „What's new” și secțiuni grupate pe cunoștințe, oameni, procese și platformă.
„Find your plan” este un CTA secundar inteligent pentru un produs atât de cunoscut. Un vizitator care folosește deja Slack la serviciu poate doar să decidă ce plan să cumpere, iar acest CTA îl trimite direct acolo, nu printr-o prezentare de care nu are nevoie.
Ce am testa: blocul „What's new” se află sus pe pagină. Îi servește bine pe utilizatorii existenți, dar pentru vizitatorii business noi am testa înlocuirea lui cu povestea unui client din industria lor.
4. Notion: cazuri de utilizare ca linkuri, dovezi de la lideri nominalizați
Pagina principală Notion se deschide cu „Where teams and agents think together” (verbul este stilizat separat și se poate schimba) și două CTA-uri: „Get Notion free” și „Request a demo”. Urmează trei blocuri scurte: captarea cunoștințelor, găsirea răspunsurilor și automatizarea muncii repetitive. Apoi vine o listă de cazuri de utilizare concrete, sub formă de linkuri („Triage product feedback”, „Resolve support tickets in Slack”, „Automate weekly reporting”). Secțiunea de dovezi folosește citate de la lideri numiți din companii precum Cursor, Faire și Ramp, cu funcțiile lor, plus un rând de afirmații despre adopție, precum un clasament G2 și utilizarea în Fortune 100.
Ce ne place: linkurile către cazurile de utilizare sunt scrise ca sarcini, nu ca funcționalități. Un responsabil de suport dă click pe „Resolve support tickets in Slack” pentru că îi descrie săptămâna.
Ce am testa: linkurile către cazurile de utilizare sunt aceleași pentru toți vizitatorii. Acesta este un slot firesc de personalizat după industrie sau departament, odată ce știi cine vizitează.
5. Linear: eroul este produsul
Titlul homepage-ului Linear este „The product development system for teams and agents”, cu subtitlul „Purpose-built for planning and building products. Designed for the AI era.” Vizualul hero este o reprezentare a produsului: un issue creat din Slack, etichetat de AI, preluat de un agent și mutat în In Progress, cu un pull request draft care așteaptă review. Pagina trece apoi prin fluxul de lucru pe etape: preluare și integrări, planificare și monitorizare, AI și automatizări, construire și review, urmate de o previzualizare a changelog-ului, citate ale clienților și o secțiune finală de înscriere.
Pentru o audiență tehnică, o imagine realistă a produsului este mai convingătoare decât orice afirmație. Prezentarea urmează ordinea procesului cumpărătorului, de la preluare până la livrare.
Ce am testa: există prea puțin pentru un aprobator netehnic, precum un COO sau un lider financiar. O secțiune scurtă despre securitate, administrare și modelul de preț ar ajuta a doua persoană din comitetul de achiziție.
6. Gong: cuvinte despre rezultate care se rotesc, apoi rezultatul unui client cu nume
Secțiunea hero de pe homepage-ul Gong combină o afirmație de categorie („#1 AI OS for Revenue Teams”) cu un rând care se schimbă: „Revenue AI built to”, urmat de rezultate precum închiderea mai rapidă a tranzacțiilor, prezicerea riscurilor din pipeline, automatizarea predărilor și prezicerea churnului. CTA-urile sunt „Book a demo” și „See Gong in action”. Imediat dedesubt apare numărul de clienți, apoi povestea unui client numit, cu cifre de productivitate și un citat de la responsabilul de enablement al acelui client. Secțiunile de mai jos acoperă platforma, un perete de citate de la clienți numiți, ratinguri de pe site-uri de recenzii și recunoașterea din partea analiștilor.
Rezultatele care se rotesc permit unui singur hero să le vorbească liderilor de vânzări, echipelor RevOps și customer success fără trei pagini separate. Rezultatul clientului numit apare după un singur scroll, așa că afirmația este susținută înainte ca vizitatorul să ceară dovezi.
Ce am testa: textul care se rotește poate fi ratat sau citit în timpul schimbării. Am testa în schimb un titlu static pentru fiecare segment, ales în funcție de rolul vizitatorului sau de tipul companiei.
7. Atlassian: un singur produs în hero, colecțiile dedesubt
Hero-ul homepage-ului Atlassian era un carusel rotativ când l-am vizitat. Slide-ul de produs spune „Unleash your teams and their agents” și se concentrează pe un singur produs, cu „Get started with Jira” și „Contact us”; alte slide-uri promovau evenimentul Team Europe cu butoane „Watch now”. Mai jos, pagina prezintă colecții de aplicații grupate pe sarcini: colaborare, strategie, servicii, software și produs. Navigarea oferă rute pe cazuri de utilizare, echipă, mărimea companiei și industrie.
O companie cu multe produse ar trebui să aleagă un singur punct de intrare pentru hero în loc să le listeze pe toate, iar Atlassian face exact asta pe slide-ul de produs. Secțiunea de colecții îi preia apoi pe vizitatorii care au venit pentru altceva.
Ce am testa: vizitatorii din echipele de servicii IT s-ar putea să nu vrea Jira în hero, iar un vizitator nou poate ajunge pe un slide despre un eveniment care nu spune nimic despre produse. Am testa un hero fix pentru produs, cu produsul ales după sursa de trimitere sau industrie și Jira ca opțiune implicită.
8. Intercom: înscriere în hero, prețuri pe homepage
Homepage-ul Intercom începe cu „A complete system for AI and human customer service”, un rând despre numărul de recenzii de cinci stele și un câmp de email cu un buton de start direct în hero. Pagina explică apoi cele două produse, helpdesk-ul și agentul AI Fin, arată o secțiune „Works with the tools you already use” și include o secțiune „Transparent pricing” chiar pe homepage.
O secțiune de prețuri pe pagina principală răspunde la întrebarea cu care vin mulți vizitatori B2B și arată că furnizorul nu are probleme să fie comparat. Fiecare secțiune de produs are și un link „Vezi demo”, astfel încât vizitatorul să poată vedea produsul înainte să-și lase adresa de e-mail.
Ce am testa: un câmp de e-mail în hero se potrivește echipelor mici. Pentru vizitatorii enterprise, am testa înlocuirea lui cu un CTA de demo.
9. monday.com: taburi pe departamente deasupra liniei de scroll
Titlul de pe homepage-ul monday.com este „People and agents working as one team”, cu subtitlul „The AI workspace where people and agents drive business results together.” Imediat dedesubt se află un rând de departamente (marketing, operațiuni, produs, vânzări, PMO) și un buton „Get Started”. Urmează o mențiune despre adopția în companiile din Fortune 500. Pagina arată apoi cazuri de utilizare ale agenților cu aceleași taburi de departamente, așa că conținutul se schimbă când vizitatorul își alege echipa.
Rândul cu departamente îi cere vizitatorului să se auto-identifice în hero, iar secțiunile următoare răspund acelei alegeri. Este o versiune manuală a ceea ce face automat segmentarea vizitatorilor.
Ce am testa: preselectarea tabului de departament pe baza datelor cunoscute despre vizitator, astfel încât o echipă de marketing să ajungă direct la exemplele de marketing, fără niciun clic.
10. Snowflake: un banner pentru eveniment și ambele trasee în meniu
Homepage-ul Snowflake are în partea de sus un banner pentru un eveniment virtual gratuit care urmează. Navigarea conține atât „Contact sales”, cât și un buton de start self-serve, cu un selector de limbă alături. Hero-ul promovează noile produse AI, apoi urmează o secțiune despre platformă cu linkurile „Why Snowflake” și „View pricing”, poveștile clienților și ecosistemul de parteneri.
Păstrarea ambelor căi, cea de vânzări și cea self-serve, în navigația fixă înseamnă că sunt disponibile în orice punct al derulării, nu doar în hero.
Ce am testa: secțiunea hero promovează lansări de produs, ceea ce servește clienții existenți și analiștii. Vizitatorii noi ar putea avea nevoie de o explicație mai simplă a ceea ce este Snowflake. Am testa o împărțire între vizitatorii noi și cei care revin.
11. Zendesk: câmp de email cu text de consimțământ în hero
Titlul de pe homepage-ul Zendesk este „AI-powered customer service platform”, cu un subtitlu construit în jurul unei afirmații despre automatizarea oferită de agenții săi AI. Un câmp pentru emailul de serviciu și un buton de start stau în hero, cu o linie de opt-in pentru comunicări de marketing și un link către nota de confidențialitate imediat dedesubt. Urmează un rând cu cifre de utilizare, apoi secțiuni despre agenții AI independenți, un raport de analist, „Built for businesses of all sizes” cu povești de clienți, integrări, resurse și o secțiune de prețuri.
Rândul de opt-in de lângă câmpul de e-mail spune sincer ce se întâmplă cu adresa, ceea ce contează pentru cumpărătorii din piețe cu reguli stricte de consimțământ, precum UE. Secțiunea de prețuri de aproape de final îi prinde pe vizitatorii care au derulat toată pagina în căutarea costului.
Ce am testa: afirmația din hero este o cifră mare de automatizare de tip „până la”. Liderii din suport își cunosc propriul mix de tichete, așa că am testa adăugarea unei scurte precizări despre ce tipuri de interacțiuni se referă și am urmări dacă se schimbă click-urile pe demo și înregistrare de la echipele mai mari.
Tipare comune în aceste exemple de site-uri B2B
- Două CTA-uri pentru două moduri de cumpărare. HubSpot, Notion și Atlassian pun o acțiune self-service alături de o acțiune de vânzări, iar Gong pune un demo alături de un tur al produsului. Perechea este echivalentul rutării pe homepage.
- Auto-identificare aproape de început: tab-urile pe departamente de la monday.com, linkurile pe cazuri de utilizare de la Notion și colecțiile de la Atlassian îl întreabă toate devreme pe vizitator „care dintre acestea ești”.
- Dovezi la un singur scroll distanță. Numărul de clienți, rezultatele cu nume și logourile apar imediat după hero în majoritatea exemplelor.
- Stripe și Linear arată produsul în loc să îl descrie, cu imagini realiste ale produsului în partea de sus.
- Prețurile nu sunt ascunse. Intercom și Zendesk includ secțiuni de prețuri pe homepage; Slack și Snowflake trimit spre prețuri din hero sau din navigare.
- O singură pagină pentru toată lumea. În afara tab-urilor manuale, niciunul dintre aceste homepage-uri nu se adaptează vizibil la compania care vizitează. Hero-ul, dovezile și CTA-ul sunt aceleași pentru un startup și pentru o companie enterprise.
Ultimul punct este oportunitatea. Elementele pe care aceste companii îi pun pe vizitatori să le aleagă manual (departament, produs, mărimea companiei) sunt exact cele pe care le poți preselecta când știi cine te vizitează. Articolul nostru despre landing page vs homepage explică ce trafic ar trebui de fapt să ajungă pe homepage, iar designul site-urilor B2B pentru comitetele de achiziție tratează structura paginii din spatele acestor alegeri.
Checklist de homepage pentru site-urile B2B
- Titlul numește categoria sau sarcina, nu doar un slogan.
- Subtitlul spune pentru cine este produsul.
- CTA-urile principal și secundar corespund celor două trasee principale de cumpărare (self-serve și vânzări sau demo și resursă).
- Dovezile apar după cel mult o derulare și se potrivesc audienței (logouri de la companii similare, un rezultat cu nume).
- Există o modalitate vizibilă de autoidentificare după rol, echipă, industrie sau mărimea companiei.
- Produsul este prezentat într-o stare realistă, nu doar ca ilustrație abstractă.
- Pagina de prețuri are link din hero sau din navigație.
- Conținutul despre securitate, integrări și administrare este la un clic distanță pentru a doua persoană din comitetul de achiziție.
- Clienții care revin găsesc autentificarea și suportul fără să deruleze.
- Fiecare secțiune trebuie să aibă un motiv să existe pentru un vizitator nou, altfel coboară mai jos în pagină.
Pentru alte tipuri de pagini, vezi galeriile noastre complementare cu exemple de pagini de prețuri SaaS și exemple de pagini de solicitare demo, plus exemple de landing page-uri B2B împărțite pe tipuri de pagini. Dacă vrei să vezi un homepage care se adaptează fiecărei companii care îl vizitează, pagina noastră de cazuri de utilizare arată cum funcționează asta cu Markettailor.
Întrebări frecvente
Ce ar trebui să includă un homepage B2B?
Un titlu care numește categoria sau sarcina, un subtitlu care spune pentru cine este, două CTA-uri care corespund căilor tale de cumpărare, dovezi în cel mult un scroll, o modalitate prin care vizitatorii să se autoidentifice după rol sau tipul companiei, o imagine realistă a produsului și linkuri către prețuri, securitate și integrări. Exemplele de mai sus arată fiecare dintre acestea în practică.
Prin ce diferă un homepage B2B de un homepage B2C?
Un homepage B2B vorbește cu mai multe persoane dintr-un comitet de achiziție și cu cumpărători aflați în etape diferite, așa că direcționează mai mult decât vinde. De obicei oferă un traseu de vânzări alături de self-serve, conține dovezi adresate companiilor, nu persoanelor individuale, și trimite la conținutul de care au nevoie aprobatorii tehnici și financiari.
Ar trebui ca o pagină principală B2B să aibă unul sau două CTA-uri?
Două, în majoritatea cazurilor. Unul pentru vizitatorii gata să acționeze singuri (înregistrare, start, vezi prețurile) și unul pentru vizitatorii care au nevoie de o discuție (programează un demo, contactează vânzările). HubSpot, Notion și Atlassian folosesc toate o pereche self-serve plus vânzări. Un singur CTA funcționează doar când ai un singur model de cumpărare.
Care sunt exemple bune de website-uri B2B?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake și Zendesk sunt exemple utile, pentru că fiecare rezolvă bine o problemă anume: trasee duble de cumpărare, prezentarea produsului, auto-identificarea, plasarea dovezilor sau transparența prețurilor. Studiază decizia din spatele fiecărei pagini, în loc să-i copiezi aspectul.
Cât de des ar trebui să-ți schimbi homepage-ul?
Schimbă hero-ul și dovezile când se schimbă poziționarea sau audiența principală și testează continuu schimbări mai mici. Redesignurile mari fără ipoteză fac greu de aflat ce a funcționat. Măsoară homepage-ul prin clickurile spre traseele cheie (prețuri, demo, pagini de produs), nu doar prin formularele completate.