Güzel Açılış Sayfaları İpuçları ve Örnekler

Açılış sayfaları konusunda yüzlerce esprili makale yazıldı. Hepimiz temel gerçekleri biliyoruz - bunlar bir banner reklam veya promosyon bağlantısını tıkladıktan sonra ziyaretçinin ulaştığı sayfalar ve potansiyel müşterileri iş için müşterilere dönüştürerek çok önemli bir pazarlama rolü oynarlar. Bununla birlikte, bir açılış sayfasını kendiniz tasarlamak söz konusu olduğunda, konular, nasıl yapılır dokümantasyonundan geçtikten sonra beklediğinizden çok daha hassas görünmektedir. Bu nedenle, bugün ilham için gerçek açılış sayfası örnekleri koleksiyonunu paylaşmayı seçtik..

Wikipedia'da bulabileceğiniz oldukça bilimsel bir sınıflandırmaya göre, açılış sayfaları iki ana kategoriye ayrılır: başvuru ve işlem. Referans olarak adlandırılacaklarsa, sayfalar ziyaretçiye hem çekici hem de alakalı bilgiler göstermelidir (metin, multimedya). "İşlemsel" açılış sayfaları, anında satış yapmayı veya en azından güçlü satış fırsatlarını yakalamayı hedefleyen sayfalardır.

Muhtemelen benimle aynı fikirde olacağınız için, tüm açılış sayfaları her iki kritere de uyar: ziyaretçiyi teklif hakkında bilgilendirir, ayrıca kendi tarafındaki eylemleri teşvik eder. Aksi takdirde, herhangi bir açılış sayfasında harekete geçirme ifadesine ihtiyacımız olmazdı.?

Www'de herhangi bir açılış sayfasını başlatmadan önce net olması gereken, istenen ziyaretçilerin eyleminin niteliğidir. Artan bülten hedefinize kaydoluyor mu? Ardından "Bültenimize şimdi kaydolun" mesajını içeren bir CTA tasarlayın. Ziyaretçilerden deneme satın almayı hedefliyor musunuz? Yani demek. Genel olarak konuşursak, temel tarif, açılış sayfanızın bu teklifi mümkün olduğunca açık ve cazip bir şekilde açıklamasını sağlamaktır..

Açılış Sayfası Tasarlamanın İpuçları

Bir açılış sayfası tasarlarken başlayabileceğiniz bazı hızlı ipuçları:

1. AIDA ilkesini kullanın

Bu, bir lider terfi edilen ürünü veya hizmeti gösteren platforma ulaştığında gerçekleşmesini istediğimiz bir olaylar zinciridir. Temelde, adımlar şunlardır:

1. farkında olma - ziyaretçiden dikkat çekmek
2. Faiz - bu, müşteriye sağladığı faydaları vurgulayarak uyarılabilir.
3. Arzu etmek - Müşterilere, onlar hakkında fikir uyandırmak istemek ürün veya hizmet
4. Aksiyon - satın alma işlemini gerçekleştiren müşteriler

2. Çok fazla dikkat dağıtıcı değil; bir çıkış yolu bırakmak

Fikir basit. Açılış sayfasında, CTA düğmesi dışında neredeyse hiçbir gezinme seçeneği yoksa, ziyaretçiler çıkışlarını zorlar. Gezinme sağlamazsanız, ayrılacak bir yol bulamayacaklarını sanmayın - belki de tarayıcıyı kapatacaklar. Ve bu ziyaretçiler olacak değil geri gel.

3. Göz kırpma testini geçmesini sağlayın

Genellikle, bir açılış sayfası, ilk 3 saniyede ziyaretçinin dikkatini çekmelidir. Konuk yanıp sönüyorsa ve sayfada ne bulması gerektiğini net bir şekilde göremiyorsa veya gördükleriyle ilgilenmiyorsa, büyük olasılıkla boş ellerle sıçraması muhtemeldir..

4. Yanlış beklentiler yaratmayın

Açılış sayfasının, orijinal reklam tarafından sağlanan ipuçlarıyla tutarlı olması veya tersi gerekir. Ziyaretçiler açılış sayfasında ilk tıkladıkları reklamda ne vaat ettiklerini bulmak zorundadır..

Söz verdiğimiz gibi, B2B ve B2C'nin güzel tasarlanmış ve etkili açılış sayfalarını gezelim. Güçlü ve kaçınılmaz zayıflıklarını keşfedeceğiz. Aşağıdaki galeride aşağıdakilere dikkat edin: görsel iletişim, markalaşma ve güven göstergeleri, içerik etkinliği, harekete geçirme ifadeleri.

Vitrin: Güzel Açılış Sayfaları

99Designs

Bu, tasarımcılara ve öğrencilere yönelik bir açılış sayfasının sürümüdür. 99Designs ayrıca diğer taraf için bir açılış sayfasına sahiptir: tasarıma ihtiyaç duyan işletmeler. Buna gelince, onaylama açısından çok etkilidir (cesur referanslara bakınız) ve izleyicilerin dilini rakamlar ve güven göstergeleriyle (topluluk üyesi sayısı, kazandıkları para miktarı) gerçekten konuşur. Tek CTA düğmesinin parlak kırmızı tonuna dikkat edin - bu genellikle kaçınılması gereken bir şeydir, ancak bu durumda logonun rengiyle eşleştiği için rahatsız edici değildir.

123RF

123RF, bu açılış sayfasındaki resim kaydırıcısını ve dört medyan kutusunu içeren net bir amaç beyanı sunar. Anında, hizmetin ne olduğunu ve nasıl kullanabileceğinizi (Arama, Kayıt Olma, Kullandıkça Öde, Abonelik Satın Alma) anlıyorsunuz. Açık gri renkli göze çarpmayan ve özü, görüntü olduğunu vurgulamaktadır. Şahsen geliştirebileceklerini düşündüğüm şey, stok fotoğraf kategorilerinin listesi, biraz doldurulmuş. Ve CTA tıklanabilir kutular için biraz fazla ince.

Favomatic

Bu açılış sayfasının tasarımını kesinlikle seviyorum. Her bölümde kontrast, iyi sloganlar var ve sizi her şeyi okumaya zorlamadan birçok bilgi getiriyor (küçük font her şeyi yapıyor). Gezinme var ancak dikey bir, kaydırma yaparak zıplama oranlarını önemli ölçüde azaltıyor..

BiznessApps

Güçlü harekete geçirme ifadeleri, vurgulanan slogan ve etkileyici destek listesi - bu, açılış sayfası için doğru kombinasyondur ve bu sayfada bulunur. Ayrıca, minimum miktarda metin içerir ve insanların okumadan ziyade kısa bir filmi izlemeyi tercih ettiği bilinen bir demo videosu kullanır. Form, hafifçe geliştirebilecekleri bir unsurdur. Genellikle, ilk önce elinize geçmeden önce vermelisiniz, bu nedenle formu gönderme karşılığında ziyaretçiler ücretsiz ikram alabiliyorlarsa, "Mesaj gönder" düğmesi "Şimdi ücretsiz eşyalarını al!"

Brusheezy

Daha az kanıt olan başka bir kanıt daha fazla. Bu açılış sayfası, tek bir simge ve belirgin bir başlık ile çok temiz görünüyor. İki harekete geçirme ifadesine, üstte ve altta dikkat edin - bu, sayfayı aşırı kalabalık olmadan mesajı kalıcı kılmak için kusursuz bir yöntemdir. Ürünün özellikleri yerine müşteriler için faydaları vurgulamak başka bir örnek.

JailBreak

Bu sayfa biraz kalabalık olabilir, ancak uygulamalar için açılış sayfalarının geleneğindedir. Ancak, sayfayı bölümlere ayırma kararı, tüm öğelerin içinde gezinmeyi kolaylaştırır. Aradığınız her şeyi bulabilirsiniz: özellikler, avantajlar, referanslar ve hatta sonuçtan memnun değilseniz geri ödeme garantisi. Sonuncusu oldukça risklidir, çünkü hizmetin kalitesiyle ilgili sorular ortaya çıkarabilir ve en alttan sonuna kadar yerleştirmek iyi bir fikirdi.

PageLines

Minimalizm burada anahtar kavramdır. Şahsen bu sayfa size hemen her şeyi anlatmıyor ama sizi keşfetmeye davet ediyor. Bu kadar zevkli bulmadığım, otomatik olarak başlayan bir video (genellikle kaçındığım bir özellik) - Andrew Powers sadece yetenekli değil aynı zamanda yakışıklı olsa bile! Ayrıca, hemen bir CTA bulunmaması, web sitesi için bir dezavantaj olabilir..

Pico

Bu açılış sayfası basit ama güçlü. "Büyük" kırmızı işaret, genel görünüme göre tuz ve karabiberdir. Paragraf düzenlemesi bir gazete mizanpajına benzer ve CMS'nin amacı için oldukça müstehcendir. CTA düğmeleri biraz zayıf olsa da, sağ alt köşedeki bayan hafif bir rahatsızlığa neden olur; yüzünde çok fazla sürpriz olması, bir iş meselesini müzakere edebilecek gibi gözüküyor mu??

Shoeboxed

Her bölüm için açıklayıcı çizgiler, açıklayıcı bir dil kullanımına bir örnektir. Görme çizginiz ilk satırı hızla taradığı ve CTA düğmesine geldiği için mesajı bölünmüş bir saniyede anlarsınız. Hala tereddüt ediyorsanız, güçlü onaylarla birlikte yardım edecek bir referans var - Forbes ve Tech Crunch'ta yer alan bir şirkete güvenmez misiniz? İsterim.

Squarespace

Profesyonel görünümlü açılış sayfası, bu. Cesur bir slogan, tıklamaya dayanamayacağınız CTA düğmeleri ve çok iyi bir onay, bu başarının birleşimidir. Ayrıca, kullanım bağlamlarını sayfaların ortasına koymalarını, sayfalarının görünme şeklinin ve Infographic benzeri göstergelerin bir ekran görüntüsünü almasını seviyorum. Sayfanın 3 elemanlı yapısı başka bir güçlü nokta.

Editörün Notu: Bu gönderi tarafından yazılmıştır Laura Moisei Hongkiat.com için. Laura, İletişim Bilimleri alanında lisans derecesine sahip ve zamanın çoğunu tasarım ve yazma tutkusunu sürdürerek geçiriyor. Kullanıcıların herhangi bir web sayfası için güzel formlar oluşturmasına yardımcı olan çevrimiçi bir form ve anket oluşturucu olan 123ContactForm'da çalışıyor..