Dönüşüm Oranlarınızı ve Satışlarınızı Artırmak için 9 Açılış Sayfası Fikri

"Taklit, iltifatın en içten şeklidir."

Bu ünlü atasözü pek çok şey için geçerlidir ve tıklama sonrası açılış sayfaları da farklı değildir.

Mümkün olan en dönüşüme hazır sayfanızı oluşturmak için ilham almak için diğer şirketlerin tıklama sonrası açılış sayfası örneklerini incelemeniz tamamen normaldir (ve önerilir).

İnsanların çevrimiçi içeriği nasıl okuduklarını anlamak, bu sürecin kritik bir bileşenidir. Özellikle ortalama web kullanıcılarının dikkat süresinin yaklaşık 6-8 saniye olduğunu bildiğinizde ve bu kritik saniyelerde ziyaretçileri sayfanızda etkileşimde tutmanız gerektiğinde.

İlham almak için yüzlerce tıklama sonrası açılış sayfası örneği var. Aslında, dünyanın en tanınmış markalarından bazılarına ait konuya adanmış bir blog kategorimiz var.

Bugünün makalesinde, bir sonraki tasarımınıza ilham vermek için kullanıcı deneyimi ipuçlarını, tıklama sonrası bir açılış sayfası çerçevesinin önemli unsurlarını ve diğer tıklama sonrası açılış sayfası fikirlerini vurgulayan birkaç örnek göstereceğiz.

En iyi tıklama sonrası açılış sayfası fikirleri

Yeterli boşluk ekleyin

Cephaneliğinizde çok sayıda web sayfası tasarım fikri var, ancak beyaz boşluk (diğer bir deyişle boş alan veya negatif alan), birden fazla amaca hizmet etmesine rağmen en az kullanılan teknik olabilir. Sayfanızın daha az dağınık ve estetik olarak daha hoş görünmesini sağlamakla kalmaz, aynı zamanda:

• Okunabilirliği artırır
• Önemli unsurlara odaklanmayı iyileştirir
• Teklifinizin daha iyi anlaşılmasını sağlar
• Kullanıcı deneyimini geliştirir

Bunu bilerek, beyaz boşluk tasarımını iki farklı sayfada karşılaştıralım.

İşte Ashworth College'dan açıkça boşluk olmayan bir tane:

Her şeyin sayfanın ortasına nasıl tıkıştırıldığına dikkat edin, bu da nereden başlayacağınıza karar vermeyi zorlaştırıyor mu? Bu, ziyaretçilerin bunalmış hissetmelerine neden olarak, dönüşüm bir yana, teklifi öğrenmeden bile sayfadan ayrılmalarına neden olabilir.

Buna karşılık, bu Mentor tıklama sonrası açılış sayfası bol miktarda boşluk içerir:

Başlık ve küçük açıklamanın yanı sıra olası satış yakalama formunun çevresinde yeterli alan var. Farklı bölümler arasında bile yeterli miktarda boşluk olması, sayfada gezinmeyi ve teklifi daha iyi anlamayı kolaylaştırıyor. Her tıklama sonrası açılış sayfası öğesi, Ashworth College sayfası gibi bir araya getirilmedikleri için dikkat çeker.

Bu örnek, daha keyifli bir kullanıcı deneyimi sağlar ve muhtemelen daha iyi dönüşüm sonuçları sağlar.

Açık görsel ipuçlarını dahil edin

Görsel ipuçları veya yönlü ipuçları - hem açık hem de örtük - ziyaretçilere tam olarak neye dikkat etmeleri gerektiğini (formunuz ve CTA düğmeniz gibi) anlattıklarından, tıklama sonrası açılış sayfası dönüşümlerine yardımcı olur.

Önce daha doğrudan olan ve bir web sayfasında kolayca tanınabilen açık ipuçlarına bakalım.

Açık görsel ipuçlarını tıklama sonrası açılış sayfası tasarımınıza dahil etmenin başlıca yollarından biri, form ve/veya CTA düğmesi gibi en önemli sayfa öğelerine işaret eden oklar eklemektir.

Sage Intacct, başlıklarından forma parlak turuncu bir ok ekleyerek neyi fark etmenizi istediklerini açıkça ortaya koyuyor:

Ayrıca, CTA düğmesindeki ok, potansiyel müşteriler düğmeyi tıkladığında bu sayfanın ötesinde ek içerik olduğunu gösterir.

İşte, tıklama sonrası açılış sayfası fikirleri arayan herkes için mükemmel olan TurnPro Properties'den başka bir örnek. CTA düğmesini işaret eden turuncu bir ok ve tıklamaya yönelik ek teşvik için düğmenin etrafında mavi bir daire vardır.

Gözle bakma, tıklama sonrası bir açılış sayfasına açık görsel ipuçları eklemek için tıklama sonrası en iyi açılış sayfası fikirlerinden biridir. İnsanlar başkalarının neye baktığına bakma eğilimindedir, bu nedenle ekrandaki biri bir forma veya CTA düğmesine bakarsa, ziyaretçinin de bu öğeleri fark etmesi daha olasıdır. Bu teknik, sayfalarınıza kişisel çekicilik katmak için de harikadır.

Örtük yönlü ipuçlarını dahil et

Örtük yönlü ipuçları, açık ipuçlarından daha incedir, genellikle ziyaretçiler tarafından fark edilmez, ancak yine de aynı derecede etkilidir. En yaygın örtük yön işaretleri beyaz boşluk, kapsülleme ve renk kontrastını içerir.

Üç tür örtük ipucunu sunan bir BigMarker örneğini inceleyelim:

Sayfadaki her öğeyi çevreleyen beyaz boşluk, bu öğelere dikkat çekmeye yardımcı olur. Bunun nedeni, yakınlarda başka bir şeye odaklanmadan ziyaretçilerin onlardan ne istediğinize bakmak zorunda kalmasıdır . Ayrıca, sayfanın her bölümü arasında, daha sorunsuz gezinme ve daha iyi anlama sağlayan bol miktarda beyaz boşluk vardır.

Formu renk kontrastıyla kapsüllemek, onu sayfada "açılır" hale getirir ve daha fazla dönüşüme yol açması muhtemeldir.

Son olarak, koyu arka plan ve özellikle beyaz form arasındaki renk kontrastı - bu özel alana daha fazla dikkat çekilmesine yardımcı olur.

İki adımlı bir katılım formu oluşturun

Ziyaretçileri bir potansiyel müşteri yakalama formu doldurmaya ikna etmek, dijital pazarlamacıların en zorlu görevlerinden biridir. Bununla birlikte, dönüşüm şansını artırmak için bazı teknikler vardır.

Bunun bir yolu, basit bir sayfa formu yerine iki adımlı katılım formudur.

İki adımlı katılım formları, yalnızca potansiyel müşteri CTA düğmesini tıkladıktan sonra bir açılır pencerede görünür. Etkilidirler çünkü dönüştürme sürecini iki kısma ayırırlar: bilgi aşaması (form öncesi) ve taahhüt aşaması (form sonrası). Bu ayrımla, potansiyel müşteriler bilgi aşamasındaki bir form tarafından korkutulmaz ve sadece bilgi toplamaya ve teklifiniz hakkında öğrenmeye odaklanabilirler. Ardından, devam etmeye ve CTA düğmesine tıklamaya karar verdikten sonra formu görürler ve bu noktada, çok daha az korkutucu olur.

Tableau bunu anlıyor. İki adımlı bir katılım formuyla sayfalarını nasıl tasarladıklarına bakın:

Ziyaretçiler sayfayı gözden geçirdikten ve teklifi kullanmaya karar verdikten sonra turuncu renkli "Teknik belgeyi al" CTA düğmesini tıklarlar ve kendilerine şu form sunulur:

Çok adımlı formları kullanın

İki adımlı katılıma ek olarak, tamamlama sürecini potansiyel müşteriler için daha az göz korkutucu hale getirmek için daha uzun formları çok adımlı formlara bölebilirsiniz.

Bu Qlik tıklama sonrası açılış sayfasına bir göz atın:

Formun ne kadar uzun olduğunu gördün mü? Muhtemelen hiç kimse bu form alanlarının tümünü gerçekten doldurmak istemez , yani Qlik, sayfadaki sürtünmeyi azaltmak için formu çok adımlı bir form olarak yeniden tasarlamaktan yararlanabilir.

AARP ise doğru fikre sahip. Beklentilerin AARP Medicare Ek Sigorta Planları için ücretsiz bir Karar Kılavuzu talep etmeleri için bu sayfada çok adımlı bir form oluşturdular. Ayrıca formun üzerindeki ilerleme çubuğuna da dikkat edin. Bu, başka bir akıllı tıklama sonrası açılış sayfası fikridir, çünkü potansiyel müşterilerin kayıt sürecinde ne kadar ilerlediklerini bilmelerini sağlar:

Formu iki adıma bölmek, onu potansiyel müşteriler için daha az korkutucu hale getirmeye yardımcı olur. Bu sayfaya geldiklerinde, her şey aynı anda değil, sadece 7 form alanı ile karşı karşıya kalıyorlar.

CTA renk kontrastını kullan

Çoğu pazarlamacı, dönüşümün gerçekleştiği yer olduğu için, bir harekete geçirici mesaj düğmesinin tıklama sonrası açılış sayfasındaki en kritik unsur olduğunu iddia eder. Düzgün tasarlayın ve dönüşümleri artırın; kötü tasarlayın ve sayfanın terk edilmesini riske atın.

CTA düğmenizi tasarlarken göz önünde bulundurmanız gereken en önemli faktörlerden biri renktir. Sayfadaki diğer renklerle kontrast oluşturmasını ve böylece ziyaretçilerin dönüşüm gerçekleştirmesini mümkün olduğunca kolaylaştırmasını istersiniz.

İşte fikri göstermek için birkaç örnek.

Bu Salesforce tıklama sonrası açılış sayfası, tek renkli bir renk şeması kullanır:

Mavi renk kombinasyonu gözler için doğaldır, ancak sayfa öğelerinin öne çıkmasına izin vermede pek iyi değildir. Düğme, formla karışır - CTA düğmeniz için istediğinizin tam tersi.

Tersine, ziyaretçilerin dikkatini sorunsuz bir şekilde çekmesi muhtemel, renk kontrastlı CTA düğmelerine sahip bazı sayfalar:

Sevimsiz stok fotoğrafları kullanmaktan kaçının

Bahsettiğimiz görüntüleri biliyorsunuz - baktığınız ve yardım edemediğiniz görüntüler, çünkü çok açık bir şekilde sahneleniyorlar. Bunun gibi:

Dönüşüm sağlama yeteneğiniz, büyük ölçüde ziyaretçilerinizde ne kadar iyi olumlu duygular yaratabildiğinize bağlıdır. Gerçekçi olmayan bir stok fotoğrafla bu daha da zorlaşıyor.

Aslında, MarketingExperiments, bir stok görselini şirketin kurucusunun bir görseliyle değiştirerek kayıt sayısını %35 oranında artırdığını tespit etti:

Bu noktada Discover, tıklama sonrası açılış sayfalarına daha gerçekçi ve ilişkilendirilebilir bir resim ekledi:

Pazarlama kampanyalarınız için en iyi stok fotoğraflarını seçme konusunda daha fazla ipucu ve püf noktası için bu yeni kılavuzu indirin.

Metin yerine videoyu tercih edin

Girişte ne dediğimizi hatırlıyor musun? Web kullanıcılarının ortalama dikkat süresi yaklaşık 6-8 saniyedir.

Neyse ki, tıklama sonrası açılış sayfalarınıza video eklemek, ziyaretçilerinizin anında ilgisini çekmenize ve odaklarını korumanıza yardımcı olabilir. Teklifinizi daha kompakt ve etkileşimli bir şekilde açıklayan videolar, toplam dönüşümlerinizi %86'ya kadar artırma potansiyeline sahiptir.

Videolar, özellikle markanızın UVP'sini iletmek için idealdir, çünkü potansiyel müşteriler, tıklama sonrası uzun bir açılış sayfasında gezinmek yerine 1 dakikalık ilgi çekici bir videoyu izlemeyi tercih eder.

Wistia, bu tıklama sonrası açılış sayfasında UVP'sini ve diğer birçok avantajını yalnızca bir dakika içinde tanıtıyor:

Intercom, bu etkili tıklama sonrası açılış sayfası fikrini de kullanır:

Videoları, günümüz pazarlamacılarının karşılaştığı ortak mücadeleleri sunuyor ve ardından Intercom'un Akıllı Kampanyalarının tüm bu sorunlara nasıl harika bir çözüm olduğunu açıklıyor.

Güven oluşturmak

Potansiyel müşterileri ikna etmek için önce onların güvenini kazanmalısınız. Üç temel güven sinyali türü, şirket logolarını, güvenlik rozetlerini ve müşteri referanslarını içerir. Tesadüfen değil, güven sinyalleri eklemek, çevrimiçi varlığı olan herhangi bir marka için en yaygın web sayfası tasarım fikirlerinden biri haline geldi.

Bu Smartsheet tıklama sonrası açılış sayfası, tıklama sonrası açılış sayfası boyunca üç türün hepsini kullanır. Yukarıdan aşağıya doğru kıralım.

İlk olarak, şirket logoları en iyi bilinen müşterilerinin bazılarını vurgular:

Ardından, alıntılanan referanslar, tanınmış şirketlerin Smartsheet'i (logoları görüntülenerek) nasıl kullandığını gösterir:

Ek logolar, hangi popüler uygulamalarla entegre olduklarını gösterir:

Sayfadaki CTA düğmelerinden birinin hemen üzerinde vesikalık görüntü, tam ad, bağlantı ve konumla birlikte bir müşteri referansı:

Marka logosu eklenmiş başka bir müşteri referansı:

Endüstri ödüllerini gösteren rozetler:

Olumlu basın kapsamını ve tanıtımını teşvik etmek için daha fazla logo:

Son olarak, güvenilirliği artırmak ve potansiyel müşterilere kişisel bilgilerinin herhangi bir dış tarafla paylaşılmayacağına dair kesinlik sağlamak için bir güven mührü:

Hangi tıklama sonrası açılış sayfası fikirlerini taklit edeceksiniz?

Ziyaretçileri ikna eden tıklama sonrası açılış sayfası tasarım fikirleri bulmak zor olabilir çünkü en küçük ayrıntılar bile dönüşüm oranlarınızı önemli ölçüde etkileyebilir. Bu nedenle, tıklama sonrası açılış sayfası ilhamı için başkalarına bakmak tamamen kabul edilebilir - aslında önerilir - önerilir.

Bu makaleden en sevdiğiniz fikirleri alın ve tekliflerinizin her biri için Instapage ile profesyonel tıklama sonrası açılış sayfaları oluşturmaya başlayın. Bugün bir Instapage Enterprise demosu için kaydolun.