Dönüşüm Merkezli Tasarımın 7 İlkesi

Deneyimli pazarlamacılar, inişi yüksek oranda dönüşüm sağlayan belirli kalıplar ve tetikleyiciler olduğunu anlamaya başladılar. Gözlemlerini eyleme geçirilebilir yönergelere dönüştürdüler ve işte buradayız - bu, dönüşüm merkezli tasarımın kısa bir hikayesi. Artık çay yapraklarını okumanıza ve kullanıcılarınızın davranışlarını tahmin etmeye çalışmanıza gerek yok. Şimdi, kontrol sizde.

Bu yazıda, dönüşüm odaklı tasarımdan ve bunu e-postalarınızda ve açılış sayfalarınızda nasıl kullanabileceğinizden bahsedeceğiz. Tasarım seçimlerinizin asla rastgele olmaması gerektiğini unutmayın - her ayrıntı bir amaca hizmet edebilir!

Dönüşüm merkezli tasarım nedir ve neden önemsemelisiniz?

Dönüşüm merkezli tasarım (CCD), ticari olarak etkili açılış sayfaları, e-posta şablonları ve diğer içerik türleri tasarlamak için bir dizi kural veya ilkedir. Bu stratejiyi kullanarak size daha yüksek kaliteli potansiyel müşteriler, aboneler ve müşteriler getiren içerik oluşturabilirsiniz.

Başlangıçta, bu ilkeler Unbounce'ın ekibi tarafından oluşturuldu. Pazarlama sözlüğüne girdiler ve şimdi çeşitli uzmanlar ve uygulayıcılar tarafından özgürce uyarlanıp yorumlanıyorlar. Ancak, anlamları ve alaka düzeyi biraz değişmedi.

Kabul edelim, 2021, ancak birçok açılış sayfası kafa karıştırıcı ve sezgisel değil.

Bir kullanıcı, NY merkezli bir fırının reklamını tıkladıktan sonra bu sayfaya gelir. Yeni başlayanlar için, sayfa reklamla alakalı değil. Tonlarca düşük kaliteli görüntü ve kopya içeren bir kaydırıcıya, tuhaf sayıda bağlantıya, devasa bir menüye ve kullanıcıların neden bu mekana dikkat etmeleri gerektiğine dair hiçbir açıklama yok. Burada neler olduğunu anlamak zor ve bu izole bir vaka olmaktan çok uzak!

Dönüşüm merkezli açılış sayfası tasarımı, kullanıcıların tipik bir karmaşık ticari sayfaya geldikten sonra sıklıkla yaşadıkları karışıklığın önlenmesine yardımcı olur.

Aynı monologun ziyaretçinizin kafasında geçmesini kesinlikle istemezsiniz .

Açılış sayfalarınızın ve e-postalarınızın kullanıcılarınıza nazikçe rehberlik etmesini ve onlara keyifli, sorunsuz bir deneyim sunmasını istiyorsunuz. Amacınız, hedef kitlenizle bağlantıda kalmak ve markanızla ilgilenmelerini sağlamaktır. Zahmetsizce dönüştürmelerini istiyorsunuz.

Dönüşüm merkezli tasarım, bunu başarmak için izlemeniz gereken tam yaklaşımdır. İkna edici tasarım, kullanıcılarınızın teklifinizin değerini anlamalarına ve harekete geçirici mesajınıza göre hareket etmelerine yardımcı olacaktır. Sayfanızdaki her bir tasarım öğesinin dönüşüm sağlayabileceğini söyleyecek kadar ileri gideceğiz - ve olmalıdır da!

Bu nedenle, bir düzen oluştururken göz önünde bulundurmanız gereken dönüşüm merkezli tasarımın yedi ilkesi şunlardır:

1. Ziyaretçilerin odaklanmasına yardımcı olun . Kullanıcıların teklifinizin anlamını bir bakışta anlayabildiğinden emin olun.
2. Sağlam bir yapı oluşturun . Doğal bir akış oluşturan bir içerik hiyerarşisi geliştirin.
3. Tutarlılığı koruyun . İçeriğinize tutarlı ve birleşik bir görünüm kazandırın.
4. Avantajları vurgulayın . Ürün veya hizmetinizle hayatın ne kadar kolaylaştığını belirtmek için her tasarım öğesini kullanın.
5. CTA'larınızı öne çıkarın . Kullanıcılarınızın yolculuklarının herhangi bir noktasında dönüşüm gerçekleştirmesine izin verin.
6. Güven kazanın . Müşterilerinizin ve sektör uzmanlarınızın ürününüz veya hizmetiniz hakkında ne düşündüğünü gösterin.
7. Sürtünmesiz bir deneyim yaratın . Sayfanızı daha sezgisel ve kullanışlı hale getirmek için düzenleyin ve optimize edin.

Her zaman dönüşüm merkezli bir tasarıma mı ihtiyacınız var? Hayır demeye cüret ediyoruz. Yalnızca eğlence amaçlı veya bilgilendirici sayfalar veya belirli bir CTA'sı olmayan e-postalar gibi kuralın bazı istisnaları vardır. Bununla birlikte, ticari içerik neredeyse her zaman dönüşüm odaklı bir yaklaşım benimsemeyi gerektirir.

İlke 1. Kullanıcılarınızın odaklanmasına yardımcı olun

Herhangi bir fikir, ne kadar karmaşık olursa olsun, kapsamlı ve net bir şekilde özetlenebilir. Hiç kimse daha önce hiç duymadığı bir şey hakkında sayfalarca metin okumak istemez. İkincil ayrıntıları atlarken, ürün veya hizmetinizin en önemli özelliklerini öne çıkarmanız ve vurgulamanız gerekir. Kullanıcılarınızın birkaç cümleyi okuduktan sonra yolda kalmalarını sağlamak için içeriğinize biraz yönlülük katın.

Bunu yapmanın en iyi yolu, metniniz boyunca odak noktaları oluşturmaktır. Odak noktaları, genellikle zıt başlıklar, gerçekler veya insan yüzü gibi görüntülerin bölümleri olan görsel olarak öne çıkan öğelerdir. Metin taramayı ve ekmek kırıntısı gibi çalışmayı kolaylaştırarak, kullanıcıyı hepsini toplamak için bir bölümden diğerine gitmeye zorlar.

Gerçek hayatta nasıl çalıştığını görelim.

Ando'nun e-posta tasarımı, benzersiz satış önerilerini "Daha sürdürülebilir bir yarın için mobil bankacılık" vurguluyor. Güçlü başlığı, okuyucuları eko-bankacılık hakkında daha fazla bilgi edinmeye ve hemen bir hesap açmaya motive eden kısa bir açıklama takip ediyor.

Olumlu bir örnek de var, ancak gösteriyi çalmıyor - ana odak noktası hala teklifte. Bu örnekte, karmaşık metinleri özel simgeler eşliğinde madde işaretlerine ayırmanın ne kadar yararlı olabileceğini görüyoruz. Genel okunabilirliği artırır ve e-postayı daha dönüşüm odaklı hale getirir çünkü hedef kitlesi bu bankacılık sisteminin ana avantajlarını hemen görebilir. Son fakat en az değil, tamamen hukuk dili eksikliği okuyucuların teklifin anlamına odaklanmasına yardımcı olur.

Daha önce iyileştirilmesi gereken bir restoran açılış sayfası göstermiştik. Şimdi, dönüşüm merkezli açılış sayfası tasarımının özüne bir göz atalım.

Bu sayfa gerçekten kullanıcının dikkatini çeker ve bu çerezleri istemelerini sağlar - başka bir şeye odaklanmak imkansızdır. Çarpıcı başlıklar ve ağız sulandıran fotoğraflar sayfanın ne hakkında olduğunu anında açıklar ve net açıklamalar gerisini halleder. Sayfanın yaratıcıları, marka geçmişi ve kullanıcı tarafından oluşturulan içerik akışı gibi daha az önemli bölümleri, ilk kez gelen ziyaretçilerin dikkatini dağıtmamak için altbilgiye daha yakın yerleştirdi.

Prensip 2. Sağlam bir yapı oluşturun

Tıpkı biz insanlar gibi, ticari içeriğin de güçlü ve sağlıklı bir omurgaya, yani tüm unsurları yerinde tutacak bir yapıya ihtiyacı vardır. Doğru e-posta veya açılış sayfası hiyerarşisi, kullanıcılarınızın farkındalık kazanmasına, markanıza karşı güven geliştirmesine ve doğal olarak kolaylıkla dönüşüm gerçekleştirmesine yardımcı olacaktır.

Sadece güzel görünen bir şablon seçmek acemi bir hatadır - içeriğinizi güçlendirmeniz ve bazı fedakarlıklar yapmanız gerekir. Bunun yerine, kendiniz zihinsel veya manuel olarak kaba bir taslak oluşturun. Hedeflerinizi tanımlayın ve hedef kitlenize iletmek için neye ihtiyacınız olduğunu ana hatlarıyla belirtin. Ardından, tam da bu yapıya uyacak bir şablon arayın.

İşte nasıl yapılabileceği - Diadora'dan özel bir teklif e-postası.

Bu dönüşüm merkezli yapı hiç de rastgele değildir - çoğu e-ticaret e-postası aynı önem hiyerarşisine sahiptir. Üstte düzenli bir menü, dikkat çekici bir görsel öğe, kısa bir açıklama ve bir CTA düğmesi var. Bu temel öğeleri genellikle biraz daha az önemli tıklanabilir ürün önizlemeleri ve ek açıklamalar izler.

Sağlam bir yapıya sahip olmak, birbiri ardına blok eklemek ve e-postanızı veya sayfanızı metin ve resimlerle dolu hale getirmek anlamına gelmez. Negatif veya beyaz alan ayırmak da aynı derecede önemlidir - düzeninize biraz hava verir ve hafif, basit ve zarif görünmesini sağlar. Beyaz boşluk, yalnızca akıllıca kullanıldığında dönüşümleri artırır, çünkü kalan öğelere dikkat çeker.

Bir AI konuşma analizi hizmeti için bu tam olarak birleştirilmiş açılış sayfasına bir göz atın.

Bu sayfa beyaz alanı iyi kullanıyor. Çok fazla bilgisi var ama öğeler üst üste oturmuyor ve görsel bir çelişki oluşturmuyor. Yine de sayfa dönüşüm dostudur - birçok zıt CTA düğmesi, işlem yapılabilir kopyası ve değere dayalı içeriği vardır. Yapı orada, ancak ziyaretçilerin nefes almasına izin verecek kadar hava da var.

İlke 3. Tutarlılığı koruyun

Stilleri denemek ve üzerinde oynamak güzeldir, ancak içerik varlıklarınızın tanınması, otorite kazanması ve potansiyel müşterilerinizi tekrar eden müşterilere dönüştürmek için tutarlı bir görünüm sağlamanız gerekir. Kolayca tanımlanabilen grafik öğeleri, benzersiz yazı tipi kombinasyonları veya bir renk paleti — markanıza uygun olan ve içeriğinizi ayırt edilebilir kılan her şeyi kullanın.

Marka bilinirliği, yalnızca Apple ve Tesla gibi büyük şirketlerin endişe duyduğu bir şey değildir. Herhangi bir boyuttaki bir marka yalnızca tanınmakla kalmaz, aynı zamanda çekirdek kitlesi tarafından takdir edilir, sevilir ve tanıtılabilir. Bir acil durum kiti üreticisi olan Judy'yi örnek alın.

Bu e-postayı Judy web sitesiyle karşılaştırın ve benzerlikleri hemen fark edeceksiniz: tanınabilir yazı tipleri, aynı turuncu tonu, samimi ve sevecen bir ton, eğitici öğeler ve aile güvenliğine vurgu. Bağlantı kopukluğu yok – aynı markayla sadece farklı araçlar aracılığıyla etkileşim kurduğunuzu hissediyorsunuz.

Kullanıcılar belirli bir şirketten düzenli olarak e-posta aldıklarında, o benzersiz iletişime ve görsel üsluba alışmakta ve o markadan gelen e-postaları anında tanımaya başlamaktadırlar. Kitlenizle ilişkilerinizi derinleştirmek istiyorsanız, onlara her seferinde farklı kanallarda birleşik bir deneyim sağlamanız gerekir.

İlke 4. Faydaları vurgulayın

Blogumuzda e-posta tasarımı ve açılış sayfası tasarımı hakkında çok şey yazıyoruz, bu nedenle müşteri merkezli ve fayda odaklı bir yaklaşımın önemini zaten duymuş olabilirsiniz. Dönüşümleri artırmak için çok önemli bir bileşendir - faydalar, tüketiciler için belirli bir ürün veya hizmeti arzu edilir kılar. Bunları esprili metinler ve çekici görüntüler veya videolar yardımıyla vurgulayabilirsiniz.

Çok satan bir yazar, konuşmacı ve liderlik güveni uzmanı David Horsager'ı tanıtan bir açılış sayfasına bakalım.

Kişisel karizmayı metin üzerinden iletmek gerçekten zor, ancak bu açılış sayfası, doğrudan doğruya metni, ikna edici incelemeleri ve göz alıcı videoları ile bunu başarıyla yapıyor. Web sitesi, büyük şirketlerin etkinliklerinde konuşmak için David'i neden işe aldıklarını ve David'in her etkinliğe nasıl gerçek değer katabileceğini ve her etkinlik katılımcısını olumlu yönde etkileyebileceğini açıkça ortaya koyuyor. Ziyaretçilerin, David'in uzmanlığı hakkında bilgi edindikten sonra ekibiyle iletişime geçmeleri önerilir.

Belirli bir ruh halini veya atmosferi iletmek için ürününüzün faydalarını seçilen resimler aracılığıyla da çevirebilirsiniz.

Bu e-posta, konuşmayı konuşmak yerine, kullanıcıları duygusal yönlerine dokunarak egzersiz ve hareketin gücünü kutlamaya davet ediyor. Asics spor ayakkabılarını giyerken aktif bir hayat yaşayan özgür ruhlu karakterlere sahip otantik, gerçek hayattan fotoğraflar içerir. Balık gözü efekti, görüntülerin daha spontane görünmesini sağlar ve bu titreşimi mükemmel bir şekilde yakalar - bir çift sipariş etmek ve Asics topluluğuna katılmak çok caziptir.

İlke 5. CTA'larınızı öne çıkarın

İçeriğiniz CTA'lar olmadan güçsüz kalır. İçeriğinizin kaydırılması gerekiyorsa, ekranın üst kısmında en az bir belirgin CTA düğmeniz ve metin boyunca ek CTA'larınız olduğundan emin olun. CTA kopyanızı kısa tutun ve kullanıcıları hemen harekete geçmeye motive eden aktif fiiller ekleyin.

Dönüşüm merkezli açılış sayfası tasarımı ilhamı için Blendjet'in kaynaklarına gidebiliriz.

"Bugün sizinkini alın", etkili bir CTA'nın harika bir örneğidir. Ekspres teslimat sunuyorsanız, kullanıcılarınızın ürününüze birkaç saat veya gün içinde ellerine geçebileceklerini bilmelerini sağlamak için bunu CTA'nızda belirtin. Bu sayfada ayrıca "Tarifleri keşfet" gibi ek CTA'lar da görüyoruz, ancak bunlar kasıtlı olarak şeffaf hale getirildi ve bu nedenle daha az fark ediliyor.

Markanızın renk paleti parlak renkler içermiyorsa, Under Armour'daki bu örnekte olduğu gibi, onları öne çıkarmak için harekete geçirme düğmelerinizi büyütebilirsiniz.

İyi bir kural, CTA'nızın yazı tipi ağırlığını düz metninizden daha ağır, ancak ilk başlığınızdan daha hafif tutmaktır. Düğmeleri fark etmek ve tıklamak, köprülere göre çok daha kolaydır, bu nedenle bunları her tür ticari e-postada kullanırken yanlış gidemezsiniz.

Destekleyici kopya her zaman gerekli değildir - bir sayfanın veya e-postanın biraz daha karmaşık görünmesini sağlar, ancak CTA'nız bir satın alma işlemi yapmayı gerektiriyorsa buna ihtiyacınız vardır. Ardından, "Para iade garantisi" veya "14 gün boyunca ücretsiz deneyin", kullanıcıların şüphelerini giderebilir ve sonuçta dönüşüm oranınızı artırabilir.

İlke 6. Güven kazanın

Doğru kullanırsanız, sosyal kanıt kitlenizin kalbinin anahtarı olabilir. Blogumuzda müşteri geri bildirimi toplamanın yollarından zaten bahsetmiştik - çalışmaya başlamak için olumlu eleştirileriniz olduğundan emin olun.

Kendinizi logo çubuklarıyla sınırlamayın - işinize yönelik duygularını değil, birlikte çalıştığınız markaları zar zor gösterirler. Her müşterinin referansını küçük bir başarı hikayesine dönüştürmenizi öneririz. Sosyal kanıtınız ne kadar dokunaklı, çeşitli ve özgün olursa, o kadar güvenilir görünecektir. Müşterilerinizin gerçek adlarını, mesleklerini ve fotoğraflarını sunmaya hazırlarsa ekleyin. Ancak daha da önemlisi, onlardan ürününüz veya hizmetiniz tarafından tetiklenen gerçek izlenimlerini ve duygularını açıklamalarını isteyin.

Working Against Gravity, çevrimiçi bir beslenme koçluğu programıdır ve müşterileri etkileyici dönüşüm hikayelerini öncesi ve sonrası fotoğraflarıyla paylaşmaktan çekinmezler.

Müşteri güvenini kazanmanın bir başka yolu da onlara markanızın mirasını ve zengin tarihini hatırlatmaktır. Bir moda spor giyim markası olan Sergio Tacchini'nin tercih ettiği yol budur.

İşletmenizin yerel veya küresel ölçekte kültürel etkisi varsa, bu gerçeği anlatmak için ilgi çekici bir hikayeye de dönüştürebilirsiniz. İnsanlar, güvenilirliklerini ve dürüstlüklerini ve kaliteye olan bağlılıklarını gösterdiği için tarihi olan markalara çekilir.

İlke 7. Sürtünmesiz bir deneyim yaratın

Kullanıcı deneyimi, içeriğinizin yüklenme hızıyla başlar. Açılış sayfanızın çok ağır olduğundan ve dönüşümlerinizi engellediğinden şüpheleniyorsanız, tahminde bulunmayın, yalnızca Google PageSpeed ​​Insights'ı kullanarak kontrol edin.

Sıradaki örnek, özel efektler ve diğer ağır unsurlarla doldurmadan güzel ve renkli bir web sitesi oluşturabileceğinize sizi ikna edecek.

Bombas dayanıklı çorap, iç giyim ve gömlek üreten bir firmadır. Ayrıca yapılan her alışverişten bir ürün bağışlayarak evsizlere destek oluyorlar. Bu inanılmaz amaca yönelik işletme, kullanımı eğlenceli basit ve sezgisel web sitesi sayesinde iç çamaşırı alışverişini bir şekilde daha keyifli hale getirdi.

Ayrıca içeriğinizi analiz etmeniz ve onu kullanıcı dostu ve mobil öncelikli hale getirmeniz gerekir. E-postalarınızı ve sayfalarınızı hareket halindeyken kolay okunur hale getirmek için tek alanlı formlar, tek sütunlu düzenler ve duyarlı tasarım kullanın. Tüm e-postaların yarısından fazlasının bir mobil cihazda açıldığını unutmayın.

E-postalarınızın herhangi bir cihazda ve hatta düşük İnternet hızlarında bile doğru şekilde görüntülendiğinden kesinlikle emin olmanın bir yolu vardır - basitliği benimseyebilir ve içeriğinizi kasıtlı olarak gösterişli ve hacimli öğelerden arındırabilirsiniz.

Kusursuz, doğal bir his veren düz metin e-postalar lehine açık bir eğilim var, bu yüzden aynı zamanda akıllı bir stilistik seçim olacak. Temiz, minimalist e-postalar sorunsuz bir deneyim yaratacak ve kullanıcılarınızı bunaltmadan yumuşak bir şekilde dönüştürmeye zorlayacaktır.

Hepsini birbirine bağlamak

Dönüşüm odaklı tasarımın bu yedi ilkesini takip edin ve içeriğinize uyumlu ve dengeli bir görünüm verirken aynı zamanda yeni potansiyel müşteriler yakalayıp müşteri tabanınızı büyütün. Az önce öğrendiklerinizi uygulamak için SendPulse araçlarını da deneyebilirsiniz.

Sürükle ve bırak açılış sayfası oluşturucumuzla başlamaya ne dersiniz? Şablonlarımızdan herhangi birini özelleştirebilir ve yalnızca ihtiyacınız olan öğeleri ekleyerek dönüşüm canavarları oluşturabilirsiniz. Veya kodsuz e-posta oluşturucu ve otomasyon hizmetimizle e-posta pazarlama kampanyalarınızı güçlendirin. Araçlarımızla, yeterince yaratıcı özgürlüğe sahip olur ve dönüşüm oranlarınızı artırmanın yeni yollarını açarsınız!