İlham Almak için En İyi Şirketlerden En İyi 25 Açılış Sayfası Örneği

Dijital pazarlama söz konusu olduğunda, geliştirmek ve öğrenmek için en iyi endüstri liderlerinin en iyi açılış sayfası örneklerine bakmalıyız.

Sonuçta, bu eylem odaklı, bağımsız web sayfaları, insanları alıcının yolculuğunun her aşamasında hareket ettirmek için çok önemlidir. Ve köklü şirketler açılış sayfaları kullanıyorsa, bu, özellikle kurumsal düzeyde, herhangi bir pazarlama stratejisinin ayrılmaz bir parçası olmalıdır.

Aşağıda, en iyi 25 şirketin en iyi açılış sayfası örneklerini bulacaksınız. Kendinize ait son derece etkili bir tıklama sonrası açılış sayfası oluşturmak için en iyisinden öğrenmeye başlamak için bunları okuyun. Belirli bir markadan daha fazla örnek içeren özel bir makale bulmak için markanın adını da tıklayabilirsiniz.

En iyi açılış sayfası örneklerine sahip en iyi 25 şirket

(Daha kısa sayfalar için tüm sayfayı gösterdiğimizi unutmayın. Daha uzun sayfalar için yalnızca ekranın üst kısmını gösterdik. Tartıştığımız bazı noktaları görmek için açılış sayfası örneğine tıklamanız gerekebilir. Ayrıca, bazı siteler sayfalarını A/B testi yapıyor olabilir, yani size alternatif bir sürüm sunulabilir.)

1. Marketo açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , ziyaretçilere raporun tam olarak ne hakkında olduğunu söyler.
• Resim , ziyaretçilere raporu indirmeyi seçmeleri durumunda ne almayı bekleyebileceklerini gösterir.
• Madde işaretleri , potansiyel müşterilerin raporun ne içerdiğini öğrenmek için sayfayı hızlı bir şekilde taramasını sağlar.
• Sosyal kanıt - bir müşteri referansı ve şirket rozetleri - teklife ve bir bütün olarak şirkete güven değeri katar.

A/B testi yapılması gerekenler:

• Çıkış bağlantıları - Marketo logosu ve alt bilgideki Yasal bağlantı - ziyaretçilere raporu indirmeden sayfadan ayrılmaları için bir yol sağlar.
• 5 alanlı form , alıcının yolculuğunun bu değerlendirme aşamasında biri için korkutucu olabilir. "İş Unvanı" ve "Şirket" öğelerini kaldırmak, daha fazla ziyaretçiyi formu doldurmaya teşvik edebilir.
• CTA düğmesi rengi , sayfanın başka bir yerinde kullanıldığı için olabildiğince göze çarpmıyor .
• CTA düğmesi kopyası belirsiz. “Raporu istiyorum!” Gibi bir şeyle değiştirmek. daha fazla potansiyel müşteriyi tıklamaya teşvik edebilir.
• Büyük italik kopya bloğu gerekli görünmüyor ve kaldırılması daha iyi dönüştürme sonuçları sağlayabilir.
• Müşteri referansına tam bir ad ve vesikalık görüntü eklemek, güvenilirliğini artırabilir.
• Beyaz boşluk eklemek , sayfanın daha az kalabalık ve estetik açıdan daha çekici görünmesine yardımcı olur.

2. Gevşek açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Benzersiz kaydırma stili , ziyaretçilerin sayfada yukarı ve aşağı hareket etmek zorunda kalmadan bilgi almasına olanak tanıyan tüm gerekli bilgilerin görüntülenmesini sağlar.
• Potansiyel müşteri yakalama formu , kullanıcılar içerikte gezinirken tutarlı bir şekilde mevcuttur.
• CTA düğmesi kopyası ilgi çekici çünkü kısa, doğrudan ve "ücretsiz" kelimesini kullanıyor.
• Yalnızca bir form alanı , ziyaretçilerin formu doldurmasını büyük ölçüde sağlar.
• Görüntüler parlak, çekici, kullanım marka renkleri vardır ve her gelen bölümünde alakalı.
• Sosyal kanıtın kullanılması , ziyaretçilerin Slack'i kullanmaya mecbur hissetmelerine neden olabilir.

A/B testi yapılması gerekenler:

• Slack logosu, "Oturum aç", "Tüm uygulamaları gör", "Müşteri hikayelerini gör", "ürün", "fiyatlandırma" ve "Enterprise Grid" gibi çeşitli çıkış bağlantıları vardır ve bu da ziyaretçilerin siteden ayrılma olasılığını artırır sayfa dönüştürmeden.
• Hiçbir gizlilik politikası , potansiyel müşterileri e-posta adreslerini vermekten caydıramaz.

3. Oracle açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Kopyadaki Talep Oluşturma Raporu istatistiği, belirtildiği gibi "yeni" değil - 2016'dan önce, bu sayfadaki telif hakkı tarihi ise 2017'dir.
• Beyaz kağıdın görüntüsü , ziyaretçilere beyaz kağıdı indirerek ne almayı bekleyebileceklerinin bir önizlemesini sunar.
• Formun zıt rengi göze çarpar ve dikkat çeker ve ziyaretçileri formu tamamlamaya teşvik eder.
• İşaretlenmemiş onay kutusu, kaydolan potansiyel müşterilerin Oracle'dan e-posta almak istemesini sağlar.

A/B testi yapılması gerekenler:

• Sayfanın üst kısmındaki şirket logosu ve gezinme, beyaz kağıdı indirmeden ziyaretçileri sayfadan potansiyel olarak kaldırabilir.
• Form alanlarının üstündeki ve altındaki küçük kopyanın okunması zordur.
• Beyaz CTA düğmesi , sayfanın üstünde ve altında beyaz olduğu için olabildiğince göze çarpmıyor .
• Altbilgideki çıkış bağlantıları , ziyaretçilere sayfadan daha da fazla yol sağlar.

4. Google Hire açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Sol üst köşedeki Hire logosu , ziyaretçilerin sayfaya geldiklerinde nerede olduklarını hemen bilmelerini sağlar. Köprülü olmaması da insanların burayı tıklamalarına izin vermeyecek ve bu harika bir tıklama sonrası açılış sayfası olacaktır.
• Açık başlık , potansiyel müşterilere demonun işe alım araçları hakkında bilgi içereceğini söylüyor.
• Minimal, nokta atışı kopya , ziyaretçilerin hızlı bir şekilde okumasını ve teklifi dönüştürmek isteyip istemediklerini belirlemesini sağlar.
• Formu kapsüllemek, sayfada öne çıkmasına yardımcı olur ve büyük olasılıkla dönüşüm oranlarını artırır.
• Altbilgideki gizlilik politikası bağlantısı , güven değeri katarak potansiyel müşterilerin kişisel bilgilerini gönderme konusunda kendilerini daha rahat hissetmelerini sağlar.

A/B testi yapılması gerekenler:

• Mesaj eşleşmesi iyileştirilebilir. Ziyaretçileri "yaklaşan web semineri" için "Kaydolmaya" teşvik eden bir CTA düğmesi bulunan bir İşe Al web semineri promosyonundan bu tıklama sonrası açılış sayfasına yönlendirildim. Tıklama sonrası açılış sayfası bir web seminerinden hiç bahsetmiyor, bunun yerine isteğe bağlı bir demoyu tanıtıyor. Google Hire, web semineri ve demosunu aynı şey olarak görürse, iki sayfa arasındaki mesaj eşleşmesini artırmak, ziyaretçilerdeki kafa karışıklığını büyük olasılıkla azaltacaktır.
• 14 form alanı , pazarlama hunisinin değerlendirme aşaması için bile çok fazla. Bunu çok adımlı bir forma bölmek, form sürtünmesini azaltabilir ve daha fazla dönüşümle sonuçlanabilir.
• Turkuaz CTA düğmesi , sayfadaki diğer mavi tonuna benzer. Turuncu gibi daha kontrastlı hale getirmek, onu daha fazla “pop” yapar.
• Sayfa dengesiz . Müşteri referansı veya ilgi çekici bir resim gibi, formun alt kısmının soluna ek bir tıklama sonrası açılış sayfası öğesi eklemek, sayfayı estetik açıdan daha hoş hale getirebilir.

5. Uber açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Sayfanın üst kısmındaki Uber logosu , ziyaretçilerin nerede olduklarını hemen bilmelerini sağlar. Çıkış bağlantısı görevi gören ana sayfaya bağlı olmaması da bir artı.
• 5 form alanı , özellikle çok kişisel bilgi istemedikleri için bir kayıt sayfası için uygundur.
• İsteğe bağlı promosyon kodu alanı akıllıdır, çünkü potansiyel müşteriler tıklamadıkça görünmez ve formu 5 alanla sınırlı tutar.
• Yeşil CTA düğmesi , sayfada başka yeşil olmadığı için öne çıkıyor.
• CTA düğmesindeki ok, ziyaretçilerin bu tıklama sonrası açılış sayfasının diğer tarafında ne olduğunu görmek için tıklamaları gerektiğini belirten bir yönlendirme işareti görevi görür.

A/B testi yapılması gerekenler:

• Sayfadaki neredeyse hiç kopya , ziyaretçilerin yetersiz bilgi sahibi ve belirsiz hissetmesine neden olabilir.
• Mevcut bir Uber binicisinden alıntılanmış bir referans gibi sosyal kanıtlar eklemek , ziyaretçilerde daha fazla güven uyandırabilir.
• CTA düğmesindeki "Kaydol" kopyası orijinal veya kişisel değildir. “Şimdi bir arabaya binin!” daha açıklayıcı ve heyecan verici.

6. IBM açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , farklı ve ilgi çekici, ziyaretçileri teklif hakkında daha fazla bilgi edinmek için sayfada devam etmeye zorluyor.
• Minimal kopya , beklentileri gereksiz bilgilerle boğmadan teknik incelemeye kısa bir genel bakış sağlar.
• Dil değiştirme seçeneğinin sağlanması teoride harika bir fikirdir. Ne yazık ki, ziyaretçiler başka bir dil seçtiğinde, bu tıklama sonrası açılış sayfasını doğrudan çevirmek yerine ana sayfaya yönlendirilirler.

A/B testi yapılması gerekenler:

• Üstbilgi ve altbilgi gezinmeleri , ziyaretçileri mevcut tekliften kolayca uzaklaştırabilir ve onları dönüştürmeden sayfadan uzaklaştırabilir.
• Sayfayı sol tarafa bir resim veya müşteri referansı ekleyerek dengelemek, onu görsel olarak daha çekici hale getirecektir.
• CTA düğmesi , tıklama sonrası açılış sayfası en iyi uygulamalarımıza göre iyileştirilebilir. Renk daha zıt ve dikkat çekici olabilir ve kopya daha müşteri ve fayda odaklı olabilir.

7. LendingClub açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , değer önerisini vurgulamak için kalın biçimlendirme kullanır.
• Formu renk kontrastıyla sarmak onu dikkat çekici kılar.
• Kırmızı CTA düğmeleri , sayfada kontrast oluşturur ve öne çıkar, bu da büyük olasılıkla dönüşümleri artırır.
• “LendingClub aracılığıyla yatırım” bölümü, sayfayı çok büyük miktarda kopyayla doldurmadan şirketle ortak olmanın temel faydalarını sağlar. Ayrıca, belirli yatırım yüzdeleri sosyal kanıt işlevi görür.
• Şirket logoları ayrıca sosyal kanıt işlevi görür ve ziyaretçilere birçok büyük markanın LendingClub'u tanıdığını ve güvendiğini bildirir.
• Birden fazla CTA düğmesi , potansiyel müşterilere teklifi dönüştürmeleri için birkaç şans sağlar.

A/B testi yapılması gerekenler:

• Birden çok çıkış bağlantısı - LendingClub logosu, "kullanım koşulları", "Daha fazla bilgi", küçük harflerle yazılmış birkaç kelime ve alt bilgi gezintisi - ziyaretçileri dönüşüm yapmadan sayfadan kaldırabilir.
• Önde gelen yakalama formuna bakmak için fotoğraftaki adamın gözlerinin yönünü değiştirmek, bilinçaltında daha fazla ziyaretçiyi formu tamamlamaya teşvik edebilir.
• CTA düğmesi kopyasını , "Şimdi yatırım yapmaya başlayın ve getiri elde edin!" gibi daha ilgi çekici ve çekici bir şeyle değiştirmek. daha fazla dönüşümle sonuçlanabilir.
• Sayfanın alt kısmındaki aşırı miktarda ince baskı korkutucu ve potansiyel müşterilerin şirketin gizli bir ajandası olup olmadığını merak etmesine neden olabilir.

8. İnterkom açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Mizah , özellikle "Günümüzdeki Botlar gerçekten sinir bozucu" bölümünde, ziyaretçilerle yakın, empatik, insani bir bağlantı kurmaya yardımcı olur.
• Minimum kopyaya sahip bölüm başlıkları , sayfayı gereksiz metinlerle doldurmadan, potansiyel müşterilere Operatörün ne içerdiğini (ve onlara nasıl fayda sağlayabileceğini) anlatır.
• Yeterli beyaz alan , sayfayı daha gezilebilir ve sindirilebilir hale getirir.

A/B testi yapılması gerekenler:

• Başlık kısmen gizlenmiş. Bunu örten metin kutuları, tüm başlığın görülebilmesi için hafifçe kaydırılabilir.
• Çoklu çıkış bağlantıları - sayfanın üst ve alt kısmındaki Intercom logosu, ilk formun altındaki giriş bağlantısı ve ikinci formun altındaki "Daha fazla bilgi" bağlantısı - ziyaretçilerin dikkatini dağıtabilir ve dönüştürmeden önce onları sayfadan kaldırabilir.
• Sayfadaki birçok öğe benzer şekilde biçimlendirildiğinden ve tıklanabilir göründüğünden, form ve CTA düğmesi sayfanın geri kalanıyla uyum içindedir.

9. Microsoft açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Fayda odaklı bir başlık, ziyaretçilerin Office 365 ile ekiplerinin mobil üretkenliğini artırabileceklerini bilmelerini sağlar ve onları e-kitapla daha fazlasını öğrenmeye teşvik eder.
• Ürün resmi , potansiyel müşterilere e-kitabı indirmeyi seçerlerse ne alacaklarını gösterir. Büyütmek ve daha gerçekçi hale getirmek, dönüşüm sonuçlarını daha da iyileştirebilir.
• Minimum kopyaya sahip madde işaretleri , potansiyel müşterilerin ilgili bilgiler için sayfayı taramasına olanak tanır.
• Kapsüllenmiş form göze çarpar ve bir ziyaretçinin dikkatini onu tamamlamaya yönlendirir.
• Yeşil CTA düğmesi dikkat çekici çünkü sayfanın geri kalanıyla iyi bir tezat oluşturuyor.

A/B testi yapılması gerekenler:

• Köprü bağlantılı Office logosu , teklifi görmeden ve dönüştürmeden ziyaretçileri sayfadan uzaklaştırabilir.
• Adamın imajı teklifle alakasız görünüyor. Bunu Office 365 kullanan veya e-kitabı okuyan bir kişiyle değiştirmek daha verimli olabilir.
• Sekiz zorunlu form alanı , yalnızca alıcının yolculuğunun değerlendirme aşamasında olan biri için korkutucu olabilir.
• CTA kopyası kesin veya çekici değil. "Bana e-Kitabı gönder!" gibi daha kişisel ve heyecan verici bir şeyle değiştirmek. muhtemelen daha fazla potansiyel müşteriyi tıklamaya teşvik eder.
• Sayfanın alt kısmındaki "Planları ve fiyatları görün" , ziyaretçilerin dikkatini ana tekliften uzaklaştırabilir ve dönüşüm gerçekleştirmelerini engelleyebilir.
• Müşteri referansı veya güven mühürleri gibi sosyal kanıtlar eklemek güvenilirliği artıracaktır.

10. Lyft Açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Alt başlık , sosyal kanıt olarak hizmet eder ve ziyaretçilerin diğerlerinin Lyft ile çalışırken harika ipuçları verdiğini bilmelerini sağlar.
• Bir telefon numarası isteyen yalnızca bir alan formunun doldurulması hızlı ve kolaydır, böylece pek çok olasılığı kapatmaz.
• Katılım kutusunu işaretlemeden bırakmak, adaylara seçimin tamamen kendilerine bağlı olduğunu hissettirir.
• “250$ bonus kazanın” birçok müşteri adayı için muhtemelen zorlayıcı bir teşviktir.
• "Şimdi Başvur" CTA düğmesi , formu hızlı bir şekilde tamamlamak için potansiyel müşterileri sayfanın en üstüne getiren bir bağlantı etiketidir.
• Hesap makinesi özelliği , ziyaretçilerin Lyft ile araba kullanmayı seçerlerse ne kadar para kazanabileceklerini belirlemelerine olanak tanır.
• "Neden Lyft" bölümü , Lyft için çalışmanın temel faydalarını iletmek için ikonografi ve minimal, basit kopya kullanır.
• “Lyft Sürüş Nasıl Çalışır” kaydırıcısı , Lyft'in mobil uygulamayı kullanarak nasıl çalıştığını açıklar.
• “Lyft Sigorta Koruması” ve “Yolcu Puanları” , Lyft için sürüş söz konusu olduğunda sürücülere güvence sağlar.

A/B testi yapılması gerekenler:

• Lyft logosu ve kopya boyunca birkaç köprülü kelime de dahil olmak üzere birçok çıkış bağlantısı , ziyaretçilerin dikkatini dağıtabilir ve onları dönüştürmeden sayfadan uzaklaştırabilir.
• Başlık Lyft ve Uber'dir , ancak sayfada iki hizmeti karşılaştıran başka bir şey yok.
• Beyaz yazı , adamın gömleğindeki beyaz logonun karşısında görünmüyor.
• Adamın bakışlarını potansiyel müşteri yakalama formuna yönlendirmek, daha fazla ziyaretçinin formu tamamlamasına neden olabilir.
• CTA düğmesi kopyası , “Sonraki”, olabildiğince sıkıcı. "Şimdi para kazanmaya başlayın!" gibi daha ilgi çekici bir şeyle değiştirmek. muhtemelen dönüşüm sonuçlarını iyileştirecektir.
• Pembe CTA düğmesi , sayfanın başka yerlerinde pembe kullanıldığı için olabildiğince güçlü bir şekilde göze çarpmıyor .

11. Sabit İletişim açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık ve alt başlık hem fayda odaklı hem de birbirini iyi destekliyor.
• Minimal kopya , ziyaretçilerin aşırı metinlere boğulmadan teklifi anlamalarını sağlar.
• Turuncu CTA düğmesi , sayfadaki diğer renklerle iyi bir kontrast oluşturduğu için öne çıkıyor.
• Bir sonraki sayfada yer alan müşteri adayı yakalama formuna sahip tıklamalı tasarım , ziyaretçilerin bir form tarafından dikkati dağılmadan veya gözünü korkutmadan teklifle ilgili tüm bilgileri edinmelerini sağlar.

A/B testi yapılması gerekenler:

• Köprü bağlantılı Constant Contact logosu , tüm teklifi görmeden ziyaretçileri hemen sayfadan uzaklaştırabilir.
• CTA düğmesinin çok fazla kopyası var, bu da onu küçük ve okunmasını zorlaştırıyor. "Risk yok. Kredi kartına gerek yok." düğmenin altına taşınabilir.
• Hiçbir gizlilik politikası , potansiyel müşterileri dönüştürmekte tereddüt edemez.
• Müşteri referansı gibi sosyal kanıtlar eklemek , adayların Constant Contact'a kaydolma kararlarında kendilerini daha güvende hissetmelerini sağlayarak dönüşüm oranlarını artıracaktır.

12. Salesforce açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Birincil ve ikincil başlıklar ilgi çekicidir çünkü bir sorunu kabul ederler ve bir çözüm sunarlar.
• Görüntü , ziyaretçilere Wave Analytics mobil uygulamasına bir bakış sağlar.
• Minimal, kesin kopya , sayfayı çok fazla metinle doldurmadan teklifi açıklar.
• Renk kontrastlı kapsüllenmiş form , öne çıkmasına yardımcı olur ve muhtemelen daha fazla olasılığı onu tamamlamaya teşvik eder.
• Biri ilk form alanını gösteren ve diğeri CTA düğmesinin üzerindeki oklar , yön işaretleri görevi görür.
• Güven rozetleri ve bir gizlilik politikası, potansiyel müşterilerin kişisel bilgilerinin güvende ve gizli kalacağından emin olmalarına yardımcı olur.

A/B testi yapılması gerekenler:

• Çıkış bağlantıları - Salesforce logosu, güven rozetleri, sosyal medya bağlantıları ve alt bilgi bağlantıları - ziyaretçilere bu sayfadan kolay bir kaçış sağlar.
• 8 form alanı , ziyaretçilerin formu doldurmasını engelleyebilir. Gereksiz istekleri kaldırmak veya çok adımlı bir forma değiştirmek, sürtünmeyi azaltacak ve daha fazla indirme üretecektir.
• Mavi CTA düğmesi mavi formla karışır. Daha zıt bir renkte (turuncu gibi) test etmek, muhtemelen daha fazla ziyaretçinin dikkatini çekecektir.
• CTA düğmesi kopyası , "Bana Wave Analytics demosunu göster!" gibi daha çekici bir şekilde geliştirilebilir.
• Salesforce müşteri referansı gibi sosyal kanıtlar eklemek , ziyaretçilerin güven değerini artıracak ve daha fazla demo görüntülemeyi teşvik edecektir.

13. Zoho açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , ücretsiz bir Zoho CRM planına kaydolmanın hemen iki avantajını sunar: daha iyi müşteri ilişkileri kurma ve sağlanan on ücretsiz kullanıcı.
• "Ücretsiz" sayfanın çeşitli yerlerinde - başlıkta, CTA düğmelerinde ve açıklayıcı metin boyunca birkaç kez kullanılır.
• Birden fazla kırmızı CTA düğmesi , sayfanın geri kalanıyla iyi bir kontrast oluşturarak onları öne çıkarır ve dikkat çeker. İlk düğme, potansiyel müşterileri sayfanın altındaki forma uygun şekilde götüren bir bağlantı etiketidir.
• Fare simgesi , ziyaretçilere daha fazla bilgi görmek için sayfayı aşağı kaydırmaları gerektiğini belirtir. Aynı zamanda bir bağlantı etiketidir, bu nedenle tıklarlarsa kaydırmaya gerek kalmadan hemen bir sonraki bölüme taşınırlar.
• Uzun özellikler listesi, Zoho CRM'nin sunduğu her şeyi aktarır.
• 2 adımlı katılım tasarımı , bu sayfada daha az sürtünme anlamına gelir, çünkü potansiyel müşteriler alttaki CTA düğmesini tıklayana kadar görünür bir form yoktur.
• Formun ana hatlarını sarıyla belirtmek, dikkatin forma çekilmesine yardımcı olur ve büyük olasılıkla dönüşüm oranlarını artırır.
• Yalnızca ad, e-posta ve parola gerektiren 3 alanlı form , sürtünmeyi azaltır.
• İşaretlenmemiş Zoho haber bülteni onay kutusu , yalnızca gerçekten ilgilenen anlamına gelir; yüksek potansiyelli beklentiler içeriği alacak.

A/B testi yapılması gerekenler:

• Çıkış bağlantıları – Zoho logosu, “Hizmet koşulları” ve sosyal medya bağlantıları – ziyaretçilerin dikkatini dağıtabilir ve dönüşüm şansı bulamadan onları sayfadan uzaklaştırabilir.
• El sıkışma resmi teklifle alakalıdır, ancak gülümseyen ve el sıkışan iki kişinin fotoğrafını kullanmak daha da verimli olabilir.
• “Kaydolun” formundaki CTA düğmesi kopyası geliştirilebilir. Hatta sayfanın üst kısmında bulunan CTA düğmesindeki kopyayı kopyalayacak şekilde değiştirilebilir: "Ücretsiz başlayın."

14. AWeber açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık, potansiyel müşterilere web seminerinin yalnızca 30 dakika olduğunu hemen bildirir.
• CTA düğmesi ön ve ortadadır , bu nedenle ziyaretçiler sayfaya iner inmez bunu hemen göreceklerdir. Ayrıca, kopya açıklayıcı ve heyecan verici, muhtemelen umutları tıklamaya teşvik ediyor.
• 2 adımlı katılım tasarımı , potansiyel müşteri yakalama formunu bu sayfadan kaldırır ve potansiyel müşteriler bunu yalnızca CTA düğmesini tıkladıklarında görürler. Bu, daha az sürtünme ve potansiyel olarak daha fazla dönüşüm anlamına gelir.
• Yalnızca etkinlik tarihi/saati, adı ve e-posta adresi sorulan yalnızca 3 form alanının doldurulması hızlı ve kolaydır.
• İtalik kopya, potansiyel müşterilere, planlanan etkinliklerden herhangi birine katılamasalar bile, kayıt almak için kayıt yaptırabileceklerini bilmelerini sağlar.
• Tom Tate'in vesikalık görüntüsü ve açıklaması güzel eklemelerdir çünkü potansiyel müşteriler kimin sunum yapacağını görebilir ve öğrenebilir. Bununla birlikte, görüntüyü büyütmek muhtemelen etkinliğini artıracaktır.
• Sayfanın altındaki gizlilik politikası bağlantısının , potansiyel müşterilerin kişisel bilgilerini teslim etme konusunda daha rahat hissetmelerini sağlaması muhtemeldir.

A/B testi yapılması gerekenler:

• Mavi CTA düğmesi , daha dikkat çekici olması için sayfanın başka hiçbir yerinde kullanılmayan bir renkte test edilmelidir.
• “İşte ele alacağımız şey” bölümüne uygulanan farklı biçimlendirme (listenin girintilenmesi, ikonografi veya okların dahil edilmesi, kalın yazı tipinin kullanılması vb.) onu daha fazla öne çıkaracak ve daha fazla insanı okumaya teşvik edecektir.
• Sayfanın alt kısmındaki iki ana sayfa bağlantısı , potansiyel olarak ziyaretçileri dönüştürmeden bu sayfadan uzaklaştırabilir.
• Bir müşteri referansı veya AWeber istatistikleri gibi sosyal kanıtları dahil etmek , muhtemelen potansiyel müşterilere ve dönüşüm oranlarına olan güveni artıracaktır.

15. Kare boşluk

Sayfanın iyi yaptığı şey:

• "Alanınızı talep edin" başlığı , bir aciliyet duygusu taşıdığı için etkilidir. Potansiyel müşteriler, istedikleri etki alanını başkaları yapmadan önce talep etmelidir.
• Alt başlıktaki "Daha fazla bilgi edinin" bağlantısı , insanları teklif hakkında daha fazla bilgi almak için sayfanın daha aşağılarına gönderen bir bağlantı etiketidir.
• Tüm sayfa boyunca basit, tek tip yazı tipi , ona genel bir profesyonel hava verir.
• Küçük kopya parçaları , içeriğin okunmasını ve sindirilmesini kolaylaştırır.
• Squarespace'i rakipleriyle karşılaştırmak, potansiyel müşterilere Squarespace'i başka biri yerine seçerek birçok yönden fayda sağlayabileceklerini bilmelerini sağlar.
• Sayfanın alt kısmındaki kadının bakışları doğrudan bölüm başlığına yöneliktir ve bu da ziyaretçilerin oraya bakmasını sağlayabilir.

A/B testi yapılması gerekenler:

• Üstbilgideki bağlantılar ve tüm altbilgi gezintisi , ziyaretçilerin herhangi bir işlem yapmadan sayfadan kolayca ayrılmasını sağlar.
• Etki alanı alanı , sayfanın geri kalanıyla karışır. Büyük olmasına rağmen, sayfadaki başka bir tasarım öğesi gibi görünür ve ziyaretçiler tarafından kolayca gözden kaçabilir.
• CTA düğmeleri , kırmızı veya sarı gibi daha zıt bir renk olsaydı sayfada daha fazla "açılır".

16. Mixpanel açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , kişiselleştirilmiş ve fayda odaklı olup, ziyaretçilere işlerini büyütmeye hazır olup olmadıklarını sorar.
• Resim , e-kitabı birden fazla cihazda görüntüleyebileceklerini göstermektedir.
• E -kitabın kısa açıklaması , ziyaretçilere sunulan e-kitabın kısa bir ilk genel bakışını sağlar.
• 4 alanlı formun doldurulması hızlı ve kolaydır, bu da ziyaretçilerin bunu yapma şansını artırır.
• CTA düğmesinin kopyası birinci şahıs kullanır, bu da potansiyel müşterilerin teklife bağlı hissetmelerine yardımcı olur.
• “E-Kitabınızın İçinde Neler Var” bölümü , yukarıda bahsedilen kısa açıklamayı, e-kitapta yapılan önemli noktaları ve ayrıca ürün liderlerinin bunları tartıştığı konuları ana hatlarıyla açıklar. Headshots dahil olmak da hoş bir dokunuş.
• Hiçbir çıkış bağlantısı , dönüştürme yapmadan sayfadan çıkmayı neredeyse imkansız kılmaz. Sayfadan ayrılmanın tek yolu tarayıcı sekmesindeki "X" işaretine tıklamak veya formu doldurmaktır.

A/B testi yapılması gerekenler:

• Form başlığı yanıltıcı. Gerçekte, e-kitabı kullanmak için başka üç form alanı gerektiğinde, gereken tek bilgi parçasının bir e-posta adresi olduğu anlamına gelir.
• Mavi CTA düğmesi , sayfanın renk düzeninin geri kalanıyla karıştığı için göze çarpmaz. Sayfanın başka hiçbir yerinde kullanılmayan bir renkte test etmek, daha iyi dönüşüm sonuçları sağlayabilir.
• Gizlilik politikası veya güvenlik rozetleri gibi kişisel bilgilerinin güvende olacağına dair insanlara güvence vermek için güven sinyalleri eklemek , olası satış üretimini artırabilir.

17. Infusionsoft açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Sosyal kanıt - sayfanın üst kısmındaki şirket rozetleri ve sayfanın altındaki müşteri referansları - beklentilere kesinlik ve güven duygusu aşılar.
• Başlık , bir ziyaretçinin sorununu kabul etme, onlarla empati kurma ve ardından bir çözüm sunma konusunda mükemmel bir iş çıkarıyor.
• Alt başlık, başlığı iyi bir şekilde destekler ve Infusionsoft ile çalışmanın bazı temel faydalarını sağlar.
• Kısa, 4 alanlı form yalnızca temel bilgileri ister, bu da potansiyel müşterilerin doldurması için zaman ayırmasını daha olası hale getirir.
• CTA düğmesi kopyası, potansiyel müşterilere formu doldurup düğmeyi tıklayarak tam olarak ne alacaklarını söyler .
• Infusionsoft'un sunduklarının listesi, potansiyel müşterilerin Infusionsoft ile çalışmayı seçerlerse elde edecekleri faydaları bilmelerini sağlar. İkonografi ve kalın yazı tipi bu bölüme dikkat çekmeye yardımcı olur.

A/B testi yapılması gerekenler:

• Telefon numarasına tıkla ve ara özelliği eklemek, ziyaretçilerin şirketle iletişim kurmasını hızlı ve kolay hale getirerek genel kullanıcı deneyimini iyileştirecek.
• CTA düğmesini büyütmek, daha fazla görüntüleme çekebilir ve muhtemelen daha fazla ziyaretçiyi tıklamaya teşvik edebilir.
• CTA düğmesi rengi , şirket logosunda ve düğmenin altındaki bölümde listelenen küçük simgeler için zaten yeşil kullanıldığından daha fazla dikkat çekmek için değiştirilebilir.
• Resim daha büyük ve daha kolay görülebilseydi, ziyaretçilere yazılımın bir ön izlemesini sağlamada daha verimli olurdu.
• Altbilgideki site haritası bağlantısı , bir çıkış bağlantısı görevi görür. Ziyaretçiler formu doldurmadan önce sayfanın en altına inerlerse dikkatleri dağılabilir ve dönüşüm yapmadan önce sayfadan ayrılabilirler.

18. GetResponse açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , ziyaretçilere bu teklifin tam olarak ne olduğunu söyler.
• Alt başlık, başlığı iyi bir şekilde destekler ve potansiyel müşterilere tekliften nasıl yararlanabileceklerini bildirir.
• Ok, doğrudan CTA düğmesine işaret eden bir yönlendirme işareti görevi görür ve ziyaretçilerin de dikkatlerini oraya yönlendirmesini sağlar.
• Hizmet şartları, istenmeyen posta önleme politikası ve gizlilik politikası , kişisel bilgilerin tesliminde güven oluşturmak için açıkça yerleştirilmiştir.
• Üç alan formu , giriş için düşük bir engel sağlar ve doldurulması için bir soyadı bile gerektirmez.
• CTA düğmesi rengi , sayfada başka hiçbir yerde kullanılmayan iyi bir kontrast renktir.

A/B testi yapılması gerekenler:

• Logo ana sayfaya bağlıdır ve teklifi öğrenmeden ve dönüştürmeden ziyaretçileri kolayca sayfadan uzaklaştırabilir.
• Çok fazla açıklayıcı kopya yok. GetResponse'nin ne olduğu ve başlıca faydalarının neler olduğu hakkında daha ayrıntılı bilgi almak, daha fazla dönüşüme yol açabilir.

19. Optimize edilmiş açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Madde işaretli kopya , ziyaretçilerin demo hakkında hızlı bir şekilde bilgi edinmek için sayfayı taramasını sağlar.
• Formu kapsüllemek, öne çıkmasına yardımcı olur ve muhtemelen daha fazla dönüşüm sağlar.
• Formdaki bilgisayar görüntüsü , demonun nasıl görüneceğine dair bir önizleme sağlar.
• 5 alanlı form , bir karar aşaması teklifi için uygundur.
• CTA düğmesi kopyası , potansiyel müşterileri demoya kaydolmaya ikna etmek için kıtlık ve aciliyet kullanır. “Koltuğumu kaydet”, sınırlı sayıda koltuk olduğu ve koltukların rezerve edilmesi gerektiği anlamına gelir.
• Şirket logoları , ziyaretçilerin Optimizely'nin dünyanın önde gelen bazı markaları tarafından güvenildiğini bilmelerini sağlamak için sosyal kanıt işlevi görür. Ayrıca, bu bölümdeki oklar yön işaretleri olarak hareket ederek görülecek daha fazla logo olduğunu ima eder.

A/B testi yapılması gerekenler:

• Potansiyel müşterileri sayfadan kaldırma ve dönüşüm oranlarını düşürme potansiyeline sahip oldukları için üstbilgi ve altbilgi gezinmesi kaldırılmalıdır.
• Mavi CTA düğmesi , sarı veya turuncu olduğu kadar göze çarpmıyor.
• Sayfanın alt kısmındaki sosyal paylaşım butonları aynı zamanda çıkış bağlantıları görevi görerek ziyaretçilerin dikkatini dağıtır ve onları bu sayfadan uzaklaştırır.

20. HubSpot açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Tıkla ve ara telefon numarası, kullanıcı deneyimini iyileştirir.
• Sayfa başlığı , teklifi hemen açıklar ve ziyaretçilerin kendilerine nasıl fayda sağlayacağını bilmelerini sağlar.
• Kısa paragraflar , madde işaretleri ve kalın yazı tipi bu sayfayı taramayı hızlı, kolay ve kullanışlı hale getirir.
• Formu kapsüllemek, sayfada daha fazla öne çıkmasına yardımcı olur ve muhtemelen daha fazla ziyaretçiyi formu doldurmaya teşvik eder.
• Form başlığı, potansiyel müşterilerin araç setinin ücretsiz indirilebileceğini bilmelerini sağlar. Bunu sayfa başlığına da eklemek etkinliğini artıracaktır.
• E-posta alanının yanındaki gizlilik politikası bağlantısı , potansiyel müşterilere sayfanın en altına gitmek yerine kolay erişim bağlantısı sağlar.
• Mavi CTA düğmesi dikkat çekici çünkü sayfada neredeyse hiç başka renk yok.

A/B testi yapılması gerekenler:

• Sol üstteki HubSpot logosu , ziyaretçileri sayfadan hemen uzaklaştırabilecek ana sayfaya bağlıdır.
• Başlığı doğrudan ana başlığın altında tekrarlamak gereksizdir ve sayfaya karışıklık katar.
• Sosyal paylaşım düğmeleri , ziyaretçileri sayfadan kaldırarak dönüşüm oranlarını da düşürebilir.
• 12 alanlı form çok uzun ve ziyaretçilerin gözünü korkutabilir. Bazı alanları ortadan kaldırmak veya çok adımlı bir form haline getirmek, daha fazla potansiyel müşteriyi onu tamamlamaya teşvik edebilir.
• CTA düğmesi kopyası belirsiz. "Araç takımını istiyorum!" Gibi bir şeye değiştirmek. daha fazla olasılığı heyecanlandırabilir ve cezbedebilir.
• Sayfa dengesiz . Araç setinin örnek bir resmini veya araç setini indiren birinden bir referans eklemek, sayfayı dengeleyecek ve muhtemelen dönüşümleri artıracaktır.

21. MailChimp açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlıktaki “ücretsiz” kelimesinin ziyaretçilerin ilgisini hemen çekmesi muhtemeldir.
• Destekleyici alt başlık , potansiyel müşterilere ücretsiz bir hesapla başlamaktan nasıl yararlanabileceklerini anlatır.
• 3 alanlı form kısadır ve çok kişisel bilgi istemez.
• Şifre alanı , ziyaretçilerin "göster" düğmesine tıklayarak girişlerini görmelerine izin vererek kullanıcı deneyimini geliştirir. Ayrıca, şifre gereksinimleri sayfanın altında açıkça listelenmiştir.
• Üstbilgi gezinmesi yok ve minimalist bir altbilgi , umutları sayfanın hedefine, yani ücretsiz bir hesaba kaydolmaya odaklanmasını sağlar.

A/B testi yapılması gerekenler:

• Müşteri referansı veya MailChimp kullanımıyla ilgili bir istatistik gibi sosyal kanıt eklemek , muhtemelen daha fazla kayıt oluşturacaktır.
• Şeffaf CTA düğmesi , olabildiğince göze çarpmıyor . Daha koyu ve daha zıt hale getirmek, daha fazla insanı tıklamaya teşvik eder.
• CTA düğmesi kopyası, "Ücretsiz hesabımı oluştur!" gibi daha kişiselleştirilmiş ve çekici bir dil içerecek şekilde iyileştirilebilir.

22. Shopify açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık ve alt başlık , koyu arka planla iyi bir tezat oluşturuyor ve sayfaya iner inmez dikkatleri üzerine çekiyor.
• Ekranın üst kısmındaki yalnızca bir form alanı , ziyaretçilerin işlem yapmasını kolaylaştırır.
• Şirket logoları ve müşteri referansları , Shopify'a güvenen başka büyük isimler ve memnun müşteriler olduğunu gösteren sosyal kanıt işlevi görür.
• Minimum kopya , ziyaretçilerin sayfada gezinmesini kolaylaştırır ve daha keyifli hale getirir ve madde işaretleri, Shopify'ın ana avantajlarına dikkat çekmeye yardımcı olur.
• Görüntü , potansiyel müşterilere gösterge panosunun gerçekçi bir önizlemesini verir.

A/B testi yapılması gerekenler:

• CTA düğmesi rengi , sayfada çok sık kullanılmayan bir renge değiştirilmelidir.
• Görüntüdeki insanların bakışlarını forma ve CTA düğmesine yönlendirilecek şekilde yönlendirmek, daha fazla ziyaretçiyi oraya bakmaya ve dönüştürmeye teşvik edecektir.
• Altbilgideki "Kurumsal e-ticaret" bağlantısı , bir çıkış bağlantısı görevi görür. Bu, sayfada yalnızca bir tanesidir, bu nedenle onu kaldırmak, dönüşüm oranlarını büyük olasılıkla artıracaktır.

23. Eloqua açılış sayfası örneği

Sayfanın iyi yaptığı şey:

• Başlık , teklifi açıklar ve alt başlık , potansiyel müşterilerin kılavuzdan neler bekleyebilecekleri hakkında ek bilgiler sağlayarak onu destekler.
• Madde işaretli kopya , ziyaretçilerin sayfayı taramasına ve kılavuzla ilgili önemli bilgileri çıkarmasına olanak tanır. Gri çerçeve de bu bölüme dikkat çekmeye yardımcı olur.
• Formun etrafındaki çerçeveli ve renk kontrastı , formun sayfada öne çıkmasını sağlar.
• The orange CTA button contrasts well with the rest of the page, making it “pop” and compelling prospects to click. Also, the arrow on it serves as a directional cue.

A/B testi yapılması gerekenler:

• The “Content unavailable” text across the top of the page makes it look unprofessional.
• Adding white space around the most important elements — like the headline, image, and form — would help them stand out more and make the page look less crowded.
• The image is too small to serve its purpose. Enlarging it and increasing the resolution would make it more effective.
• Multiple exit links in the footer give visitors an opportunity to leave the page without converting.

24. Basecamp landing page example

Sayfanın iyi yaptığı şey:

• The header serves as immediate social proof, telling visitors exactly how many people signed up for Basecamp just last week.
• The green arrow pointing to the form field acts as a visual cue.
• Only one form field surely won't deter people from completing it.
• The option to use a Google account makes it even more convenient and compelling to sign up.
• The CTA button copy is effective because it uses first-person and the word “free”.
• Customer testimonials above the fold likely make prospects feel more comfortable with Basecamp.
• The graph at the bottom of the page is a nice inclusion because it shows visitors how much Basecamp has grown over the years.

A/B testi yapılması gerekenler:

• The header navigation provides visitors with multiple ways off the page without seeing the entire offer.
• The CTA buttons don't stand out as much as they could because blue on the rest of the page. Testing them in orange or red might draw more attention.
• Additional exit links throughout the copy make it easy for prospects to leave the page without signing up.
• The copy is uninformative. It doesn't say much about Basecamp itself, but simply answers three questions about the trial period. Adding detailed information about how the app can benefit users might persuade more people to sign up.
• The image of the devices should be enlarged and the hyperlink should be removed. Including it is helpful because it demonstrates all the different ways Basecamp can be used, but currently, it's difficult to see and serves as another exit link.

25. Airbnb landing page example

Sayfanın iyi yaptığı şey:

• An enticing headline captures visitors attention and offers a cash incentive right from the start.
• The CTA button contrasts well with the background and is right in the center of the page.
• The headshot adds a personal connection to the friend who invited you to join the service.
• The linked terms provide trust value to anyone who might be hesitant to sign up.

A/B testi yapılması gerekenler:

• Header and footer navigation are distracting and provide visitors with an easy way off the page without converting.
• Adding customer testimonials to this post-click landing page would likely persuade more prospects to convert.

Can you beat the best post-click landing page examples?

There you have it — some of the world's leading companies with some of the internet's best post-click landing page examples.

Tıklama sonrası aşamayı göz ardı etmeyin, her müşteri adayına baştan sona kişiselleştirilmiş bir deneyim sunun. Sign up for an Instapage Demo today.