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

Cuma gecesi ve sonunda rahatlama ve ayaklarınızı kanepeye koyma şansınız var. Uzaktan kumandayı alıp bir film bulmak için Netflix'te gezinmeye başlıyorsunuz.

Sonraki, sonraki, sonraki. Peki ya bu?!

Seni o filmde durduran ne oldu? Kapak resmi, değil mi? Ya da belki resimle eşleştirilmiş başlıktı? Elbette, açıklama (ve muhtemelen derecelendirme) onu izleyip izlememe konusundaki nihai kararınızı teşvik edecektir, ancak filmin resmi ve başlığı, açıklamayı okumaya zahmet edecek kadar bağımlı olmanızı sağlayan şeydir.

Çünkü ilk izlenimler çok önemlidir.

Ve sadece Netflix söz konusu olduğunda, hatta insanlarla ilk kez tanıştığınızda değil; ama aynı zamanda çevrimiçi arama davranışları söz konusu olduğunda. Aslında, web sitesi ilk izlenimleri saniyenin sadece 1/20'sinde değerlendirilebilir ve bu hızlı formüle edilen ilk izlenimler %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 oluşturabilir 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 unsurlar kullanan bağımsız bir web sayfasıdır. Teklifler, bir ürün satın almayı, bir e-kitap indirmeyi, bir bültene 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 gördüğünüzde, özellikle de tıklama sonrası açılış sayfaları söz konusu olduğunda anlarsınız.

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

Size profesyonel görünüyor mu? Harika bir ilk izlenim mi sergiliyor ve hayatta kalma rehberini indirmenizi sağlıyor mu?

İlk izlenimim "Bu mu?" oldu. Ziyaretçilerin kılavuzun ne 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 - başlık, madde işaretli kopya, potansiyel müşteri yakalama formu ve müşteri referansı. Ancak her şey boşluk olmadan tıkılıp kaldığından ve birden fazla 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 bırakıyor:

Fayda odaklı bir başlık, minimum kopya içeren madde işaretleri, optimize edilmiş bir form, yeterli beyaz alan ve bir dizi güven sinyali nasıl 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üşüm sürecinin tümü, sayfaya trafik oluşturmakla başlar. Ancak, ziyaretçinizin dikkatini çektikten ve tıklama sonrası açılış sayfanızı daha ayrıntılı keşfettikten sonra, onları nasıl dönüştürebilirsiniz?

Her şey onların kafasının içine girmek, acı noktalarını bilmek ve onları ürün veya hizmetinizin sorunlarına en iyi çözüm olduğuna ikna etmekle ilgili. 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 unsurları

Etkileyici başlık

Netflix filminin başlığının ilginizi çekmesi ve daha fazlasını öğrenmek istemeniz 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 sayfanıza daha fazla göz atmalarını sağlamalıdır.

Peki, harika bir ilk izlenim bırakacağından emin olan etkili bir başlık nasıl oluşturulur?

Tıklama sonrası açılış sayfanızın tanıtımını yaptığı şey ne olursa olsun, başlığın aşağıdaki gibi olması çok önemlidir:

• Reklamınızla ilgilidir. Ne tür bir reklam, potansiyel müşterileri sayfanıza getirirse getirsin, reklam ve başlık hem mesaj eşleşmesi kullanmalıdır.
• Netlik sağlar. Belirsizliğe yer bırakmadan doğrudan konuya girin.
• Teklifinizin avantajlarını gösterir. Başlık her zaman fayda odaklı olmalı, teklifinizin UVP'sini vurgulamalı ve potansiyel müşterilerin dönüşüm yaparak ne elde edeceklerini bilmelerini sağlamalıdır.
• Empati gösterir. Çoğu insan duygusal karar vericiler olduğundan, içlerinde bir tür duygu uyandırmak ve sorunlarıyla en baştan 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 yerine getirdiğinden emin olmak için, sayfadaki en büyük, en dikkat çekici metin olmalıdır.

İşte yukarıdakilerin her birini gerçekleştiren Ortak Kayropraktik'ten bir örnek:

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

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

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

Okunabilir kopya

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

Tipik olarak, tıklama sonrası açılış sayfası kopyanız:

• Kaydırılabilir. Listeler, alt başlıklar, madde işaretleri, kalın yazı tipi ve kısa paragraflarla önemli bilgileri vurgulayın, böylece ziyaretçiler aradıklarını aramak zorunda kalmadan veya bulmak için zorlanmadan kolayca bulabilirler.
• Fayda odaklı. Her ürün özelliğini listelemek yerine, bu özelliklerin faydalarını sağlayın. Beklentiler en çok, ürün veya hizmetin sorunlarını çözmelerine nasıl yardımcı olacağıyla ilgilenir.
• Müşteri odaklı. Ziyaretçileriniz göz gezdirirken, doğrudan onlarla konuşuyormuşsunuz gibi hissetmeliler. Gibi ifadeler kullanın “siz” ve “sizin” kendi problem çözme odaklandıysanız olduğunu onlara göstermek için.
• Basit. Metniniz basit olmalı, ziyaretçilerinizin anlayacağı şekilde yazılmalı, yalnızca sektördeki kişilerin anlayabileceği bir jargon kullanılmamalıdır.
• Okunabilir. Yazı tipiniz ziyaretçiler tarafından kolayca okunabilmelidir. Çok küçük veya dekoratif yazı tiplerinden uzak durun, çünkü bu onların şifresini çözmelerini zorlaştırabilir veya onları 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 kullanıldığı için müşteri merkezli kopya kullanımına harika bir örnektir:

Minimum kopya olduğuna ve ziyaretçilerin aradıklarını bulmak için sayfayı hızlıca gözden geçirebilmeleri için LegalZoom'un avantajlarının madde işaretli onay işaretleriyle vurgulandığına dikkat edin. Yazı tipi okunaklı ve kopyası basittir, bu nedenle potansiyel müşterilerin mesajı okuma ve anlamada sorun yaşamaması gerekir.

İlgi çekici medya

Neredeyse her zaman, medya 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 fotoğrafı, ziyaretçinizin ürününüz veya hizmetiniz sorunlarını çözerse nasıl olacağını hayal etmesine yardımcı olabilir. Öte yandan, bir ürün resmi, 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.

Tekrar Therasoft tıklama sonrası açılış sayfasına geri dönelim. Şirket, çeşitli ürün özelliklerini göstermeye yardımcı olmak için sayfa boyunca çeşitli ürün resimleri 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 University, tıklama sonrası açılış sayfalarında video referansları kullanır. Ayrıca, potansiyel müşterilere misyonlarına genel bir bakış, kampüslerinin bir önizlemesini sunmak 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üşterilerinizden yalnızca önemli bilgileri isteyin, böylece onları formu doldurmaktan caydırmayın ve korkutmayın. Potansiyel müşterilerden ne kadar az şey talep ederseniz, onların dönüşme olasılığı o kadar artar. Form alanlarının miktarının genellikle kişinin pazarlama dönüşüm hunisinin neresinde olduğuna bağlı olduğunu unutmayın; dönüşüm hunisinin aşağısında ne kadar aşağıdaysa o kadar fazla bilgi talep edebilirsiniz ve bunun tersi de geçerlidir.
• Adımlar halinde bilgi isteyin. Teklifiniz çok fazla bilgi gerektiriyorsa, mümkün olduğunca bölün. Beklentilerin uzun, göz korkutucu bir formdan ziyade birkaç küçük form doldurması daha olasıdır.
• İki adımlı bir kabul düşünün. İki adımlı katılım formları, formu kaldırarak ve yalnızca bir CTA düğmesi ekleyerek sayfayı basitleştirmeye 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 beklentiler onu tamamlayacaktır.
• Tamamlanmasını kolaylaştırın. Alanları mantıklı bir sıraya göre düzenlemenin yanı sıra, onları önceden doldurmak da başka bir etkili taktiktir. Potansiyel müşteriler, geçmişte başka bir kaynak talep ederek bilgilerinin bir kısmını zaten sağlamışsa, alanları bilgileriyle otomatik olarak doldurarak bu teklifi dönüştürmeyi mümkün olduğunca kolaylaştırın.
• Sayfaya stratejik olarak yerleştirin. Bu, mutlaka üst kat anlamına gelmez. Formunuzu nereye yerleştireceğiniz, teklifinize bağlı olmalıdır. Genel bir kural olarak, teklifiniz pahalı, karmaşık veya yüksek taahhüt gerektiriyorsa ekranın alt kısmı 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, kaydırma yaparken potansiyel müşterilerle birlikte hareket eder, böylece asla gözden kaçırmazlar ve dönüştürmeye hazır olduklarında daha az çaba harcamaları gerekir:

Dikkat çekici CTA

İşte her şey bundan ibaret. Bu, potansiyel müşterilerinizi teklifinizi kullanmaları gerektiğine ikna etmenin son adımıdır, bu nedenle sayfadaki diğer her şey arasında öne çıkması gerekir.

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

• Konum. Tıpkı formunuz gibi, CTA düğmenizi zamanından önce sunmak da dönüşümleri azaltabilir. Sadece teklifinizi tanıttıktan ve açıkladıktan sonra sunulmalıdır. Sayfanızı F-Desenini veya Z-Desenini takip edecek şekilde tasarlamak, CTA düğmenizi vurgulamanıza yardımcı olabilir, tıpkı düğmenin etrafındaki beyaz boşlukların kullanılması gibi.
• Boy. CTA düğmeniz, arama yapmak zorunda kalmadan ziyaretçinizin dikkatini çekecek ve dikkat çekecek kadar büyük olmalıdır. Çok küçük yapmak, onu tamamen kaçırmalarına neden olabilir.
• Renk. CTA düğmenizin maksimum dikkat çekmesini sağlamanın bir başka yolu, onu sayfanın geri kalanıyla kontrast oluşturan bir renkte tasarlamaktır. Renk tekerleği, CTA düğmenizi sayfanızda "açacak" bir ton, renk tonu, gölge ve ton seçmenize yardımcı olabilir.
• Kopyala. Pazarlamacılar sıklıkla “Gönder”, “İndir”, “Kaydolun” veya “Abone Ol” gibi metinler yazarlar. Bu kelimeler sadece aşırı kullanılmış değil, aynı zamanda sıkıcı ve belirsizdir. İnsanları teklifinizi değiştirmeye ikna etmek için, kopyanız ikna edici ve çekici olmalıdır - yani açıklayıcı, kişiselleştirilmiş ve birinci şahıstan yazılmış olmalıdır.

Lauren Clark Law'ın CTA düğmesini nasıl optimize ettiğini görün:

Düğme ekranın altında yer alı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 baştan çıkarıcı (“ücretsiz”) kullanır.

Güven göstergeleri

Potansiyel müşterilerin teklifinizi dönüştürmeden ö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 kopyada gösterin.
• Müşteri referansları. Mevcut veya eski müşterilerden gelen olumlu deneyimleri paylaşmak, en güçlü güven göstergelerinden biridir. Müşteri referanslarını görüntülerken mümkün olduğunca fazla bilgi sağladığınızdan emin olun (tam ad, unvan, işletme ve vesikalık) çünkü bu en fazla güvenilirliği sağlar.
• 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üşterileri şöyle düşündürür: “Vay canına, diğer tüm bu tanınmış şirketlere yardımcı oldular! Onlarla da iş yapmalıyım!”
• Gizlilik Politikası. Gizlilik politikası bağlantısı, tıklama sonrası açılış sayfasında kabul edilen çok az çıkış bağlantısından biridir, çünkü potansiyel müşterilere bilgilerinin nasıl/paylaşılıp paylaşılmayacağını bilmelerini sağlar. Bu bağlantı için en yaygın konumlar, potansiyel müşteri yakalama formunun altında veya alt bilgidedir.
• Üçüncü taraf mühürler. Paypal, Verisign ve McAfee gibi üçüncü taraf mühürler de potansiyel müşterilerinize bilgilerinin güvende tutulacağını ve tehlikeye atılmayacağını bildirir.

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

Dikkat edin, yine de, bazı iyileştirmeler kullanabilir. Referanslarda çok fazla ayrıntı yok - isimler, işletme bilgileri ve vesikalık fotoğrafların tümü eksik. Ayrıca, 5 yerine sadece 4,5 yıldız alan bir inceleme de eklediler.

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

Buradaki temel fark, Financial Engines'in referanslarına tam bir ad, iş unvanı ve vesikalık bir görüntü eklemesi ve bu da güvenilirliği önemli ölçüde artırmasıdı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 yerleşin ve ömür boyu bir müşteriyi kaçırmayın.

Bu makaledeki planı kullanın ve en iyi ilk izleniminizi yaratmak ve daha fazla dönüşüm elde etmek için 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.