Uzmanlardan İpuçları ile Açılış Sayfası Tel Kafesi Nasıl Oluşturulur

Tıklama sonrası açılış sayfası, genellikle insanların markanız hakkında gördüğü ilk izlenimlerden biridir, bu nedenle onu istisnai hale getirmek önemlidir. Tıklama sonrası açılış sayfası tel kafesi, sayfayı gerçekten oluşturmadan önce sayfa öğelerinin düzenini görselleştirmenize izin vererek bu konuda yardımcı olabilir.

Tıklama sonrası açılış sayfası tel kafesi nedir?

Bir tel kafes, hissedarlara sayfanın nasıl yapılandırılacağı ve onu oluşturmak için hangi varlıkların gerekli olduğu hakkında fikir vermek için tıklama sonrası açılış sayfasının temel bir tasarım düzeni veya iskeletidir.

Instapage Görsel Tasarımcısı Rares Cimpean şöyle açıklıyor:

Tıklama sonrası açılış sayfası tel çerçevesini bir araya getirirken sayfanın akışına, kullanılabilirliğine ve erişilebilirliğine, insanların ihtiyaç duydukları bilgilere ne kadar hızlı ulaşabileceklerine, CTA'nın ne kadar erişilebilir ve tanınabilir olduğuna vb. odaklanmalısınız. Tüm bu faktörler tel çerçeveleme aşamasında dikkate alınır.

Burada, hem uzun hem de kısa bazı tel kafes tıklama sonrası açılış sayfası örnekleri verilmiştir:

Tıklama sonrası açılış sayfası tel kafes şablonu birkaç ana amaca hizmet eder:

• Kalem ve kağıt taslağınız ile ilk prototip arasında bir orta yol görevi görmek için
• Sayfada görüntülenecek içeriğe genel bir bakış sunmak için
• Sayfa yapısının bir planını sağlamak için
• Kullanıcı arayüzünün genel yönünü iletmek için

Not: Tüm kampanyalara uyan tek bir tıklama sonrası açılış sayfası tel kafes tasarımı yoktur. Bazı tıklama sonrası açılış sayfaları yalnızca bir başlık, madde işaretli kopya, form ve CTA düğmesi gerektirebilirken, diğerlerinin ek faydaları vurgulaması ve sosyal kanıt göstermesi gerekebilir. Örneğin, satış sayfaları genellikle daha ayrıntılı ürün açıklamaları gerektirir ve daha uzun olması gerekebilir. (Unutmayın, hangisinin daha iyi sonuçlar verdiğini görmek için her zaman kısa bir sayfa ile uzun bir sayfa arasında A/B testi yapabilirsiniz.)

Ne tür bir sayfa tasarlıyor olursanız olun, Grafik Tasarım Müdürümüz Rafal Bogdan, ilgili paydaşları bunaltmamak için ilk başta tel çerçevenizi çok basit tutmanın önemini şöyle ifade ediyor:

Bir sonraki aşamada paydaşlar tarafından reddedilebilecek unsurlara çok fazla odaklanmak istemiyorum. Bir tel kafesin ana fikri, belirli proje özelliklerini bir tıklama sonrası açılış sayfasında göstermek ve bu özelliklerin gerçek sayfada nasıl davranacağını anlamalarına yardımcı olmaktır.

Tel çerçevenizi aldıktan sonra, tasarımın parlamasını sağlama zamanı. Aşağıda, genellikle yüksek dönüşüm sağlayan tıklama sonrası açılış sayfalarında bulunan öğeler yer almaktadır.

Tıklama sonrası açılış sayfası nasıl tel kafeslenir

navigasyon yok

Tıklama sonrası açılış sayfaları, dönüşüm için ve tek bir amaç için tasarlandığından, kullanıcıları dönüşüm hedefinizden uzaklaştırabilecek gezinme bağlantıları olmamalıdır. Ya dönüştür ya da ayrıl - başka seçenek yok.

Birçok şirket, gezinme çubuklarını kaldırdıktan sonra dönüşüm oranlarında önemli değişiklikler gördü:

• Career Point College, üst gezinme çubuğunu kaldırdıktan ve form düzenini değiştirdikten sonra dönüşüm oranında %336'lık bir artış gördü.
• Yuppiechef, gezinme çubuğunu kaldırarak dönüşüm oranlarında %100 artışa (%3'ten %6'ya) tanık oldu.
• SparkPage, üst gezinmeyi kaldırarak A/B testi yaptıkları ayda %9,2'den %17,6'ya bir dönüşüm oranı artışı elde etti.

Comporium Media Services, dönüşümleri en üst düzeye çıkarmak için gezinmeyi kaldırma ihtiyacını anlayan başka bir markadır. Ziyaretçileri sayfada tutan ve danışma talep etmeye odaklanan logoları bile bağlantılı değil:

En iyi uygulamaları takip ederken, yalnızca güvenilirliği artıran bağlantılar (örn. Kullanım Koşulları ve/veya Gizlilik Politikası) ve kullanıcı deneyimini geliştiren bağlantılar (bağlantı etiketleri ve tıkla ve ara telefonu gibi) kullanılmalıdır. sayı).

Başlık ve alt başlık

Başlığınız en önemli unsurlardan biridir çünkü ilgi çekici bir başlık olmadan ziyaretçiler teklifinizi değerlendirmeye devam edecek kadar ikna olmayacaktır. Mesajınızı iletmenin birincil yolu bu olduğundan, dikkat çekmeli , kullanıcılar sayfaya gelir gelmez ve ekranın üst kısmında açıkça görülebilmelidir.

Alt başlığınız, özellikle birincil başlık uzunsa veya ek bağlam gerektiriyorsa (örneğin bir istatistik gibi) birincil başlığınızı tamamlamak için kullanılır.

İyi bir başlık yazmanın anahtarı, benzersiz değer önermenizi (UVP) veya ürününüzü veya hizmetinizi rakiplerinizden ayıran şeyi iletmesini sağlamaktır.

Bu Autopilot tıklama sonrası açılış sayfası başlığı, şirketlerin Autopilot'ta diğer pazarlama otomasyonu yazılımlarına kıyasla "daha hızlı büyüyebileceklerini" bilmelerini sağlar. Alt başlık daha sonra nasıl daha hızlı büyüyebileceklerini açıklayarak bu fikri tamamlar:

UVP'nizi dahil etmenin yanı sıra, dört ana ilgi çekici başlık türü vardır:

1. Haberler: Müşteri adaylarına yeni bir çözüm sunun
2. Kişisel çıkar: Müşteri adaylarının içsel kişisel çıkarlarına hitap edin<
3. Hızlı ve kolay çözüm: Potansiyel müşterilerin hızlı düzeltme isteklerine hitap edin
4. Merak: Ziyaretçilerin ilgisini ve merakını uyandırarak onları daha fazlasını okumaya teşvik eder

Daha da güçlü bir başlık için birini kullanabilir veya birkaçını birleştirebilirsiniz. En çekici başlıklar iki veya daha fazlasını kullanır.

Daha da güçlü bir başlık için birini kullanabilir veya birkaçını birleştirebilirsiniz. En çekici başlıklar iki veya daha fazlasını kullanır.

medya

İnsanlar için görselleri işlemek metinden daha kolay olduğundan, ilgi çekici medya (resimler, gifler ve video), bir teklifin değerini kelimelerden daha fazla aktarmaya yardımcı olur. Ancak, görseller herkese uyan tek bir çözüm değildir. Tıklama sonrası açılış sayfanız için seçtiğiniz medya türü, sunduğunuz ürüne bağlıdır.

Tıklama sonrası açılış sayfası görsellerinin türleri şunları içerir:

• Kahraman çekimleri: Ziyaretçilere, ürün veya hizmetinizin hayatlarını nasıl daha iyi hale getireceğine dair bir fikir verin.
• Ürün resimleri: Ziyaretçilerin, ana özellikleri de dahil olmak üzere teklifinizin ayrıntılarını görmesini sağlayın
• Infographics: Ziyaretçilerin verileri ve istatistikleri (tablolar, grafikler vb.) daha kolay bir şekilde kavramsallaştırmasına izin verin

iContact'ın potansiyel müşterilere oluşturulmasına yardımcı oldukları iş e-postalarının birkaç örneğini göstermek için kullandığı resimlere bir göz atın:

Resimlere ek olarak, birkaç tür tıklama sonrası açılış sayfası videosu mevcuttur:

• Açıklayıcı videolar: Ürününüzün nasıl çalıştığını, özellikle de yeni veya karmaşıksa, potansiyel müşterilerinize nasıl fayda sağlayacağına odaklanarak açıklayın.
• Tanıtım videoları: Yeni şirketleri sergileyin, yeni ürünleri duyurun veya yeni ürün özelliklerini öne çıkarın
• Video referansları ve örnek olay incelemeleri: Ürün veya hizmetinizden memnuniyetlerini ve başarılarını açıklayan gerçek, memnun müşterileri göstererek sosyal kanıt olarak hizmet edin

Görsel kullanıyorsanız, teklifinizin gerçekçi bir durumunu yansıtmadığı ve konuyla alakalı olmadığı sürece stok fotoğraflardan uzak durun. Daha azı ve marka algınızı ve değerinizi düşürme riskiyle karşı karşıya kalırsınız.

Görsel kullanıyorsanız, teklifinizin gerçekçi bir durumunu yansıtmadığı ve konuyla alakalı olmadığı sürece stok fotoğraflardan uzak durun. Daha azı ve marka algınızı ve değerinizi düşürme riskiyle karşı karşıya kalırsınız.

kopyala

Ziyaretçilere teklifinizle ilgili her şeyi anlatmak isteseniz de yapmayın. Dikkat süresi en fazla birkaç saniyedir, bu nedenle metniniz kısa ve öz olmalı ve insanların dikkatini hemen çekmelidir.

Örneğin, madde işaretleri (ikonografi, onay işaretleri, oklar vb. ile işaretlenmiş), ziyaretçilerin sayfayı hızlı bir şekilde taramasına ve teklifin ana çıkarımlarını belirlemesine olanak tanıyan önemli bilgileri iletmenin yaygın bir yoludur.

Potansiyel müşteriler, kalın bölüm başlıkları, minimum kopya ve madde işaretleri yardımıyla Highfive'ın video konferans çözümü hakkında hızlı bir şekilde bilgi edinebilir:

Sosyal kanıt

Dönüştürmeden önce, insanların şirketinizin güvenilir bir hizmet sunduğuna güvenmesi gerekir. Sosyal kanıtın onları çeşitli şekillerde ikna edebileceği yer burasıdır:

• Müşteri referansları: Doğrudan müşterilerinizden doğrulandığı için (belirli bilgiler, istatistikler, tam adlar, profesyonel bağlantı ve unvanlar ve vesikalık fotoğraflar aracılığıyla) potansiyel müşterilere sözünüzü yerine getirdiğinizi gösterin.
• Müşteri logoları (ve sayıları): Halihazırda birlikte çalıştığınız (ve kaç tane) tanınmış şirketi sergileyerek ziyaretçilere "Ürünümüz veya hizmetimiz onlar için yeterince iyi olduğuna göre, sizin için de iyi olacaktır."
• Endüstri ödülleri: Endüstri liderleri, muhabirler, haber istasyonları, web siteleri vb. tarafından alenen tanındığınızı gösterin.
• Güven mühürleri: Müşteri adaylarının ödeme bilgilerinin dış taraflara karşı güvende olduğundan emin olun.
• Gizlilik Politikası: Potansiyel müşterilere, e-posta adreslerinin uygun şekilde kullanılacağını ve başka kimseyle paylaşılmayacağını garanti eder.

Daha önce aynı Highfive tıklama sonrası açılış sayfasına dönüp, ziyaretçileri dönüştürmeye ikna etmek için kullandıkları tüm sosyal kanıtlara göz atın - marka logoları, alıntılanan bir referans ve endüstri yıldız derecelendirmeleri:

İşte başka bir örnek, bu kez Splash Omnimedia'dan, her türlü sosyal kanıtı (müşteri sayısı, marka logoları, örnek olay videosu ve alıntılanan referans) içeren:

Tüm bu kanıtları birleştirerek, potansiyel müşterileri CTA düğmenize tıklayarak dönüştürmeye ikna edersiniz.

Potansiyel müşteri yakalama formu

Mükemmel formu oluşturmak o kadar kolay değil. Yeterli form alanı yok ve ihtiyacınız olan tüm bilgileri toplayamazsınız; çok fazla alan ve potansiyel müşterileri korkutma riskiniz var. Formunuzun uzunluğu, teklifinizin pazarlama dönüşüm hunisinde nerede bulunduğuna bağlıdır. Genel bir kural olarak, ne kadar yüksekse, form o kadar kısadır ve bunun tersi de geçerlidir.

Justworks, bu tıklama sonrası açılış sayfasını fiyatlandırma bilgileri sağlamak için tasarladı. Bu, dönüşüm hunisinin en üstünde bir teklif olduğundan, yalnızca üç alan içermesi ve çok temel bilgiler istemesi mantıklıdır:

Buna karşılık, Autopilot'un ücretsiz deneme sürümü dönüşüm hunisinin daha ilerisinde olduğundan, daha fazla bilgi istemek kabul edilebilir:

Eylem çağrısı

CTA düğmeniz, tıklama sonrası açılış sayfası dönüşümünün gerçekleştiği yerdir, bu nedenle öne çıkmalı ve tıklanması için yalvarmalıdır. CTA düğmenizi optimize etmenin başlıca yönleri şunlardır:

• Renk: İyi kontrast oluşturan ve sayfanızın geri kalanından sıyrılan bir ton, ton, ton veya gölge bulmak için renk teorisini kullanın.
• Kopyala: "Gönder" ve "İndir" geneldir ve ilham verici değildir. Bunun yerine, özel, kişiselleştirilmiş bir kopya oluşturun ve daha fazla CTA düğmesi tıklaması oluşturmak için "siz", "sizin", "ben" ve "benim" ifadelerini birleştirin.
• Boyut: İnsanların düğmeyi aramasını sağlamayın, fark edilmesini sağlayın. Ayrıca, Volusion tıklama sonrası açılış sayfasındaki zıplayan oklar gibi görsel ipuçları da içerebilir.
  aşağıda — daha fazla dikkat çekmek için:

Minimum alt bilgi

tıklama sonrası açılış sayfası ve web sitesi altbilgileri aynı değildir. tıklama sonrası açılış sayfası altbilgileri site haritaları, ürün sayfası bağlantıları veya sosyal medya hesapları içermemelidir. Eklediğiniz her bağlantı, başka bir dikkat dağıtma ve sayfanızı dönüştürmeden ayrılmaları için ek bir yol oluşturur.

Infegy'nin ziyaretçilere sunduğu tüm bu kaçış yollarına bakın:

Tıklama sonrası bir açılış sayfası altbilgisi eklemeyi seçerseniz, Tapstone'un yaptığı gibi yalnızca güncel telif hakkı bilgilerini, hizmet şartlarını ve bir gizlilik politikasını gösterdiğinden emin olun:

Beyaz boşluk

Beyaz boşluk, sayfanızın nefes almasını sağlar, böylece tüm öğeler dikkat çeker ve ziyaretçiler sayfanızda daha kolay gezinebilir. Ayrıca beyaz boşluk ekleme:

• Dağınıklığı azaltır
• Okunabilirliği artırır
• Görsel hiyerarşi kurar
• Tıklama sonrası açılış sayfanızın daha profesyonel görünmesini sağlar

NASM ve Acquisio'daki aşağıdaki tıklama sonrası açılış sayfalarını karşılaştırın:

NASM'nin sayfası kalabalık ve bazı insanlar için bunaltıcı olabilir çünkü önce nereye bakılacağına ve sayfada nasıl gezinileceğine karar vermek zor. Acquisio'nun sayfasında yeterli beyaz alan vardır, bu nedenle yukarıdan aşağıya gezinmek daha kolaydır ve genel olarak daha iyi bir deneyim sunar.

Her şey, tıklama sonrası bir açılış sayfası tel kafesi ile başlar

Bir tel çerçeve oluşturmak, ekibinizin genel sayfa öyküsünü belirlemesine, hangi varlıklara ihtiyaç duyulacağını ve ne kadar kopya gerektiğini görmesine olanak tanır. Oradan, yukarıdaki önerilerle optimize edilmiş bir tıklama sonrası açılış sayfası tasarlayabilirsiniz. Ancak kişiselleştirilmiş, %100 özelleştirilebilir bir tıklama sonrası açılış sayfası oluşturmak için iş için yeterince güçlü bir çözüme ihtiyacınız var.

Instapage ile pazarlamacılar, tasarımcı dostu oluşturucumuz, CSS düzenleyicimiz, hizalama ve gruplandırma, kısayol tuşları ve daha fazlası ile piksel açısından mükemmel sayfalar oluşturabilir. Ardından, daha da yüksek dönüşümler için A/B testi yapmak için yerleşik ısı haritalarını kullanın ve üretiminizi Instablocks™ ile ölçeklendirin. Başka hiçbir çözüm karşılaştırılamaz. Instapage Enterprise demosuna bugün kaydolun.