9 En İyi Açılış Sayfaları ve Onlardan Ne Öğrenebilirsiniz | WHSR
Anasayfa > Blog > Bloglama İpuçları > 9 En İyi Açılış Sayfaları ve Onlardan Ne Öğrenebilirsiniz?
9 En İyi Açılış Sayfaları ve Onlardan Ne Öğrenebilirsiniz?
Güncelleme: Şubat 21, 2017
Bir açılış sayfasını mükemmel yapan tek bir tasarım yoktur, ancak yardımcı olabilecek bazı önemli içerikler vardır.
Buradaki birkaç ay boyunca WHSR'de bu konuların çoğundan bahsettik, örneğin:
Kullanıcı katılımı unsurları
Dönüşüm oranlarını iyileştirmenin yolları
Harekete Geçirici Harekete Geçirici Mesaj (CTA) komutları
Yalnızca sitenizin ziyaretçilerinin ilgisini çekecek bir açılış sayfası için gereken diğer öğelerden bazıları değil, aynı zamanda gitmelerini istediğiniz ve onları orada bulundukları yerlerde yönlendiren:
Güçlü ancak yoğunlaştırılmış açılış sayfası içeriği
Değer katan görsellerin görsel olarak kullanımı
Dönüşümle sonuçlanan güzel bir açılış sayfasının nasıl oluşturulacağını öğrenmenin en iyi yollarından biri; Diğer işletmelerin açılış sayfalarını inceleyin. Doğru yaptıklarına bakarak, çabalarını ve muhtemelen başarılarını tekrarlayabilirsiniz.
[icon link] Site URL'si: http://blog.wishpond.com/
Siteyi ziyaret ettiğinizde gerçekleşen ilk şey, sizi karşılayan, blog'a kaydolmanızı ve bilgi sahibi olmanızı isteyen turuncu bir kutu. Gezinme basit ve özellikli bir blog yazısı, ziyaretçileri daha fazla yarışmaya davet etmek için sayfanın en üstünde oturuyor. Bu açılış sayfası için özellikle iyi çalışıyor gibi görünen şey, darmadağın olmaması. Gezinmek istediğiniz alanı kolayca bulabilir ve odak, sitedeki içeriğe ve abone olma özelliğine odaklanır. Wishpond'in ziyaretçileri abonelere dönüştürmek istediği ve bu tekil odağa sahip olduğu açıktır.
[icon link] Site URL'si: http://bearcss.com/
Bear CSS, kullanıcıların temel bir HTML dosyasını bir CSS şablonuna dönüştürmelerini sağlayan bir sitedir. Açılış sayfaları, odağın ne olduğunu açıkça ortaya koyuyor: HTML belgenizi yükleyin ve şimdi dönüştürün. Ayı CSS, sayfadaki öğeleri sınırladı, böylece tüm odaklanmanız “HTML Yükle” düğmesi. Ayı bile dosyalarınızı yüklemenizi teşvik etmek için CTA düğmesine işaret ediyor. CTA'nıza bakan veya işaret eden bir resmin kullanılması, kullanıcıların bu öğeye de bakmasını sağlamak için çok etkilidir. Bu sayfa çizgi film karakteri kullanmaktadır, ancak gerçek insanların resimlerini de kullanabilirsiniz.
[icon link] Site URL'si: http://www.ppcanalyzer.com/
PPC Analzyer, kapsülleyici bilgi kavramını kullanır. Unbounce gibi siteler, okuyucunun gözünü istediğiniz yere çekmek için bu yöntemi önerir. Örneğin, açık mavi kutunun koyu mavi arka plana karşı derhal gözünüze nasıl geçtiğini anlayın. Amaç, site ziyaretçisinin bültene kaydolmasını sağlamaktır. Bunu yaptıktan sonra, gözünüz üç olasılık üzerine çekilir:
[icon link] Site URL'si: http://apple.com
Apple’ın açılış sayfası için odağı, genellikle en son ürün sürümüne odaklanır. Yukarıdaki örnek ekran görüntüsünde, açıkça Apple Watch var. Altındaki daha küçük resimler, yeni MacBook modeli hakkında başka bilgiler, ancak böyle bilgiler arayanlar için idealdir. Ürününüzün güzel resimleri, site ziyaretçilerini o fotoğrafa tıklamaları ve ürün hakkında daha fazla bilgi edinmeleri için teşvik edebilir. Navigasyonun basit tutulduğuna dikkat edin. Bir resmin üzerine tıklayın ve o ürün sayfasına gidin veya üstündeki bir linke tıklayın. Dikkatini en son üründen çekecek parlak bir CTA düğmesi yok.
[icon link] Site URL'si: http://unbounce.com
Yalnızca açılış sayfalarını oluşturma işindeyken Unbounce'un inanılmaz bir açılış sayfasına sahip olacağı mantıklı. Siteye ilk geldiğinizde odak, beyaza ve mavi renkli CTA'ya karşı ayarlanmış mavi bant üzerindedir ve “Şimdi Yüksek Dönüştürme Açılış Sayfası Oluşturun”. Ancak, Unbounce, okuyucularınızı yasal olduğunuzu ikna etmek için iyi çalışan ve geribildirim verenlerin fotoğrafları da dahil olmak üzere, referansların kullanımıdır. Bu, referanslara bir geçerlilik unsuru ekler. Site ziyaretçisi alıntıyı gerçek bir kişiden geldiğini görebilir.
[icon link] Site URL'si: http://icracked.com
iCracked, bozuk iPhone ekranlarının yerini ve diğer Apple cihazlarını tamir eden bir şirkettir. Burada açılış sayfası basit. İki şeyden birini yapmaya çalışıyorlar:
Cihazınızı tamir etme hizmetini satmak
Artık istemediğiniz cihazınızı satın alın
Bu açılış sayfası ayrıca tonu ayarlamak için büyük bir fotoğraf kullanır, ancak iki kapsüllenmiş seçeneğe göz atan sessiz, nötr renklerdedir. CTA'lar parlak mavi ve yeşil renkte canlı düğmelerdir.
[icon link] Site URL'si: http://uhaul.com
U-Haul, açılış sayfasında, özellikle iyi çalışan ve kendi sitenizde taklit edebileceğiniz çeşitli farklı şeyler yapar. Birincisi, ziyaretçiler, depolama veya hareketli sarf malzemeleri gibi ziyaretçilerin aradığı farklı şeyleri ayırmak için kapsüller kullanıyorlar. Ayrıca, en iyi tekliflerini belirtmek için satış etiketlerini kullanıyor ve site ziyaretçilerini bağlantıya tıklamaya ikna ediyorlar. Fotoğraflar profesyonel kalitede ve farklı hareket kaynağı bağlantılarına bakan kutudaki kadın gibi metne göz atmak için kullanılır. Son olarak, sayfa kullanıcı kişiliğini dikkate alır. İhtiyaç duyduğunuz tarih ve yeri yumrukladıktan sonra, U-Haul bir kamyon veya treyler kiralamanıza yardımcı olabilir. Gezinti, herhangi bir yaştaki yetişkinlerin kolayca kullanabilmesi için yeterince kolaydır.
[icon link] Site URL'si: http://bigbarker.com
İlk kez açılış sayfasına giriş yaptığımda, bu durumda, dönüşüm sayfaları oluşturmak için iyi bir teknik kullanıyor, güven faktörlerini vurgulayan bir açılış sayfası eklemek istediğimi biliyordum. Ancak, site ziyaretçisi için açık bir şekilde değerlendirmeleri kullanarak bir bulmakta zor bir zaman geçirdim. Sonunda bu siteye bir referans buldum. WordStreamancak tasarımın gözden geçirilmesi 100% pozitif değildi. Onlara katılıyorum ve köpeği metinden çok metinle yüz yüze getirmenin daha açık bir yolu da dahil olmak üzere burada iyileştirilebilecek bazı şeyler olduğunu kabul ediyorum.
Bununla birlikte, bu açılış sayfasının hakkı nedir? Bu, okuyucuların ilişkilendireceği birkaç güven faktörü ekler. İlk olarak, ortalama Amazon incelemesi 5 yıldızlarıdır ve köpek yataklarının görüntüsü altında bunu vurgulamaktadır. Ayrıca, müşteri memnuniyetinde çok çalıştıklarını bildirmek için “Google Trusted Store” banner'ını da eklediler. “Garantili” sözcüğünü cesaretlendirdiler ve üstte bir 10 yıllık garanti olduğunu ve ABD'de üretilen bir ürün olan kaliteli bir yatak olduğunu açıkça belirttiler. Bunlar, site ziyaretçilerinin yanıtlayacağı tüm güven göstergeleridir. Birkaç tweaks ile, bu site dönüşümlerde büyük bir artış görebiliyordu.
[icon link] Site URL'si: https://sharelock.io/
Sharelock'un açılış sayfası, bu görevi gerçekleştirmek için bin kelime kullanmadan okuyucuya birkaç şeyi açıklıyor. İlk olarak, Sharelock birçok benzer ürünün gerçekleştiremediği mobil cihazlarla çalışır. Odak, telefon ekranına yüklenen yazılımın bir fotoğrafı üzerinde. Göz daha sonra Sharelock'un ne yaptığını açıklayan iki cümle ile sağa hareket eder. Özel olan bilgiyi şifreler. Son olarak, iki kapsül arasından seçim yapabilir ve daha fazlasını öğrenebilir veya başlamak için kendi Sharelock'unuzu oluşturabilirsiniz. Ayrıca sağ üstte küçük bir indirme bağlantısı ve sayfayı Twitter'da paylaşmanın bir yolu var. Diğer bağlantılar küçük, gri ve sol alt köşede ihtiyaç duyduğunuzda bulunmaktadır. Sayfa o kadar basittir ki, açılış sayfasındaki her şeyi görmek için aşağı kaydırmanız bile gerekmez.
Test ve Öğrenmeye Devam Et
Bu açılış sayfası örnekleri, ziyaretçileri bir eyleme sokmak, bir ürün satın almak veya hatta size daha fazla güvenmek için kendi açılış sayfalarınıza ekleyebileceğiniz bazı öğeler hakkında size bir fikir verecektir. Ancak, bir sitenin çalışması, ziyaretçinizin demografisi için işe yaramayabilir. Yeni elemanlar ekledikçe ve yeni tasarımlar denerken, A / B testi yapmaya devam ve sizin için en uygun olanı görün.
Blog'unuzu sıkıştırmanın en iyi 10 Yolları
Blogunuz Doğmadan Önce Nasıl Büyütülür?
Kitabınızı Nasıl Yayınlayacağınız #4: Kitabınızı Tasarlama ve Biçimlendirme