Hızla Artan Dönüşümler Gönderen Bir Açılış Sayfası Nasıl Tasarlanır?

Yayınlanan: 2021-10-29

Bu videoda, WebFX Interactive ekibinden Jaci, bazı büyük hamurları tırmıklayan bir açılış sayfasının nasıl tasarlanacağına dair altı ipucu veriyor.

Transkript: Harika açılış sayfası tasarımı, işletmenizi bir satış düşüşünden yeni bir müşteri patlamasına götürebilir. Daha fazla potansiyel müşteri, satış ve gelir görebilmeniz için dönüşüm sağlayan bir açılış sayfasının nasıl tasarlanacağına dair altı ipucu vermek için buradayım. Ayrıca paylaşacak gerçek dünyadan bazı örnekler de var, böylece her ipucunun nasıl göründüğüne dair daha somut bir fikriniz olur. Bir numaralı ipucu ile başlayalım!

1. Açılış sayfanızı reklamınız, e-postanız veya diğer içeriğinizle eşleştirin

Bir eşarp mağazasına gidip gerçekten şapka sattıklarını öğrenseniz nasıl hissedersiniz? Kesinlikle kafam karışır ve belki biraz sinirlenirdim.

Bu, açılış sayfanızın birinin tıkladığı reklamla tamamen alakasız olması durumunda insanların hissedeceği duygunun aynısıdır.

Eşarp satışınızla ilgili bir reklamınız varsa veya bir e-posta gönderdiyseniz ve bağlantı insanları sattığınız tüm giysilerin bulunduğu bir sayfaya yönlendiriyorsa, muhtemelen eşarp satışlarında umduğunuz artışı elde edemezsiniz.

Aynı şey harekete geçirici mesajlar için de geçerlidir. Reklamınız , e-postanız veya diğer içeriğiniz , insanların satın alma işlemi gerçekleştirmesine odaklanıyorsa, açılış sayfası insanların bir şeyler satın alabileceği bir yer olmalıdır.

İnsanların reklamınız üzerinden sizinle iletişime geçmesini istiyorsanız, açılış sayfanızda insanlara nasıl iletişim kuracaklarını söyleyen bir form veya bilgi bulunmalıdır.

Pantene'nin bu Facebook reklamında şirket, Costco'daki ürününün satışlarını artırmaya çalışıyor ve reklamdan birinin satın alabileceği bir Costco sayfasına bağlantı veriyor.

Costco'da satılan Pantene ürünleri için bir Facebook reklamı ve açılış sayfası

Açık, basit ve tutarlı.

2. Bir harekete geçirici mesaj (CTA) ekleyin

Hedef kitlenize web sitenizin açılış sayfasında çok fazla seçenek sunmak istemezsiniz. Bir harekete geçirici mesaj seçin ve buna bağlı kalın.

Bu şekilde, dikkatlerini dağıtmak ve mesajlaşma ve tasarımınızın etkinliğini zedelemek yerine, insanların bir şeyi yapmalarını sağlamaya daha fazla odaklanabilirsiniz.

Bu Wistia açılış sayfası, işleri kısa ve tatlı tutmak için harika bir iş çıkarıyor. Kullanıcının tek bir işlem yapmasını istiyor: İletişime geç.

Wistia için bir açılış sayfası

Sayfadaki her şey bu tek eyleme yöneliktir.

3. Harika bir kopya yazın

Dönüşüm sağlayan açılış sayfaları tasarlamak için, insanlara dönüşüm gerçekleştirmeleri için bir neden vermeniz ve elbette bunu kolaylaştırmanız gerekir . Metniniz, insanları size bilgilerini (veya paralarını) vermeye ikna etmede büyük rol oynar. İlk olarak, insanlara neye bulaştıklarını anlattığınızdan emin olun.

İster çevrimiçi bir kurs isterse bir e-posta bülteni olsun, insanlar açılış sayfası tasarımınızdan neler sunduğunuzu anlamalıdır. İkinci olarak, bir değer önerisi belirleyin ve kullanın .

Temel olarak, işletmenizi rakipleriniz arasında neyin öne çıkardığını kendinize sorun.

Ürünleriniz veya hizmetleriniz insanların hayatlarını nasıl daha iyi hale getiriyor? Ücretsiz bir şey sunuyor musunuz? Danışmanlık süreciniz hızlı ve kolay mı?

A hrefs, tüm beceri seviyelerindeki pazarlamacılar için sağlam bir dijital pazarlama aracı sağlar. Ücretsiz araçlarını tanıtan bir reklam , insanları harika metinlerle dolu bir açılış sayfasına götürür.

Ahrefs için bir reklam ve açılış sayfası

Büyük başlıkları, sayfanın ücretsiz SEO araçlarına sahip olduğunu ve açıkça etiketlenmiş bağlantıların sizi bu araçların her birine götürdüğünü söylüyor.

Değer için Ahrefs, sıralamanızı iyileştirebileceğinizi ve ücretsiz olarak daha fazla trafik alabileceğinizi söylüyor. Harika metinler yazdığınızda müşterilerinizin işletmenizden ne elde edeceğine dair hiçbir soru yoktur.

4. Tasarımınızı karmaşık hale getirmekten kaçının

Yoğun, hantal web tasarımı günleri geride kaldı. İçeriğinizin nefes almasına izin verin. Sayfanızı gereksiz simgeler veya resimlerle doldurmanıza gerek yok. Yale Sanat Okulu değilseniz .

Yale Sanat Okulu web sitesi

Web sitenizin farklı bölümlerini vermek, belirli öğelere dikkat çekmenize yardımcı olabilir. İşleri okumayı kolaylaştırır ve hatta okuduğunu anlamayı artırabilir .

Bu Fiji su reklamının açılış sayfası düzeninin nasıl çok fazla resim kullanmadığına dikkat edin.

Tasarım , ürünlerin ve ürün detaylarının öne çıkmasını sağlayan bol miktarda kullanılmayan alan ile basittir .

Fiji su açılış sayfası

Ayrıca, boşluk beyaz olmak zorunda değildir. Bu sadece bir sayfanın herhangi bir resim veya başka öğe içermeyen bölümlerini tanımlamak için kullandığımız bir terimdir.

5. Rengi akıllıca kullanın

Renk, insanların farklı şekillerde hissetmelerini ve hareket etmelerini sağlayabilir. Akıllıca kullanılırlarsa okuduğunu anlamayı, öğrenmeyi geliştirebilir ve insanların duygularını etkileyebilirler.

Kontrast renkler kullanmak, web sitenizin belirli alanlarına da dikkat çekebilir. Şimdi LEGO'nun bir bina yarışmasını tanıtan reklamlarıyla birlikte oluşturduğu bu sayfaya bakalım .

Açıkçası girmeyeceğim.

 LEGO yarışması için bir açılış sayfası

Aşağı kaydırdığınızda, size içeriğinizi yükleme veya paylaşma ve yarışmaya katılma seçeneği sunan üç turuncu düğme görürsünüz.

LEGO açılış sayfasındaki turuncu düğmeler

Turuncu düğmeler, yüksek kontrastlı tamamlayıcı renkler oldukları için mavi zeminde öne çıkıyor, yani renk tekerleğinin zıt taraflarında oturuyorlar . Zıt renkler, bu düğmelerin önemli olduğunu açıkça ortaya koyuyor.

Renk psikolojisine biraz dalmak gerekirse, turuncu heyecan ve coşkuyu temsil etme eğilimindedir.

Pazarlamacılar bunu samimi ve neşeli bir marka hissi yaratmak için kullanırlar.

Bir yarışma için heyecan yaratmanın heyecanı yansıtan bir renkten daha iyi bir yolu var mı? Web sitemizde renk psikolojisi hakkında daha fazla bilgi edinebilirsiniz .

6. Görsel ipuçları sunun

Bu görsel bir işarettir. İşaret ettiğim yöne baktığını varsayıyorum.

Bir açılış sayfası tasarlarken, insanların gözlerini önemli veya tıklanabilir öğelere yönlendirmeleri için sayfaya stratejik olarak grafik ve görseller yerleştirmeyi düşünmelisiniz . Aklınıza gelen ilk şey oklardır. Bu, insanlara gözlerinin ve farenin nereye gitmesini istediğinizi söylemenin açık bir yoludur.

Ama bu kadar dikkat çekici olmak zorunda değilsin. Web sitenizde bir fotoğraf kullanmak istiyorsanız, öğeleri düğmelerinize veya önemli metne doğru açılı olacak şekilde yapın.

Fotoğraftaki bir kişinin doğrudan sayfanızın en önemli kısmına bakmasını sağlayın. Hatta uzun zaman önce yapmadığım gibi işaret edebilirler. Gucci'nin web sitesinde, şirketin kadın ayakkabı koleksiyonunun reklamını yapmak için bir ayakkabı görseli kullandığını görebilirsiniz.

Bir Gucci reklamı için bir açılış sayfası

Ancak daha yakından bakarsanız, ayakkabıların “Dükkan” düğmesine doğru açılı olduğunu fark ediyorsunuz.

Orijinal amaç bu olsa da, tıklanabilir öğeye dikkatinizi çekerler. Umarım tüm bu örnekler, bir açılış sayfasının nasıl tasarlanacağını daha iyi anlamanızı sağlamıştır.

Sana son tavsiyem her şeyi test etmen.

Bir tasarım seçip çalışmıyorsa ona bağlı kalmak zorunda değilsiniz.

Google Optimize veya VWO gibi test araçları , site ziyaretçileriniz için hangi tasarımların en iyi sonucu verdiğini anlamanıza yardımcı olabilir. Bunun gibi testler yapmak, diğer videolarımızdan bazılarını öğrenebileceğiniz, dönüşüm oranı optimizasyonunun bir parçasıdır . Dönüşüm sağlayan açılış sayfaları oluşturmanıza yardımcı olacak bir tasarımcı ekibi arıyorsanız , video açıklamasındaki bağlantı aracılığıyla bize ulaşmaktan çekinmeyin.

Son olarak, YouTube kanalımıza ve e-posta bültenimiz Revenue Weekly'ye abone olmayı unutmayın . Açıklamada Haftalık Gelir bağlantısını da alın . Bir dahaki sefere görüşürüz!