Doğru Bileşenlerle Profesyonel Bir Açılış Sayfası Nasıl Tasarlanır?

Cuma gecesi ve nihayet rahatlama ve ayaklarınızı kanepede uzatma şansınız var. Uzaktan kumandayı alırsın ve bir film bulmak için Netflix'te gezinmeye başlarsın.

Sonraki, sonraki, sonraki. Ah, buna ne demeli?!

Seni o filmden vazgeçiren neydi? Kapak resmi, değil mi? Ya da belki resimle eşleştirilmiş başlık mıydı? Elbette, açıklama (ve muhtemelen derecelendirme), onu izleyip izlememe konusunda nihai kararınızı teşvik edecektir, ancak filmin görüntüsü ve başlığı, muhtemelen açıklamayı okumaya zahmet edecek kadar sizi bağlayacak kadar bağladı.

Çünkü ilk izlenimler çok önemlidir.

Ve sadece Netflix söz konusu olduğunda değil, hatta insanlarla ilk kez tanışmak söz konusu olduğunda; ama aynı zamanda çevrimiçi arama davranışları söz konusu olduğunda. Aslında, web sitesi ilk izlenimleri saniyenin yalnızca 1/20'sinde değerlendirilebilir ve hızla formüle edilen ilk izlenimlerin %94'ü tasarımla ilgilidir.

Bu nedenle, profesyonelce tasarlanmış, görsel olarak çekici bir tıklama sonrası açılış sayfası, ziyaretçileriniz üzerinde harika bir ilk izlenim bırakma ve dönüşüm oranlarınızı önemli ölçüde artırma potansiyeline sahiptir.

Hiçbir tıklama sonrası açılış sayfasının %100 dönüşüm oranını garanti edemeyeceğini belirtmekte fayda var. Ancak, sayfanızı oluşturmak için profesyonel tıklama sonrası açılış sayfası şablonlarını kullanarak harika bir ilk izlenim bırakabilir, dönüşümler sağlayabilir ve nihayetinde satışları artırabilirsiniz.

Profesyonel bir tıklama sonrası açılış sayfası nedir?

Profesyonel bir tıklama sonrası açılış sayfası, ziyaretçilerini bir teklifi dönüştürmeye ikna etmek için ikna edici öğeler kullanan bağımsız bir web sayfasıdır. Teklifler, bir ürün satın almayı, bir e-kitap indirmeyi, bir haber bültenine kaydolmayı veya bir web seminerine kaydolmayı içerebilir.

"Profesyonel" kelimesinin özel bir çağrışımı ve bu konuda "iyi bir hava" hissi vardır. Bunu, özellikle tıklama sonrası açılış sayfaları söz konusu olduğunda, gördüğünüzde anlarsınız.

Mükemmel şekilde optimize edilmiş bir tıklama sonrası açılış sayfasının temel öğelerine girmeden önce, bu tıklama sonrası açılış sayfasına hızlıca göz atın:

Size profesyonel görünüyor mu? Harika bir ilk izlenim gösteriyor ve hayatta kalma kılavuzunu indirme isteği uyandırıyor mu?

İlk izlenimim, "Bu mu?" Ziyaretçilerin kılavuzun neleri içerdiğini veya bundan nasıl yararlanabileceklerini bilmelerini sağlayacak neredeyse sıfır bilgi var.

Peki ya bu?

Bu, daha fazla tıklama sonrası açılış sayfası öğesi içerir - bir başlık, madde işaretli kopya, olası satış yakalama formu ve bir müşteri referansı. Ancak her şey, beyaz boşluk olmadan birbirine sıkıştırıldığından ve birden çok altbilgi bağlantısı içerdiğinden, yine de profesyonel bir hava vermiyor, değil mi?

Buna karşılık, bu AppFolio tıklama sonrası açılış sayfası çok daha iyi bir izlenim veriyor:

Fayda odaklı bir başlık, minimum kopya ile madde işaretleri, optimize edilmiş bir form, yeterli boşluk ve bir dizi güven sinyali içerdiğine dikkat edin. Profesyonel bir tıklama sonrası açılış sayfası böyle görünür.

Tıklama sonrası açılış sayfası dönüştürme süreci, sayfaya trafik oluşturmakla başlar. Ancak, ziyaretçinizin dikkatini çektiğinizde ve tıklama sonrası açılış sayfanızı daha ayrıntılı olarak keşfettiklerinde, dönüşüm sağlamalarını nasıl sağlarsınız?

Her şey kafalarının içine girmek, acı noktalarını bilmek ve onları ürün veya hizmetinizin sorunlarına en iyi çözüm olduğuna ikna etmektir. Bunu başarmak için, profesyonel bir tıklama sonrası açılış sayfasını oluşturan birkaç temel bileşen vardır.

Profesyonel bir tıklama sonrası açılış sayfasının öğeleri

Etkileyici başlık

Tıpkı o Netflix filminin başlığının ilginizi çekmesi ve daha fazlasını öğrenmek istemenize neden olması gibi, tıklama sonrası açılış sayfanızın başlığı da ziyaretçileriniz için aynı şeyi yapmalıdır. Hemen dikkatlerini çekmeli ve onları sayfanıza daha fazla göz atmaya ikna etmelidir.

Öyleyse, harika bir ilk izlenim bırakacağı kesin olan etkili bir başlığı nasıl yaratırsınız?

Tıklama sonrası açılış sayfanız neyi tanıtıyor olursa olsun, başlığın:

• Reklamınızla ilgilidir. Ne tür bir reklam potansiyel müşterileri sayfanıza getirirse getirsin, hem reklam hem de başlık mesaj eşleşmesini kullanmalıdır.
• Netlik sağlar. Belirsizliğe yer bırakmadan doğrudan konuya gelin.
• Teklifinizin avantajlarını gösterir. Başlık her zaman fayda odaklı olmalı, teklifinizin UVP'sini vurgulamalı ve potansiyel müşterilere dönüşüm yaparak ne elde edeceklerini bildirmelidir.
• Empati gösterir. Çoğu insan duygusal karar vericiler olduğundan, içlerinde bir tür duygu uyandırmak ve sorunlarıyla en başından empati kurmak, onları sayfanızda gezinmeye devam etmeye teşvik edecektir.
• Ziyaretçilerin dikkatini çeker. Başlığınızın yukarıda belirtilen her şeyi gerçekleştirmesini sağlamak için sayfadaki en büyük, en dikkat çekici metin olmalıdır.

İşte, yukarıdakilerin her birini gerçekleştiren The Joint Chiropractic'ten bir örnek:

Sayfanın ana noktası (ve UVP) başlıktan açıktır - sırt ağrısını hafifletmek için kendinizi ayarlayın. Bu, sırt ağrısı ile mücadele eden kişiler için empati sağlar ve sorunlarına bir çözüm sunar. Ayrıca, sayfadaki en büyük metin olduğundan ve beyaz, mavi arka planla iyi bir tezat oluşturduğundan, başlığı gözden kaçırmazsınız.

İşte bu kez Therasoft'tan optimize edilmiş başka bir başlık örneği:

Yine, başlık büyüktür ve bu da hemen fark edilmesini sağlar. Ayrıca Therasoft yazılımını satın almanın faydalarını sağlayan açık ve anlaşılırdır (daha az zaman ve çaba harcanarak planlama, belgeleme ve faturalandırma konusunda yardım).

Okunabilir kopya

İnsanlar sayfanızda okumak için bulunmuyor, bu nedenle tıklama sonrası açılış sayfası kopyanızla doğrudan konuya gelin. Onları büyük metin bloklarıyla boğmayın. Teklifinizin avantajlarını mümkün olduğunca az kelimeyle anlatın, böylece teklifinizin değerini hızlı ve kolay bir şekilde belirleyebilsinler.

Tipik olarak, tıklama sonrası açılış sayfası kopyanız şöyle olmalıdır:

• Gözden geçirilebilir. Önemli bilgileri listeler, alt başlıklar, madde işaretleri, kalın yazı tipi ve kısa paragraflarla vurgulayın, böylece ziyaretçiler aradıklarını aramak veya bulmak için uğraşmak zorunda kalmadan kolayca bulabilirler.
• Fayda odaklı. Her ürün özelliğini listelemek yerine, bu özelliklerin faydalarını sağlayın. Müşteri adayları en çok ürünün veya hizmetin sorunlarını çözmelerine nasıl yardımcı olacağıyla ilgilenir.
• Müşteri odaklı. Ziyaretçileriniz göz gezdirirken, sanki doğrudan onlarla konuşuyormuşsunuz gibi hissetmeliler. Onlara problemlerini çözmeye odaklandığınızı göstermek için "siz" ve "sizin" gibi kelimeler kullanın.
• Basit. Metniniz basit olmalı, ziyaretçilerinizin anlayacağı bir şekilde ve sadece sektördekilerin anlayacağı bir jargon olmadan yazılmalıdır.
• okunaklı. Yazı tipiniz ziyaretçiler tarafından kolayca okunabilir olmalıdır. Çok küçük veya dekoratif yazı tiplerinden uzak durun, çünkü bu onların deşifre etmesini zorlaştırabilir veya onu anlamaya çalışmaktan bile caydırabilir.

Bu LegalZoom tıklama sonrası açılış sayfası, başlıkta, gövde metninde ve CTA düğmesinde birinci şahıs kullandıklarından, müşteri merkezli kopya kullanmanın harika bir örneğidir:

Ziyaretçilerin aradıklarını bulmak için sayfayı hızlı bir şekilde gözden geçirebilmeleri için minimum kopya olduğuna ve LegalZoom'un avantajlarının madde işareti onay işaretleriyle vurgulandığına dikkat edin. Yazı tipi okunaklı ve kopya basit, bu nedenle potansiyel müşteriler mesajı okumakta ve anlamakta sorun yaşamamalıdır.

ilgi çekici medya

Medya neredeyse her zaman metinden daha ilgi çekici ve anlaşılması daha hızlıdır. Bu nedenle, şüpheye düştüğünüzde, metin yerine medyayı tercih edin.

Örneğin, bir kahraman çekimi, ziyaretçinizin, ürününüz veya hizmetiniz sorunlarını çözerse nasıl olacağını tasavvur etmesine yardımcı olabilir. Öte yandan, bir ürün çekimi, bir gif ve hatta bir açıklayıcı video, yeni veya karmaşık bir ürünün nasıl çalıştığını göstermeye yardımcı olabilir.

Therasoft tıklama sonrası açılış sayfasına tekrar dönelim. Şirket, çeşitli ürün özelliklerini göstermeye yardımcı olmak için sayfada birkaç ürün fotoğrafı kullanır:

Bir video referansı, sosyal kanıtınıza artan bir katılım düzeyi ekleyen ve izleyiciye daha gerçek görünmesini sağlayan başka bir medya biçimidir.

Bryan Üniversitesi, tıklama sonrası açılış sayfalarında video referansları kullanıyor. Ayrıca, potansiyel müşterilere misyonlarına genel bir bakış, kampüslerinin bir önizlemesini sağlamak ve öğrencilere sundukları bazı önemli avantajları vurgulamak için bir tanıtım videosu eklediler:

Optimize edilmiş form

Potansiyel müşteri yakalama formları, ziyaretçi bilgilerini almak için biletinizdir. Mükemmel şekilde optimize edilmiş bir form oluşturmak için bazı temel kurallar şunlardır:

• Sürtünmesiz olduğundan emin olun. Potansiyel müşterilerden yalnızca temel bilgileri isteyin, böylece onları formu doldurmaktan korkutmayın ve caydırmayın. Potansiyel müşterilerden ne kadar az şey isterseniz, dönüşüm sağlama olasılıkları o kadar artar. Form alanlarının miktarının, genellikle kişinin pazarlama hunisinde nerede olduğuna bağlı olduğunu unutmayın; huninin aşağısında, daha fazla bilgi talep edebilirsiniz ve bunun tersi de geçerlidir.
• adım adım bilgi isteyin. Teklifiniz çok fazla bilgi gerektiriyorsa, mümkün olduğunca bölün. Beklentilerin, uzun ve göz korkutucu bir form yerine birkaç küçük formu doldurma olasılığı daha yüksektir.
• İki adımlı bir katılım seçeneğini düşünün. İki adımlı katılım formları, formu kaldırarak ve yalnızca bir CTA düğmesi ekleyerek sayfanın basitleştirilmesine yardımcı olur. Ziyaretçiler CTA düğmesini tıkladığında, form bir açılır kutuda açılır. Bunu yapmak, göz korkutucu bir form olasılığını ortadan kaldırmaya yardımcı olur ve yalnızca en ilgili adaylar onu tamamlar.
• Tamamlamayı kolaylaştırın. Alanları mantıksal bir sırayla düzenlemenin yanı sıra, onları önceden doldurmak da etkili bir taktiktir. Potansiyel müşteriler geçmişte başka bir kaynak talep ederek bilgilerinin bir kısmını zaten sağladıysa, alanları kendi bilgileriyle otomatik doldurarak bu teklifte dönüşümü mümkün olduğunca kolaylaştırın.
• Stratejik olarak sayfaya yerleştirin. Bu mutlaka ekranın üst kısmı anlamına gelmez. Formunuzu nereye yerleştireceğiniz teklifinize bağlı olmalıdır. Genel bir kural olarak, teklifiniz pahalıysa, karmaşıksa veya yüksek düzeyde bağlılık gerektiriyorsa, ekranın altı daha iyidir, çünkü bu, potansiyel müşterilere onu tanımaları için daha fazla zaman verir.

Bu Buildium tıklama sonrası açılış sayfasındaki potansiyel müşteri yakalama formu, potansiyel müşterilerle birlikte hareket eder, böylece onu asla gözden kaçırmazlar ve dönüştürmeye hazır olduklarında daha az çaba gerekir:

Dikkat çekici CTA

Her şey bundan ibaret. Potansiyel müşterilerinizi teklifinizden yararlanmaları gerektiğine ikna etmenin son adımıdır, bu nedenle sayfadaki diğer her şey arasında göze çarpmalıdır.

Sayfanız için mümkün olan en iyi CTA düğmesini oluşturmak için şu temel bileşenleri göz önünde bulundurun:

• Konum. Tıpkı formunuz gibi, CTA düğmenizi zamanından önce sunmak, dönüşümleri azaltabilir. Yalnızca teklifinizi sunup açıkladıktan sonra sunulmalıdır. Sayfanızı F-Desenini veya Z-Desenini takip edecek şekilde tasarlamak, düğmenin etrafındaki beyaz alanın kullanımı gibi CTA düğmenizi vurgulamanıza yardımcı olabilir.
• Boy. CTA düğmeniz, aramalarına gerek kalmadan ziyaretçinizin dikkatini çekecek ve dikkat çekecek kadar büyük olmalıdır. Çok küçük yapmak, tamamen gözden kaçırmalarına neden olabilir.
• Renk. CTA düğmenizin maksimum dikkat çekmesini sağlamanın bir başka yolu da, onu sayfanın geri kalanıyla kontrast oluşturacak bir renkte tasarlamaktır. Renk çarkı, CTA düğmenizi sayfanızda "pop" yapacak bir ton, renk tonu, gölge ve ton seçmenize yardımcı olabilir.
• Kopyala. Pazarlamacılar sıklıkla "Gönder", "İndir", "Kaydol" veya "Abone Ol" gibi metinler yazarlar. Bu kelimeler sadece aşırı kullanılmaz, aynı zamanda sıkıcı ve belirsizdir. İnsanları teklifinize dönmeye ikna etmek için, kopyanızın ikna edici ve çekici olması gerekir; yani açıklayıcı, kişiselleştirilmiş ve birinci şahıs ağzından yazılmış olması gerekir.

Lauren Clark Law'un CTA düğmesini nasıl optimize ettiğine bakın:

Düğme ekranın alt kısmındadır, ziyaretçilerin görebileceği kadar büyüktür, mavi ve beyazla kontrast oluşturur ve ziyaretçileri tıklamaya ikna etmek için kişiselleştirilmiş kopya ("benim") ve cazip ("ücretsiz") kullanır.

güven göstergeleri

Müşteri adaylarının teklifinizden dönmeden önce markanıza güvenebilmeleri gerekir, bu nedenle güven göstergelerini dahil etmek çok önemlidir. Güven göstergeleri çeşitli şekillerde gelir, işte en yaygın olanlardan bazıları:

• İstatistiksel kanıt. Ürününüzün veya hizmetinizin potansiyel müşterilerin sorununu çözebileceğini destekleyecek herhangi bir numaranız varsa, bunları başlıkta, alt başlıkta veya metinde gösterin.
• Müşteri referansları. Mevcut veya eski müşterilerden olumlu deneyimler paylaşmak, en güçlü güven göstergelerinden biridir. Müşteri referanslarını görüntülerken, mümkün olduğunca çok bilgi (tam ad, unvan, işletme ve vesikalık) sağladığınızdan emin olun çünkü bu, güvenilirliği en üst düzeye çıkarır.
• Otorite rozetleri. Buna müşteri logoları, diğer web sitelerinden alınan ödüller ve daha fazlası dahildir. Örneğin, tanınabilir, güvenilir şirketlerin logolarını göstermek, potansiyel müşterilerin "Vay canına, diğer tüm tanınmış şirketlere yardımcı oldular!" Ben de onlarla iş yapmalıyım!”
• Gizlilik Politikası. Bir gizlilik politikası bağlantısı, potansiyel müşterilere bilgilerinin nasıl/nasıl paylaşılacağını bilmelerini sağladığından, tıklama sonrası açılış sayfasında kabul edilebilir olan çok az sayıdaki çıkış bağlantılarından biridir. Bu bağlantı için en yaygın konumlar müşteri adayı yakalama formunun altındadır veya alt bilgidir.
• Üçüncü taraf mühürler. Paypal, Verisign ve McAfee gibi üçüncü taraf mühürler de potansiyel müşterilerinizin bilgilerinin güvende tutulacağını ve tehlikeye atılmayacağını bilmelerini sağlar.

SpareHire, tekliflerine daha fazla güven katmak için müşteri referanslarını ve şirket rozetlerini kullanır:

Yine de dikkat edin, biraz iyileştirme gerekebilir. Referanslarda çok fazla ayrıntı yok - isimler, iş bilgileri ve vesikalıkların hepsi eksik. Ayrıca 5 yerine yalnızca 4,5 yıldız alan bir incelemeye de yer verdiler. Bu, potansiyel müşterilerin yarım yıldızı kaybetmek için ne yaptıklarını merak etmelerine neden olabilir.

Financial Engines, güven göstergeleriyle çok daha iyi bir iş çıkarıyor:

Buradaki en önemli fark, Financial Engines'in referanslarına tam bir ad, iş unvanı ve vesikalık eklemesidir, bu da güvenilirliği önemli ölçüde artırır. Ayrıca bazı tanınmış şirket logoları ve 2016'da InvestmentNews'ten bir ödül rozeti de dahil olmak üzere çeşitli yetki rozetleri sergilediler.

Profesyonel tıklama sonrası açılış sayfanızı bugün oluşturun

Profesyonel olmayan bir tıklama sonrası açılış sayfası ile profesyonel bir tıklama sonrası açılış sayfası arasındaki fark, dönüşüm şansınızı artırabilir veya azaltabilir. Profesyonel olmayan bir tıklama sonrası açılış sayfasına razı olun ve ömür boyu müşteri fırsatını kaçırmayın.

En iyi ilk izleniminizi yaratmak ve daha fazla dönüşüm elde etmek için bu makaledeki planı kullanın ve diğer örneklerden öğrenin.

Kendi profesyonel tıklama sonrası açılış sayfalarınızı oluşturmaya başlayın, bugün bir Instapage Enterprise demosuna kaydolun.