Açılış sayfaları – güçlüler, değil mi? Bir reklamı tıkladığımızda, daha sonra ne yapacağımıza karar vermemize yardımcı olan açılış sayfasıdır. İdeal olarak, sizi iki kez alıp “Buna sahip olmalıyım!” Diye ilan ettirir. Ayrıca tüm yanlış nedenlerle düzleşebilir ve viral hale gelebilir. (Sana Gökkuşağı kapitalizmine bakıyorum.) İyi bir açılış sayfasının tasarımı, sanat, pazarlama ve psikolojinin kesişim noktasıdır . Ve bu makaleyi okuyorsanız, kendi açılış sayfalarınızı geliştirmek için rehberlik ve ilham arıyorsunuz demektir. İşte tam da bunu yapacağız. Harika bir açılış sayfası yapan özellikleri paylaşacağız ve ders çıkarmak için beş örnek vereceğiz.
Harika Bir Açılış Sayfasının Özellikleri
Acı gerçek: İnsanların katılmasını sağlamak zor. Teknoloji harika ve ürün yenilikçi olsa bile. Değeri iletemeyen bir web sayfasına ziyaretçi gönderirseniz, tüm pazar araştırması ve ürün geliştirme çabalarınız boşa gider. İyi haber şu ki, bu makalenin tamamı, daha fazla dönüşümü teşvik eden ve nihayetinde daha fazla müşteri oluşturan harika açılış sayfaları oluşturmanıza yardımcı olmakla ilgili. Bu altı özelliği açılış sayfası tasarımınıza dahil ederek başarı oranınızı artırın.
Sade
Ziyaretçinin dönüşüm yapmasını sağlamak için eldeki göreve odaklanmak için açılış sayfaları dikkat dağıtıcı olmamalıdır. Bu, üst düzey gezinmenin şık, tek sayfalık bir tasarım lehine bırakılabileceği anlamına gelir. Kullanıcıların bir çıkış yolu isteyip yine de markanızla etkileşim kurmak istemeleri durumunda tıklanabilir bir logo bıraktığınızdan emin olun. Ürünü net açıklamalı ürün görselleri ile ortaya çıkarmak, ziyaretçilerin onu kullanırken kendilerini hayal etmelerine yardımcı olur. En önemlisi, sayfanın açılması gerekiyor! Göz alıcı bir kahraman görüntüsü ve görseller, ziyaretçinin dikkatini çekmeye ve teklifin ne olduğunu beynimizin daha hızlı işleyebileceği şekilde iletmeye yardımcı olur.
Kafa Karıştırıcı Olmayan
Bir açılış sayfasındaki kopya en önemli unsurlardan biridir. Web sitesi ziyaretçilerini dönüştürmeye ikna eden şey budur. Harika bir açılış sayfası kopyası, güçlü başlıklar, net değer önerileri kullanır ve bunların “neden” önemli olduğunu açıklar. İçerik, ürün özelliklerine göre kullanıcı avantajlarına odaklanmalı ve ziyaretçilerin ayrılmaması için tüm şüpheleri gidermelidir. Kopya odaklanmış ve tüylerden arındırılmış olmalıdır; her kelime bir amaca hizmet etmelidir.
FOMO
FOMO gerçektir. Açılış sayfalarının kullanabileceği en güçlü ikna tekniklerinden biri sosyal kanıttır. Başkalarının (saygı duyduğumuz) yaptığını görürsek, bizim de yapma olasılığımız artar. Bu, annenizin size “Herkes bir köprüden atlasaydı, sen yapar mıydın?” diye sormasının iş karşılığıdır. …Evet, evet yapardım. Mutlu (ilişkilendirilebilir) müşterilerden gelen referansları sunarak veya kaç kişinin hizmeti veya ürünü kullandığına ve sevdiğine ilişkin istatistikleri ekleyerek FOMO oluşturabilirsiniz.
Hazır, Ayarla, Git
Bir açılış sayfası, bir kaçış odasından kaçmaya çalışmak gibi hissettirmemelidir. Ziyaretçinin dönüşüm yapmasını istiyorsanız güçlü bir harekete geçirici mesaja (CTA) ihtiyacınız var. Güçlü bir CTA açık ve özlüdür ve ziyaretçinin bu eylemi gerçekleştirmesinin neden önemli olduğunu açıklar. Net ve özlü bir harekete geçirici mesaj yalnızca bir işlemdir ve düğme sayfayla çelişir – bu, kullanıcıların onu gözden kaçırmaması içindir.
Hız İhtiyacı
Sayfa hızı , bir web sayfasının ne kadar hızlı yüklendiğidir. Temel olarak, insanların ayrılmaması için hızlı yüklendiğinden emin olun. Bu kadar.
5 Açılış Sayfası Örneği
Harika bir açılış sayfası, web sitesi ziyaretçilerinin bunun iş için doğru şirket (veya doğru ürün) olduğunu hissetmelerine yardımcı olan bir sayfadır. Ayrıca, bir açılış sayfasını neyin harika yaptığını öğrenmenin, web’deki en iyi açılış sayfalarından bazılarında gerçek dünyadan örnekler keşfetmekten daha iyi bir yolu yoktur. İşte harika açılış sayfalarının beş örneği.
1. ASOS
İngiliz online perakendeci ASOS, Nike, Adidas ve Zara ile rekabet ederek dünyanın en değerli giyim markaları arasında yer alıyor. Bu, çevrimiçi perakendecilerin öğrenebileceği pazarlama stratejilerinin arkasında gerçekten özel bir şey olması gerektiği anlamına gelir. Bakalım neyi doğru yapıyorlar. [düğün misafiri büyük beden elbiseler] için arama yaptım ve beni ABD’li web ziyaretçileri için kadın büyük beden elbiseler için bir açılış sayfasına götüren ASOS’tan bir arama ağı reklamı gördüm.
Yeni başlayanlar için, reklam beni doğrudan arama sorgumla ilgili bir açılış sayfasına götürdü – böyle olmasını seviyorum. Elbiselerin içinde hareket eden büyük beden modellerin tam boy küçük resimleri, doğru yerde olduğumu hemen anlamamı sağlıyor ve kendimi üründe hayal etmeye başlayabiliyorum. En iyi gezinme kırıntıları, sitede tam olarak nerede olduğumu bilmeme izin veriyor, bu yüzden geri dönüp tüm kıvrımlı kıyafetleri görmek istersem, bunu yapmak gerçekten çok kolay. Filtreler, aramamı ne kadar yeni olduğuna, eko-sorumluluğa, renge, fiyata ve daha fazlasına göre daha da hassaslaştırmam için ön planda ve merkezde.
Satış kopyası, kullanıcının ürüne (kıyafetlere) odaklanmasını sağlayan tüylerden arındırılmıştır. Kategori sayfasının açıklaması, trend olan stiller için hangi markaların kontrol edileceğine dair referans içerir. Sonuç olarak, dikkati doğrudan üründe tutan temiz, iyi organize edilmiş bir açılış sayfasıdır. ASOS, kullanıcı incelemelerine dayalı bir filtre ekleyerek açılış sayfalarına sosyal kanıt eklemeyi test etmek veya bir ürünün hızlı satıldığını vurgulayarak FOMO ile etkileşim kurmak isteyebilir.
2. DRIFT
B2B ticaret girişimi Drift, canlı sohbet robotu ile tanınan, sohbete dayalı bir pazarlama ve satış teknolojisi şirketidir. Şimdiye kadar 1 milyar doların üzerinde bir değerleme elde eden tek Latin kökenli şirketlerden biridir. Drift CEO’su David Cancel yaptığı açıklamada , “Şirket olarak amacımız basit ve tutarlı olmaya devam ediyor: Müşterilerin sizden satın almasını kolaylaştıran bir platform oluşturmak” dedi . Drift’in ürünlerini satın almayı ve canlı sohbet açılış sayfalarını kontrol etmeyi ne kadar basit hale getirdiğini görelim.
Tamam, parlak ve minimalist tasarımı merak ediyorum (90’ların hafif hisleri); tüm cihazlarda çok keskin görünüyor. Ekranın üst kısmında , uygulamanın işletme sahiplerinin Drift’in “canlı sohbet” çözümüyle “etkileşim kurmasına ve dönüştürmesine” nasıl yardımcı olduğunu hemen ele alan büyük, cesur bir başlık görüyoruz . Başlığın altındaki içerik bloğu, kullanıcıların neden etkileşimde bulunmadığını veya dönüşüm sağlamadığını açıklıyor: “Bugünün alıcısı beklemek istemiyor.”
Web ziyaretçilerini “Demo Al”a davet eden CTA’da hoş bir kontrast oluşturan renk. Başlık resmi, ürünü bir stok fotoğraftan 10 kat daha iyi olan örnek olarak kullanır. Ve sol alt köşedeki gizlilik ayarlarını açan kalkan simgesini çağırmam gerekiyor. Bu küçük ekleme, site ziyaretçilerine, şirketin veri gizliliğini ciddiye aldığına dair bilinçaltında bir onay sağlar. Sayfayı aşağı kaydırırken, küresel bir pazarlama operasyonları ve teknoloji şirketinin kıdemli direktörü tarafından yapılan bir video incelemesiyle sosyal kanıt görüyoruz.
Video incelemeleri alabiliyorsanız, yapın! Standart bir metin incelemesinden çok daha ilgi çekicidirler çünkü taklit etmeleri gerçekten zordur. Sayfayı aşağı kaydırmaya devam ederken, içerik, bir özet ve resim veya .gif ile farklı kullanım senaryolarının ve bir metin alıntısı veya vaka çalışması şeklinde sosyal kanıtların paylaşılması arasında bocalıyor. Uzun biçimli açılış sayfasının sonunda, “web sitenizin ziyaretçileriyle şimdi konuşmaya başlayın” sağlam bir harekete geçirici mesaj var. Zıt bir düğme ile “Bir Demo Alın”.
“Demo Al”a tıkladığınızda, ürünün kendisini başlatır ve bir demo rezervasyonu yapmak için Drift botu ile etkileşime girersiniz. Drift’in canlı sohbet sayfası, harika bir açılış sayfasının tüm özelliklerini kontrol ederek onlardan satın almayı son derece kolaylaştırır.
3. LawnDoctor.com
Lawn Doctor, çim bakımı ve haşere kontrol hizmetleri sunar, ancak bu sizin sıradan bir peyzaj şirketiniz değildir. Bu çim bakım markası, 2020’de yıllık satışlarını %16 artırarak 630’dan fazla lokasyona ulaştı. Yerel hizmet sağlayıcılar, Lawn Doctor’ın açılış sayfasından çok şey öğrenebilir. Yeni müşteriler çekmek için açılış sayfalarını nasıl tasarladıklarına bir göz atalım.
Lawn Doctor, yerel hizmet şirketleri için harika bir örnek. Renk paleti, site ziyaretçisinin istediğini, güzelce düzenlenmiş bir arka bahçeyi içeren bir kahraman görüntüsü ile yeşil tüketicilerin elde etmek istediği zengin rengi kullanır. Sosyal kanıt, resimde ortalama 4,7 yıldızlı Google derecelendirme katmanıyla görselleştirilir. 4.7’nin tam sayısı yararlıdır çünkü bir tahmin değil, gerçek bir sayı gibi hissettirir. Tahmin formu en üstte mevcuttur; Kullanıcılar bunun için kaydırma yapmak zorunda kalmıyor ve beklemek istemeyenler için sağ üst köşede bir telefon numarası mevcut.
Forma posta kodumu girdiğimde, şehir ve eyalet benim için otomatik olarak dolduruluyor, bu harika çünkü tembelleşiyorum ve her ayrıntıyı girmek istemiyorum. Satış kopyası doğrudan konuya girer; başlık, bilimsel bir yaklaşımla özelleştirilmiş çim bakımı aldığınızı açıklıyor. “Geleneksel” ve “bilimsel” kelime seçimi bana başkalarından daha iyi hizmet aldığımı düşündürüyor.
Başlık resminin altında, ancak ekranın üst kısmında, Lawn Doctor bana mevcut sezonla oldukça alakalı hizmetler satıyor. Daha fazla bilgi edinmek için bu CTA’ya tıklayabilirim veya bir satış temsilcisi beni aradığında bunu sormam daha olasıdır. Bir kullanıcının tereddüt etmesi durumunda, tam olarak memnun kalmazsam %100 geri ödeme yapılır ve ardından sosyal kanıt için Google incelemeleri yapılır. Bu sayfada eksik olan tek şey, Lawn Doctor’ın bir geri sayım indirim zamanlayıcısı ile neler yapabileceğini kaçırma korkusudur.
4. Volan
Volan, 2019 yılında WordPress tarafından satın alındı. Anlaşmanın mali şartları açıklanmadı, ancak bir röportajda Heather Brunner, satın alma sırasında Flywheel’in yıllık yinelenen gelirinin 18 milyon dolar olduğunu doğruladı. Flywheel’i bu kadar başarılı yapan nedir? Harika bir yönetilen WordPress barındırma platformu olmasının yanı sıra, şirketin pazarlaması da devreye girdi. Bir göz atın!
Üst gezinme mevcut değildir ve sayfa ziyaretçisinin istediğiniz içeriğe odaklanmasına yardımcı olur. Logo, site ziyaretçilerine nerede olduklarını hatırlatır ve tıklanabilir olup, ana etki alanına geri kolay bir kaçış sağlar. Ekranın üst kısmında sakin iş mavisi ve zıt para yeşili harekete geçirici mesaj düğmesiyle güzel renk düzeni. Başlık, ziyaretçilerin indirme için ödeme yapmak zorunda kalmayacaklarını bilmelerini sağlayan “ücretsiz” kelimesini içeriyor. Metin, mobil cihazlarda okumayı kolaylaştırmak için parçalara ayrılmıştır.
Ekranın altında bölümlerin küçük bir önizlemesi var, bu yüzden kişisel bilgilerimi ne için değiştirdiğimi biliyorum. Benim için buna değip değmeyeceği konusunda bana bir fikir veriyor. Açılış sayfasının altındaki son CTA, e-kitabın tamamen ücretsiz olduğunu ve sırlarla dolu olduğunu pekiştiriyor! İndirme, hızlı ve basit bir şirket e-postasıdır.
Form tamamlama onayı, ürünü daha fazla keşfetmem için beni ürün ana sayfasına götürüyor. Sonuç olarak, önde gelen gen şirketlerinin öğrenebileceği güzel bir e-kitap açılış sayfası. Buradaki tek öneri, “anlaşmayı imzalamak” için alt CTA’nın yanına sosyal kanıt eklemektir.
5. Breathwrk
Breathwrk, Demo Lovato ve BAM Ventures dahil olmak üzere toplam 10 yatırımcıdan açıklanmayan bir meblağ toplayan, kadın girişimci bir girişimdir. Nefes egzersizleri uygulamasının dünya çapında 1,2 milyondan fazla kullanıcısı var. Bakalım açılış sayfası stresimizi azaltabilecek mi ve açılış sayfası tasarımını iyileştirebilecek mi? Bu açılış sayfası için arama sorgusu “iş yerinde stresle nasıl başa çıkılacağı” idi.
Ana Navigasyon basitleştirilmiştir, bu da kullanıcıların bakmalarını istediğiniz bilgilere odaklanmasını sağlar. Ancak “Daha Fazla” düğmesini tıklarlarsa, ek sayfaların (Bilim, SSS, Blog ve daha fazlası) açılır bir listesi mevcuttur. Renk paleti, mavi ve yeşilin sakinleştirici tonlarını ve mor renkli “bize ulaşın” ile kontrast oluşturan bir CTA düğmesidir. Tıpkı Drift gibi Breathwrk, site ziyaretçilerinin ne alacaklarını görmelerini sağlayan ürünü gösterir.
Başlık, “İşyerinizi iyileştirin” ana fikriyle başlar ve alt başlık bize “çalışanlarınızın stresi azaltmasına ve odaklanmayı geliştirmesine nasıl yardımcı olacağımızı” anlatır. Çalışanları için Breathwrk uygulamasını kullanan şirketleri sergileyerek FOMO izledi. Açılış sayfasını aşağı kaydırdığımızda Breathwrk, uygulamanın özelliklerini kullanıcının bakış açısından açıklayan harika bir iş çıkarıyor.
Bir kullanıcı, toplantılardan önce nefes egzersizleri için bir seçenek olup olmadığını gerçekten umursamaz, ancak bir kullanıcı, çalışan stresini azaltmak ve arka arkaya toplantılar arasında ve büyük bir sahadan önce odaklanmayı geliştirmekle ilgilenir. Satış kopyası, uygulamanın kurulumunun ve yönetiminin kolay olduğunu açıklayarak itirazları en aza indirir.
Bu önemlidir çünkü bir kuruluşun ihtiyaç duyduğu son şey stresi azaltmak için bir uygulama kurmaktır. Kolay katılım, sürekli destek ve kullanıcı analizi (böylece çalışanların uygulamayı kullanıp kullanmadığını ve uygulamayı nasıl kullandıklarını görebilirsiniz). Breathwrk, CTA “Ekibiniz için Breathwrk Alın” ve form doldurmadan hemen önce metin inceleme alıntıları şeklinde sosyal kanıt sağlar.
Bir Uygulama açılış sayfasının harika bir örneği. Dikkat çeker, ürünü gösterir ve site ziyaretçisi için nasıl değer yarattığını açıklar.
Son düşünceler
Genel olarak, harika bir açılış sayfası, site ziyaretçilerinin daha sonra ne yapacaklarına karar vermelerine yardımcı olur. Bir açılış sayfası tasarlarken göz önünde bulundurulması gereken bazı özellikler şunlardır:
- Tasarım, ziyaretçilerin dikkatini çeker ve onu nihai hedefte tutar.
- Kopya odaklı ve tüysüz.
- Sosyal kanıt ve FOMO kullanın.
- İtirazları en aza indirin ve net bir CTA’ya sahip olun.
- Hızlı yüklendiğinden emin olun.
Ayrıca, kullanıcı etkinliğini ölçmek ve öğrenmek için Analytics’i kurmayı unutmayın . Test etmek, başarınızın sırrı olacak.