Dönüştürmek İçin Oluşturuldu – Açılış Sayfası Tasarımı En İyi Uygulamaları

Yayınlanan: 2022-03-11

Açılış sayfaları, bir ziyaretçinin bir pazarlama harekete geçirici mesajına tıkladıktan sonra ulaştığı herhangi bir sayfadır. Bu bir arama veya görüntülü reklam, bir e-posta, bir sosyal medya gönderisi veya bir satış ortağı bağlantısı olabilir.

Bazı şirketler, yönlendiren kaynaklardan ana sayfalarına trafik gönderir; bu bir hata. Açılış sayfaları, yönlendiren kaynak ne olursa olsun uyumlu net bir teklif de dahil olmak üzere çeşitli avantajlar sağlar. Bu, yalnızca yeni ziyaretçileri ana sayfaya göndermekten ve tıkladıklarında sunulanları nasıl bulacaklarını bulmalarını ummaktan daha yüksek dönüşümlerle sonuçlanır.

Tasarımcılar, buraya dahil edilenler gibi açılış sayfası tasarımına ilişkin en iyi uygulamaları izleyerek daha etkili dönüşüm sağlayan açılış sayfaları oluşturabilir.

Avantajları Vurgulayın

Ürün tasarımcıları genellikle özelliklere odaklanmak isterler; tüketiciler faydalar hakkında bilgi sahibi olmak isterler. Bu özelliklerin deneyimlerini nasıl etkilediğini görmek istiyorlar. İnsan 300hp diye araba almaz; 300hp hızlı gitmelerine izin verdiği için satın alıyorlar. Bu yüzden birçok araba reklamı, sadece beygir gücü sayıları yerine 0-60 kez bahseder.

Açılış sayfalarında bu, ürünün avantajlarını vurgulamak için başlıklar ve madde işaretli listeler gibi öğelerin kullanılması anlamına gelir. Kullanıcıların ilk olarak bilmek istediği şey şudur: Bu ürün benim hayatıma veya işime nasıl yarar sağlar?

açılış sayfası tasarımı en iyi uygulamaları: faydaları vurgulama
Teambit, yüksek performanslı ekipler oluşturmak gibi şeylere atıfta bulunarak, açılış sayfalarında neredeyse yalnızca müşterilerinin sağladığı avantajlara odaklanır.

İlgili Görselleri Kullanın

İnsanlar görsel yaratıklardır. Görüntü eksikliği, bir açılış sayfasını görüntüleyen bir kişi için sinir bozucu olabilir. İyi görüntüler, tüketici ile şirket arasında bir güven duygusuna katkıda bulunur.

Açılış sayfaları için etkili bir şekilde kullanılabilecek birçok resim türü vardır. Ürün resimleri en belirgin seçimdir.

açılış sayfası ipuçları: ilgili görselleri kullanın
Square, açılış sayfalarında satış noktası donanım ve yazılımlarının görüntülerini kullanır.

Kullanıcılar gerçek kişilerin resimlerine daha iyi tepki verdiğinden, ürünü kullanan kişilerin resimleri daha da ilgi çekici hale geliyor. Öte yandan, modellerin stok fotoğrafları, kullanıcının deneyimine mutlaka katkıda bulunmaz.

harika açılış sayfası tasarımı: gerçek insanların görüntüleri daha iyi performans gösterir
Airbnb, yeni ev sahipleri çekmek için açılış sayfalarında gerçek kişileri içeren resimler kullanır.

Açılış sayfası tasarımcıları, bir açılış sayfasını ziyaret eden insanlarda duygusal bir tepki oluşturan görseller kullanmayı hedeflemelidir.

CTA'larınızı Test Edin

Muhtemelen herhangi bir açılış sayfasının en önemli kısmı harekete geçirici mesajdır. Önemleri nedeniyle, tasarımcıların ziyaretçilerden en fazla sayıda olumlu yanıt almak üzere optimize edildiklerinden emin olmak için CTA'larını test etmeleri gerekir.

A/B testi, CTA'ları test etmenin en basit yoludur. Tasarımcılar, belirli bir süre boyunca ziyaretçilere rastgele gösterilen ve CTA'nın kendisindeki farklılıklar dışında her biri aynı olan iki açılış sayfasına sahip olabilir. Oradan, CTA istenen sonuçları alana kadar iyileştirmeye ve test etmeye devam edebilirler.

Tasarımcılar, CTA düğmesinin rengi, CTA'yı çevreleyen dil (ve düğmenin kendisi) ve CTA'nın sayfadaki yerleşimi gibi şeyleri test etmeyi düşünmelidir. (Açılış sayfasının diğer bölümleri, daha iyi genel sonuçlar için A/B testi de yapılabilir.)

yüksek dönüşüm sağlayan açılış sayfası: en iyi sonuçlar için CTA'ları test edin
Basecamp, CTA'ları da dahil olmak üzere açılış sayfalarıyla ilgili her şeyi kapsamlı bir şekilde test etmesiyle tanınır.

Mobil Uyumlu Yapın

Web'de kaç kişinin mobil cihazlarında gezindiğini düşünürsek, tasarımcıların açılış sayfalarının daha küçük ekranlarda nasıl görüneceğini gözden kaçırmaları bir hatadır. Mobilde iyi görünen bir tasarım oluşturmak bir seçenek olsa da, açılış sayfasını mobilde daha etkili olacak şekilde basitleştirmek daha da iyi bir fikirdir.

Mobil uyumluluk, özellikle sosyal medya gönderilerinin, reklamların veya e-postaların işaret ettiği açılış sayfaları için önemlidir. 2017'de e-posta kullanıcılarının %75'i e-postalarını bir mobil cihazda kontrol ettiğini bildirdi (ve bu sayı o zamandan beri arttı). Ve dünya çapındaki insanların %42'si (sadece internet kullanıcıları değil) sosyal medya sitelerini mobil cihazlarından kullanıyor. Ayrıca, 2018'de Black Friday satışlarının %40'ı bir akıllı telefon veya tabletten yapıldı.

İnsanlar sadece sosyal medyaya göz atmaz ve akıllı telefonlarında e-posta okumazlar. Satın almalar yaparlar, hizmetlere kaydolurlar ve şirketlerin yapmalarını istediği diğer işlemleri tamamlarlar. Pazarın bu büyük yüzdesini gözden kaçıran tasarımcılar en iyi ihtimalle miyoptur.

mobil açılış sayfası tasarımı bir zorunluluktur
Bench, mobil ve masaüstü sürümleri arasında mesajlaşmalarını tutarlı tutar, ancak mobil sürüm modern ve basitleştirilmiştir.

Yönlendiren Kaynakla Tutarlı Olun

Birisi bir e-postadaki bir reklamı veya bağlantıyı tıkladığında, geldikleri açılış sayfasıyla tutarlılık olması önemlidir. Bu, yönlendiren kaynağın ne olduğuna bağlı olarak birkaç farklı şekilde yapılabilir.

Örneğin, yönlendiren kaynak bir arama ağı reklamıysa, reklam ile kullanıcının ulaştığı açılış sayfası arasında aynı dilin bir kısmının kullanılması tutarlılık sağlar. Yönlendiren kaynak bir e-postaysa, benzer görseller ve renk şemaları kullanmak, ziyaretçilerin ihtiyaç duyduğu tutarlılığı sağlayabilir.

Bir açılış sayfası tasarlarken, tasarımcılar, en azından birkaç şekilde eşleştiğinden emin olmak için yönlendiren kaynağın ne olacağını bilmelidir.

açılış sayfası stratejisi: kaynak, açılış sayfasıyla uyumlu olmalıdıren iyi dönüşüm sağlayan açılış sayfaları, bir şekilde yönlendiren kaynakla eşleşir
Pazartesi, reklamları ve açılış sayfaları arasındaki "görsel" mesajlaşmayı tutar.

Sosyal Kanıtı Dahil Edin

İnsanlar, satın almayı düşündükleri bir ürünün diğer müşterileri mutlu ettiğini bilmek ister. Sosyal kanıt, bu güvenceyi sağlamanın en iyi yollarından biridir.

Sosyal kanıt sağlamanın birkaç yolu vardır. Bunlardan biri, açılış sayfasına referansları veya incelemeleri belirgin bir şekilde eklemektir. Başka bir yol, ürünle ilgili sosyal medya konuşmalarını dahil etmektir. Bununla birlikte, tasarımcılar bunu yaparken dikkatli olmalıdır, çünkü tüm sosyal sözleri otomatik olarak görüntülemek hem iyiyi hem de kötüyü gösterebilir.

açılış sayfası içeriği sosyal kanıt içermelidir
Casper, birden fazla sitedeki ortalama incelemelerini, bir referansı ve onlara beş yıldızlı incelemeler veren müşterilerin sayısını açılış sayfalarında göze çarpacak şekilde içerir.

Açılış Sayfalarını Birden Fazla İş Yaptırmayın

Bir açılış sayfasının yapacak tek bir işi olmalıdır ve bu, tasarlanmadan önce belirlenmelidir. Ziyaretçilerden bir şey satın almalarını isteyen ancak aynı zamanda bir bültene kaydolmalarını isteyen bir açılış sayfası, o ziyaretçinin dikkatini dağıtıyor. Bu, en çok arzu edilen eylemi yapma olasılıklarını azaltır.

Tasarımcılar, harekete geçirici mesajın ne olduğunu düşünmeli ve açılış sayfasında başka hiçbir eylemin istenmediğinden emin olmalıdır. Diğer gezinme öğeleri gibi şeyler bile bir ziyaretçinin dikkatini çekebilir ve istenen eylemi tamamlamasını engelleyebilir.

açılış sayfası öğeleri tek bir amaca odaklanmalıdır
Çil'in açılış sayfası düzenli kalır ve yalnızca insanların ücretsiz bir hesaba kaydolmasını sağlamaya odaklanır.

Gerekenden Fazla Bilgi İstemeyin

Çok fazla bilgi istemek, ziyaretçilerin bir açılış sayfasından hemen çıkmalarını sağlamanın hızlı bir yolu olabilir. Yine de, yalnızca bir ad ve e-posta adresi değil, telefon numarası, şirket adı, iş unvanı ve daha fazlasını isteyen formların bulunduğu açılış sayfalarını görmek yaygındır.

en iyi açılış sayfası örnekleri aşırı uzun formlar içermez
Bu form, "ücretsiz" e-Kitabı indirmek isteyen herkesten tonlarca bilgi gerektiriyor ve bu da pek çok ziyaretçiyi kaydolmaktan caydırıyor.

Bir ziyaretçi bu bilgiyi sağlamanın değerini hemen göremezse, sayfadan çıkma şanslarını büyük ölçüde artırır. Bir açılış sayfasının hemen çıkma oranını azaltmak için tasarımcılar, teklifi tamamlamak için yalnızca minimum düzeyde bilgi istemelidir.

basit bir açılış sayfası daha etkilidir
Shopify, ilk kayıt formunu basit tutar: yalnızca bir e-posta adresi gerektirirler.

Açılış sayfası formlarında yaygın olan bir diğer önemli kullanılabilirlik sorunu, bunların mobil cihazlar için optimize edilmemesidir. Form alanları, her alan için uygun klavye düzenini soracak şekilde kodlanmalıdır.

Bu, örneğin bir kullanıcı e-posta adresini girerken klavyenin ana ekranda “@” sembolünü gösterdiği anlamına gelir; veya bir telefon numarası istendiğinde klavye sayısal girişe geçer. Bu küçük ayrıntı, mobil cihazlarda UX'i büyük ölçüde geliştirir.

Gezinme Çubuğu Ekleme

Gezinme çubuğunun dahil edilmemesi, doğrudan tek amaçlı açılış sayfaları fikrine bağlanır. Gezinme, bir açılış sayfasındaki görsel dağınıklıktır ve kullanıcıların istenen eylemi tamamlamadan sitedeki farklı bir sayfayı tıklamasına neden olabilir.

Gezinme çubuğunu ortadan kaldırmak, ziyaretçinin görevde kalmasına yardımcı olur. Tasarımcılar ziyaretçilere daha fazla bilgi sağlamakla ilgileniyorlarsa, bu bilgiler, tercihen ilk harekete geçirici mesajdan sonra, açılış sayfasının kendisine veya sayfanın aşağısındaki bağlantılara dahil edilmelidir.

Kaydolmaya veya satın almaya hazır olan bir kullanıcıya başka seçenekler sunarak dikkatini dağıtmanın bir anlamı yoktur. Buna rağmen, birçok açılış sayfası ek gezinme seçenekleri içerir.

etkileşimli açılış sayfası öğeleri, kullanıcının dikkatini çeker
Muzzle'ın açılış sayfası, indirme düğmesi (ve Sürüm Notları ve Yardım için birkaç ince bağlantı) dışındaki tüm gezinme seçeneklerinden kurtulur.

Sayfayı Karıştırmayın

Açılış sayfaları, yalnızca o sayfaya gelen kişinin istenen görevi tamamlaması için gerekli bilgileri içermelidir. Ziyaretçi için ne kadar fazla yatırıma ihtiyaç duyulursa, çoğu durumda o kadar fazla bilgi gerekecektir.

Örneğin, ödeme bilgisi istemeyen ücretsiz bir deneme, oldukça düşük riskli bir tekliftir ve sunulması için çok fazla bilgi gerektirmez.

Ancak bir kullanıcıdan satın alma talebinde bulunan bir sayfanın genellikle kullanıcıya daha fazla bilgi sağlaması gerekir. Bu bilgi miktarı yalnızca fiyat noktası arttıkça artar.

açılış sayfası düzeni basit ve düzenli olmalıdır
Asana'nın açılış sayfası, bir başlık, harekete geçirici mesaj, ürün resmi ve bol miktarda beyaz alan ile basit ve anlaşılır.

Tasarımcılar, diğer sayfalarda olduğu gibi açılış sayfaları oluştururken iyi tasarım ilkelerini izlemelidir. Genellikle minimalist ve sade tasarımlar, söz konusu markaya uygun olduğu sürece tercih edilmektedir. İçeriğin etrafındaki beyaz boşluk, kullanıcıların bunalmalarını engeller ve önemli olana odaklanmalarını sağlar.

Yerleşik Kalıplardan Ayrılmayın

Açılış sayfaları söz konusu olduğunda insanların belirli beklentileri vardır. Avantajlar hakkında bilgi edinmek, net bir değer önerisi ve tamamlanması kolay bir harekete geçirici mesaj istiyorlar.

Bir tasarımcı yerleşik açılış sayfası modellerinden çok fazla saptığında, kullanıcıyı yabancılaştırma ve eldeki görevi tamamlamasına müdahale etme riskiyle karşı karşıya kalır. Deneysel tasarımlar harikadır, ancak genellikle diğer türdeki sayfalar ve web siteleri için daha uygundur.

açılış sayfası tasarımı en iyi uygulamaları, yerleşik kalıpları kullanmayı içerir
Zoho'nun muhasebe yazılımı açılış sayfası denenmiş ve gerçek kalıplara bağlı kalıyor: başlık, biraz ekstra bilgi ve bir ürün resmiyle birlikte sayfaya bir harekete geçirici mesaj hakim.

Genel olma

Yerleşik kalıplara bağlı kalmak iyi bir fikir olsa da bu, açılış sayfalarının genel olması gerektiği anlamına gelmez. Tasarımcılar, bir açılış sayfasına ek ayrıntılar ve tasarım öğeleri eklemenin kullanıcı deneyimini nasıl iyileştirebileceğini, kullanıcının dikkatini nasıl çekebileceğini ve teklifin değerini nasıl güçlendirebileceğini düşünmelidir.

Bu, video içeriği, animasyonlar, slayt gösterileri veya bir dizi başka tasarım öğesini içerebilir. Bir ürün veya hizmet için uygun olan, mutlaka bir başkası için çalışmayacaktır. Tasarımcılar, açılış sayfalarında alışılmamış içeriği denemekten çekinmemeli, ancak ziyaretçileri uzaklaştırmadıklarından emin olmak için daha geleneksel yöntemlere karşı A/B testine hazırlıklı olmalıdır.

harika açılış sayfası tasarımları sıra dışı olmaksızın benzersizdir
Landbot'un açılış sayfası, ürün tekliflerine mükemmel şekilde uyan hareketli bir sohbet kaydırma kullanır. Dağınıklık eklemeden sayfayı ilginç ve benzersiz tutar.

Çözüm

Açılış sayfaları, herhangi bir çevrimiçi pazarlama kampanyasının hayati bir bileşenidir. Tek amaçları, ziyaretçilerin dikkatini dağıtmadan dönüşümleri artırmaya yardımcı olur.

Açılış sayfası en iyi uygulamalarını takip eden tasarımcılar, rakiplerinden daha iyi dönüşüm sağlayan sayfalar oluşturarak hizmet ettikleri markalar için daha fazla değer yaratabilir. Açılış sayfalarını basit tutmak, CTA'ya odaklanmak, formları kısa tutmak ve daha önce bahsedilen diğer yönergeler, UX'i geliştirirken açılış sayfalarının daha verimli çalışmasını sağlayacaktır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • Etkili Bir Açılış Sayfası Nasıl Tasarlanır
  • Bu Açılış Sayfası İlhamlarıyla Ziyaretçileri Dönüştürün
  • Estetik ve Algı – Kullanıcı Deneyimi Görüntülerine Nasıl Yaklaşılır
  • Tasarım İlkeleri ve Önemi
  • Tasarımcılar için Etkili İletişim Stratejileri