Bir B2B ana sayfası sitenizdeki en geniş kitleye hizmet eder: aramadan gelen ilk kez ziyaretçiler, bir satış görüşmesinden sonra geri dönen potansiyel müşteriler, giriş bağlantısını arayan mevcut müşteriler, adaylar, analistler, iş ortakları. Hiçbirini kapatamaz; bu yüzden asıl görevi her birine doğru yerde olduklarını ve sonra nereye gideceklerini hızla söylemektir. Bu galeri, tanınmış B2B yazılım şirketlerinin 11 canlı ana sayfasına bakıyor ve her birinin bu işi nasıl yaptığını inceliyor.
Her ana sayfayı Ekim 2026'da ziyaret ettik ve yalnızca o sırada sayfada olanı anlatıyoruz. Ana sayfalar, özellikle hero metinleri, sık değişir; bu yüzden ayrıntıları bir anlık görüntü, örüntüleri ise asıl ders olarak görün. Her örnek canlı siteye bağlantı veriyor.
Her Ana Sayfayı Nasıl Değerlendirdik?
Her örnek için, ziyaretçinin deneyimlediği sırayla beş şeyi kontrol ettik:
- Hero başlığı ve alt başlık: ürünün ne olduğunu ve kimin için olduğunu söylüyor mu?
- Birincil ve ikincil CTA: ne istiyorlar ve farklı alıcı aşamalarına uyuyorlar mı?
- Kanıt: Logolar, müşteri sayıları, isimli alıntılar, analist tanınırlığı ve bunların nerede yer aldığı.
- Yönlendirme: sayfanın farklı rolleri, ekipleri veya şirket büyüklüklerini doğru içeriğe nasıl gönderdiği.
- Ekranın alt kısmındaki derinlik: ürün bölümleri, fiyat ön izlemeleri, kaynaklar.
Tek bir versiyonu kopyalamak yerine bu kalıpları segment başına uyarlamak istiyorsanız, B2B için ana sayfa kişiselleştirme rehberimiz bu öğelerden hangilerinin önce değiştirileceğini anlatıyor.
1. HubSpot: İki Tür Alıcı İçin İki CTA
HubSpot ana sayfası bir platform ifadesiyle ("Build demand, win deals, and delight customers, all on one platform") ve pazarlama, satış ve hizmeti müşteri verileri etrafında hizalamaya dair bir alt başlıkla açılıyor. İki düğme yan yana duruyor: biri premium yazılımın demosu için, diğeri ücretsiz araçlarla başlamak için. İkili aşağıda tekrarlanıyor. Hero alanının hemen ardından bir müşteri sayısı, ardından her ürün merkezi için bir bölüm geliyor. Daha aşağıda, küçük, orta ölçekli ve kurumsal işletmeler için sekmeleri olan bir vaka çalışması kaydırmalı galerisi var ve gezinme menüsü ekip büyüklüğüne göre yollar sunuyor.
CTA çifti HubSpot'un iki müşteri kazanım modeliyle birebir örtüşüyor. Küçük bir işletme sahibi self-servis ilerler, daha büyük bir şirketteki pazarlama direktörü demo planlar ve hiçbiri aramak zorunda kalmaz.
Ne test ederdik: merkez sayfa merkez sayfa ilerleyen bölüm uzun. Üstüne ilgili merkez sayfaya atlayan kısa bir “hangi ekiptesiniz” seçicisi koymayı test ederdik.
2. Stripe: Ürünü Çalışırken Gösterin
Stripe ana sayfası "Financial infrastructure to grow your revenue" başlığıyla ve bir girişimin ilk işleminden büyük bir şirketin milyarıncı işlemine uzanan bir alt başlıkla açılıyor. Hero bölümünde bir "Global GDP running on Stripe" sayacı yer alıyor ve sayfa soyut illüstrasyonlar yerine sahte bir ödeme ekranı dahil ürün grafikleri kullanıyor. CTA'lar "Get started" ve "Sign up with Google"; "Contact sales" ise üst bilgide ve sayfanın altına yakın bir bölümde yer alıyor.
Buradaki güç, anlatmak yerine göstermekte: Sayfa ödemeleri tarif etmek yerine bir Stripe ödeme ekranının nasıl göründüğünü gösteriyor. Bir geliştirici veya ürün yöneticisi, özellik listesi okumadan bunu kendi ürününde hayal edebilir.
Neyi test ederdik: hero alanı iki self servis düğme sunuyor ve satışa giden bir yol yok. Büyük şirket olarak tanımlanan ziyaretçiler için Google ile kayıt düğmesinin yerine bir "Satış ekibiyle görüşün" bağlantısı koymayı test ederdik.
3. Slack: Başlayın Butonunun Yanında Plan Bulucu
Slack ana sayfasının başlığı “All your people and AI agents working together”, ardından iki satırlık bir alt başlık geliyor: “Slack connects your team. Slackbot multiplies what they can do.” CTA'lar “Get started” ve “Find your plan”. Altında sekmeli ürün örnekleri (Slackbot'a sorun, lansman planlayın, proje yürütün, müşterilerle sohbet edin, görevleri otomatikleştirin), bir “What's new” akışı ve bilgi, insanlar, süreç ve platform başlıkları altında gruplanmış bölümler yer alıyor.
"Paketinizi bulun", bu kadar tanınan bir ürün için akıllıca bir ikincil CTA. İş yerinde zaten Slack kullanan bir ziyaretçi yalnızca hangi paketi alacağına karar veriyor olabilir; bu CTA onu ihtiyaç duymadığı bir tanıtımdan geçirmek yerine doğrudan oraya götürür.
Neyi test ederdik: "What's new" bloğu sayfanın üst kısmında yer alıyor. Mevcut kullanıcılara iyi hizmet ediyor, ama yeni iş ziyaretçileri için bunu onların sektöründen bir müşteri hikâyesiyle değiştirmeyi test ederdik.
4. Notion: Bağlantı Olarak Kullanım Senaryoları, İsimli Liderlerden Kanıt
Notion ana sayfası "Where teams and agents think together" ile açılıyor (fiil ayrı biçimlendirilmiş ve değişebilir) ve iki CTA sunuyor: "Get Notion free" ve "Request a demo." Ardından üç kısa blok geliyor: bilgiyi yakalamak, yanıt bulmak ve angarya işleri otomatikleştirmek. Sonra bağlantı olarak somut kullanım senaryolarının bir listesi geliyor ("Triage product feedback," "Resolve support tickets in Slack," "Automate weekly reporting"). Kanıt bölümünde Cursor, Faire ve Ramp gibi şirketlerden isimleri ve unvanlarıyla yöneticilerin alıntıları ile G2 sıralaması ve Fortune 100 kullanımı gibi bir dizi benimsenme iddiası yer alıyor.
Beğendiğimiz: Kullanım senaryosu bağlantıları özellik olarak değil, iş olarak yazılmış. Bir destek ekibi lideri "Destek taleplerini Slack'te çözün" bağlantısına tıklar, çünkü bu onun haftasını anlatır.
Ne test ederdik: Kullanım senaryosu bağlantıları tüm ziyaretçiler için geneldir. Kimin ziyaret ettiğini öğrendiğinizde, burası sektöre veya departmana göre kişiselleştirme için doğal bir alandır.
5. Linear: Kahraman Ürünün Kendisi
Linear ana sayfasının başlığı "The product development system for teams and agents", alt başlığı ise "Purpose-built for planning and building products. Designed for the AI era." Hero görseli ürünün bir yorumu: Slack'ten oluşturulan, yapay zekâ tarafından etiketlenen, bir ajan tarafından üstlenilip In Progress'e taşınan ve incelemeyi bekleyen bir taslak pull request'e sahip bir kayıt. Sayfa ardından iş akışını aşama aşama anlatıyor: talep toplama ve entegrasyonlar, planlama ve izleme, yapay zekâ ve otomasyonlar, geliştirme ve inceleme; ardından bir değişiklik günlüğü önizlemesi, müşteri alıntıları ve kapanışta bir kayıt bölümü geliyor.
Teknik bir kitle için gerçekçi bir ürün görünümü her türlü iddiadan daha ikna edicidir. Tur, alıcının kendi süreci gibi, girişten sevkiyata doğru sıralanmıştır.
Neyi test ederdik: COO veya finans lideri gibi teknik olmayan bir onaylayıcı için pek bir şey yok. Güvenlik, yönetim ve fiyatlandırma modeli hakkında kısa bir bölüm, satın alma komitesindeki ikinci kişiye yardımcı olurdu.
6. Gong: Dönüşümlü Gösterilen Sonuç Kelimeleri, Ardından İsimli Bir Müşteri Sonucu
Gong ana sayfasının hero alanı bir kategori iddiasını ("#1 AI OS for Revenue Teams") dönen bir satırla birleştiriyor: "Revenue AI built to" ifadesini anlaşmaları daha hızlı kapatmak, satış fırsatı riskini öngörmek, devir teslimleri otomatikleştirmek ve müşteri kaybını öngörmek gibi sonuçlar izliyor. CTA'lar "Book a demo" ve "See Gong in action". Hemen altında bir müşteri sayısı, ardından verimlilik rakamları ve o müşterinin satış destek (enablement) liderinden bir alıntı içeren, adı verilmiş bir müşteri hikâyesi yer alıyor. Alt bölümler platformu, adı verilmiş müşteri alıntılarından oluşan bir duvarı, inceleme sitesi puanlarını ve analist takdirlerini kapsıyor.
Dönen sonuç ifadeleri, tek bir hero alanının üç ayrı sayfaya gerek kalmadan satış yöneticilerine, RevOps'a ve müşteri başarısı ekiplerine hitap etmesini sağlar. İsmi verilen müşteri sonucu tek bir kaydırmada görünür; böylece iddia, ziyaretçi sormak zorunda kalmadan desteklenmiş olur.
Neyi test ederdik: dönen metin gözden kaçabilir veya değişim ortasında okunabilir. Bunun yerine her segment için ziyaretçinin rolüne veya şirket türüne göre seçilen sabit bir başlığı test ederdik.
7. Atlassian: Hero Alanında Tek Ürün, Altında Koleksiyonlar
Ziyaret ettiğimizde Atlassian ana sayfasının hero alanı dönen bir karuseldi. Ürün slaytında "Unleash your teams and their agents" yazıyor ve tek bir ürüne odaklanıyordu; butonlar "Get started with Jira" ve "Contact us" idi. Diğer slaytlar Team Europe etkinliğini "Watch now" butonlarıyla tanıtıyordu. Aşağıda sayfa, işe göre gruplanmış uygulama koleksiyonlarını tanıtıyor: ekip çalışması, strateji, hizmet, yazılım ve ürün. Navigasyon kullanım senaryosu, ekip, şirket büyüklüğü ve sektöre göre yollar sunuyor.
Çok sayıda ürünü olan bir şirket, hepsini listelemek yerine hero alanı için tek bir giriş noktası seçmelidir; Atlassian da ürün slaytında bunu yapıyor. Ardından gelen koleksiyonlar bölümü başka bir şey için gelen ziyaretçileri yakalar.
Neyi test ederdik: BT hizmet ekiplerinden gelen ziyaretçiler hero'da Jira görmek istemeyebilir ve ilk kez gelen bir ziyaretçi ürünler hakkında hiçbir şey söylemeyen bir etkinlik slaytına denk gelebilir. Ürünün yönlendirene veya sektöre göre seçildiği, varsayılanın Jira olduğu sabit bir ürün hero'sunu test ederdik.
8. Intercom: Hero Alanında Kayıt, Ana Sayfada Fiyatlandırma
Intercom ana sayfası “A complete system for AI and human customer service” ifadesi, beş yıldızlı değerlendirme sayısına dair bir satır ve doğrudan hero'da başlat butonlu bir e-posta alanıyla açılıyor. Sayfa ardından iki ürününü, yani yardım masasını ve Fin yapay zekâ ajanını açıklıyor, bir “Works with the tools you already use” bölümü gösteriyor ve ana sayfanın kendisinde bir “Transparent pricing” bölümüne yer veriyor.
Ana sayfaya bir fiyatlandırma bölümü koymak, birçok B2B ziyaretçinin aklındaki soruyu yanıtlar ve tedarikçinin karşılaştırılmaktan çekinmediğini gösterir. Her ürün bölümünde ayrıca bir "Demoyu görüntüle" bağlantısı bulunur; böylece ziyaretçi e-posta adresini vermeden önce ürünü görebilir.
Neyi test ederdik: Hero alanındaki e-posta alanı küçük ekiplere uyuyor. Kurumsal ziyaretçiler için onu bir demo CTA'sıyla değiştirmeyi test ederdik.
9. monday.com: Ekranın Üst Kısmında Departman Sekmeleri
monday.com ana sayfasının başlığı "People and agents working as one team", alt başlığı ise "The AI workspace where people and agents drive business results together." Hemen altında bir departman sırası (pazarlama, operasyon, ürün, satış, PMO) ve bir "Get Started" butonu var. Ardından Fortune 500 şirketlerinin kullanımıyla ilgili bir satır geliyor. Sayfa daha sonra aynı departman sekmeleriyle ajan kullanım senaryolarını gösteriyor; böylece ziyaretçi ekibini seçtiğinde içerik değişiyor.
Departman satırı, ziyaretçiden hero bölümünde kendini tanıtmasını ister ve sonraki bölümler bu seçime göre şekillenir. Bu, ziyaretçi segmentasyonunun otomatik olarak yaptığı şeyin manuel bir versiyonudur.
Ne test ederdik: bilinen ziyaretçi verilerine göre departman sekmesini önceden seçmek; böylece bir pazarlama ekibi tıklamadan pazarlama örneklerine ulaşır.
10. Snowflake: Bir Etkinlik Banner'ı ve Navigasyonda İki Yol
Snowflake ana sayfasının en üstünde yaklaşan ücretsiz bir sanal etkinlik için bir banner yer alıyor. Navigasyonda hem “Satışla iletişime geç” hem de self-servis bir başlat butonu, yanlarında da bir dil seçici var. Hero yeni yapay zekâ ürünlerini tanıtıyor; ardından “Why Snowflake” ve “View pricing” bağlantılarını içeren bir platform bölümü, sonrasında müşteri hikâyeleri ve iş ortağı ekosistemi geliyor.
Hem satış hem de self-servis yollarını sabit gezinme menüsünde tutmak, bunların yalnızca hero alanında değil, sayfanın her kaydırma konumunda erişilebilir olmasını sağlar.
Neyi test ederdik: hero alanı ürün lansmanlarını tanıtıyor; bu da mevcut müşterilere ve analistlere hizmet ediyor. Yeni ziyaretçilerin Snowflake'in ne olduğuna dair daha sade bir açıklamaya ihtiyacı olabilir. Yeni ve geri dönen ziyaretçiye göre bir bölmeyi test ederdik.
11. Zendesk: Hero Alanında Onay Metinli E-posta Alanı
Zendesk ana sayfasının başlığı “AI-powered customer service platform”; alt başlık ise yapay zekâ ajanlarına ilişkin bir otomasyon iddiası etrafında kurulmuş. Hero alanında bir iş e-postası alanı ve bir başlat butonu, hemen altında da pazarlama iletişimi için bir onay satırı ve gizlilik bildirimine bağlantı yer alıyor. Ardından bir dizi kullanım rakamı, sonra bağımsız yapay zekâ ajanları, bir analist raporu, müşteri hikâyeleriyle “Built for businesses of all sizes”, entegrasyonlar, kaynaklar ve bir fiyatlandırma bölümü geliyor.
E-posta alanının yanındaki onay satırı, adrese ne olacağı konusunda dürüsttür; bu da AB gibi katı onay kurallarına sahip pazarlardaki alıcılar için önemlidir. Sayfanın altına yakın fiyatlandırma bölümü, maliyeti bulmak için tüm sayfayı kaydıran ziyaretçileri yakalar.
Neyi test ederdik: Hero'daki iddia büyük bir "…'e kadar" otomasyon rakamı. Destek yöneticileri kendi talep karışımlarını bilir; bu yüzden hangi tür etkileşimlerden bahsedildiğine dair kısa bir açıklama eklemeyi test eder ve daha büyük ekiplerden gelen demo ve kayıt tıklamalarının değişip değişmediğini izlerdik.
Bu B2B Web Sitesi Örneklerindeki Ortak Kalıplar
- İki satın alma hareketi için iki CTA. HubSpot, Notion ve Atlassian bir self servis eylemi bir satış eylemiyle eşleştiriyor; Gong ise bir demoyu bir ürün turuyla eşleştiriyor. Bu ikili, ana sayfadaki yönlendirmenin karşılığıdır.
- Üst kısımda kendini tanımlama: monday.com'un departman sekmeleri, Notion'ın kullanım senaryosu bağlantıları ve Atlassian'ın koleksiyonları, ziyaretçiye erkenden "hangisisiniz" diye sorar.
- Tek kaydırmada kanıt. Örneklerin çoğunda müşteri sayıları, isimli sonuçlar ve logolar hero alanından hemen sonra yer alıyor.
- Stripe ve Linear ürünü anlatmak yerine gösterir; sayfanın üst kısmında gerçekçi ürün görünümleri yer alır.
- Fiyatlandırma gizlenmiyor. Intercom ve Zendesk ana sayfada fiyatlandırma bölümlerine yer veriyor; Slack ve Snowflake hero'dan veya navigasyondan fiyatlandırmaya bağlantı veriyor.
- Herkese tek sayfa. Manuel sekmeler dışında bu ana sayfaların hiçbiri ziyaret eden şirkete görünür şekilde uyum sağlamıyor. Hero alanı, kanıt ve CTA bir girişim için de kurumsal bir şirket için de aynı.
Asıl fırsat bu son noktada. Bu şirketlerin ziyaretçilere elle seçtirdiği öğeler (departman, ürün, şirket büyüklüğü), kimin ziyaret ettiğini bildiğinizde önceden seçebileceğiniz öğelerin ta kendisidir. Açılış sayfası mı ana sayfa mı yazımız hangi trafiğin ana sayfaya gelmesi gerektiğini açıklıyor; satın alma komiteleri için B2B web sitesi tasarımı ise bu tercihlerin arkasındaki sayfa yapısını ele alıyor.
B2B Web Siteleri İçin Ana Sayfa Kontrol Listesi
- Başlık yalnızca bir slogan değil, kategoriyi veya işi adlandırıyor.
- Alt başlık ürünün kimin için olduğunu söylüyor.
- Birincil ve ikincil CTA'lar iki ana satın alma yolunuzla (self-servis ve satış ya da demo ve kaynak) örtüşüyor.
- Kanıt bir kaydırma mesafesinde görünür ve kitleyle eşleşir (benzer şirketlerden logolar, ismi belirtilmiş bir sonuç).
- Rol, ekip, sektör veya şirket büyüklüğüne göre kendini tanımlamanın görünür bir yolu var.
- Ürün yalnızca soyut bir illüstrasyon olarak değil, gerçekçi bir durumda gösteriliyor.
- Fiyatlandırmaya hero alanından veya navigasyondan bağlantı veriliyor.
- Güvenlik, entegrasyon ve yönetim içerikleri, satın alma komitesindeki ikinci kişi için bir tık uzaklıkta.
- Geri dönen müşteriler giriş ve destek bağlantılarını kaydırmadan bulabilir.
- Her bölümün sitenize ilk kez gelen ziyaretçi için bir varlık nedeni olmalı; yoksa sayfada aşağıya iner.
Diğer sayfa türleri için SaaS fiyatlandırma sayfası örnekleri ve demo talep sayfası örnekleri galerilerimize, ayrıca sayfa türüne göre ayrılmış B2B açılış sayfası örneklerine göz atın. Ana sayfanın ziyaret eden her şirkete göre nasıl uyarlandığını görmek isterseniz kullanım senaryoları sayfamız bunun Markettailor ile nasıl çalıştığını gösteriyor.
Sıkça Sorulan Sorular
Bir B2B ana sayfasında neler olmalı?
Kategoriyi veya işi adlandıran bir başlık, kimin için olduğunu söyleyen bir alt başlık, satın alma yollarınıza uyan iki CTA, tek kaydırma mesafesinde kanıt, ziyaretçilerin kendilerini rol veya şirket türüne göre tanımlayabilecekleri bir yol, gerçekçi bir ürün görünümü ve fiyatlandırma, güvenlik ve entegrasyon bağlantıları. Yukarıdaki örnekler bunların her birini uygulamada gösteriyor.
Bir B2B ana sayfası B2C ana sayfasından nasıl farklıdır?
Bir B2B ana sayfası bir satın alma komitesindeki birkaç kişiye ve farklı aşamalardaki alıcılara hitap eder; bu yüzden satıştan çok yönlendirme yapar. Genellikle self servisin yanında bir satış yolu sunar, bireylere değil şirketlere yönelik kanıtlar taşır ve teknik ile finansal onaylayıcıların ihtiyaç duyduğu içeriklere bağlantı verir.
Bir B2B ana sayfasında bir CTA mı olmalı, iki mi?
Çoğu durumda iki. Biri kendi başına harekete geçmeye hazır ziyaretçiler için (kaydolun, başlayın, fiyatları görün), diğeri bir görüşmeye ihtiyaç duyan ziyaretçiler için (demo planlayın, satış ekibiyle iletişime geçin). HubSpot, Notion ve Atlassian'ın hepsi self-servis artı satış çifti kullanır. Tek bir CTA yalnızca tek bir satın alma modeliniz olduğunda işe yarar.
İyi B2B web sitesi örnekleri nelerdir?
HubSpot, Stripe, Slack, Notion, Linear, Gong, Atlassian, Intercom, monday.com, Snowflake ve Zendesk faydalı örneklerdir, çünkü her biri belirli bir sorunu iyi çözer: ikili satın alma yolları, ürünü gösterme, ziyaretçinin kendini tanıtması, kanıt yerleşimi veya fiyat şeffaflığı. Her sayfanın görünümünü kopyalamak yerine arkasındaki kararı inceleyin.
Ana sayfanızı ne sıklıkla değiştirmelisiniz?
Konumlandırmanız veya ana kitleniz değiştiğinde hero ve kanıt alanını değiştirin, daha küçük değişiklikleri ise sürekli test edin. Hipotezsiz büyük yeniden tasarımlar neyin işe yaradığını öğrenmeyi zorlaştırır. Ana sayfayı yalnızca form doldurmalarla değil, önemli yollara (fiyatlandırma, demo, ürün sayfaları) yapılan tıklamalarla da ölçün.