Harika Tasarım Alıcının Yolculuğunu Nasıl Güçlendirir?

Tasarım neden önemlidir? Öyle olduğu apaçık görünüyor. Üzerinde çalıştığımız her şeyin “iyi görünmesi” için çok zaman harcıyoruz.

Ama bunun ne kadar önemli olduğunun farkında mısın? Ve sadece "iyi görünmekten" daha fazlasını tasarlamak var mı?

Pazarlama Tasarımının İşlevi

Bir tost makinesinin neden tost makinesine benzediği hakkında konuşmaya başladığımız yabani otlara girmeden, bu soruyu sadece pazarlama terimleriyle cevaplayalım. Pazarlamada tasarım neden önemlidir?

Tasarımın pazarlama dünyasında üç ana işlevi yerine getirdiğini söyleyebilirim:

• Tasarım bir rehberdir. Tasarım, şirketinizle ilgilenen veya belki de potansiyel olarak ilgilenen kişilere sizinle bağlantı kurma yolunda rehberlik eder. Harika tasarım, önemli bilgilerin ne olduğunu netleştirir ve kullanıcıya ne yapmasını istediğiniz konusunda rehberlik eder. Bir web sayfasının tasarımı, kullanıcıya nereye tıklayacağını ve nasıl gezineceğini göstermeye yardımcı olur. Bir düğmenin tasarımı “Ben bir düğmeyim, beni tıkla” demelidir.
• Tasarım bir elçidir. Tasarımınız şirketinizi temsil eder. Logonuz, web siteniz, bir e-posta… Bunlar genellikle potansiyel bir müşterinin şirketinizi ilk kez öğrenirken gördüğü ilk şeylerdir. Bir elçi olarak harika tasarım sizi rakiplerinizden ayırır. Görsel stilinizi tanımlar. Şirketinizi benzersiz kılan şeyleri iletir. Aynı zamanda güven oluşturur. İnsanlar içgüdüsel olarak iyi tasarlanmış, modern bir web sitesine, en son 2006'da güncellenen kalitesiz bir web sitesine güvenirler.
• Tasarım bir satış elemanıdır. Tasarım, aslında, alıcının yolculuğunda insanları hareket ettirme çalışmalarının bir kısmını gerçekleştirebilir. Tasarım, olasılıkları farkındalıktan değerlendirmeye ve karara kadar ileriye taşımaya yardımcı olur. Satışları yönlendiren bir bağlantı oluşturur. Harika gelen pazarlama tasarımı, doğrudan alıcı kişilerinize hitap eder. İlgiyi ateşler ve bu ilgiyi koruyarak ve temel farklılaştırıcılarınızı vurgulayarak alıcının yolculuğu boyunca beklentileri harekete geçirir.

Harika Tasarımın Üç C'si

Peki tasarımı harika yapan nedir? Daha önce bunun sadece iyi görünmekten daha fazlası olduğunu söylemiştik. “Tasarımı harika yapan nedir?” diye düşünebildiğim en basit cevap. Sihirli bir tesadüf eseri C harfi ile başlayan üç kelimeden oluşur.

• Harika tasarım açıktır . Tasarımın işlevlerinden birinin, yalnızca bir web sitesinde sayfadan sayfaya değil, aynı zamanda gözleri önemli bilgilere yönlendirerek, hedef kitlenizi gitmelerini istediğiniz yere yönlendirmek olduğunu biliyoruz. İyi tasarım bunu mümkün olduğu kadar net olarak etkili bir şekilde yapar. Müşterilerinizin veya potansiyel müşterilerinizin nereye tıklayacaklarını tahmin etmelerini veya önemli bir paket servisi kaçırmalarını istemezsiniz. Bu yüzden tasarımın net olmasını istiyoruz.
• Harika tasarım temiz . Mesajınızı temel bileşenlerine indirgeyin. Bu, yazılı içeriğinizdeki kelime sayısını minimumda tutmak anlamına gelir, ancak aynı zamanda tasarım içeriğinizi minimumda tutmak anlamına gelir. Yağı kesin ve tasarımınızı yalın tutun.
• Harika tasarım tutarlıdır . Logonuzu, renk paletinizi, yazı tiplerinizi ve illüstrasyonlarınızın, ikonlarınızın veya fotoğraflarınızın stilini tutarlı bir şekilde kullanarak markanızı tanımlayın. Tutarlılık, bir alıcıyı yolculuğu boyunca çekmek için güçlü bir güç olabilir.

Şimdi bunların her birine daha derinlemesine bakalım ve harika tasarımın bu üç anahtarının her biri için bahsettiğimiz örneklere bakalım.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Belirsiz Tasarım Örnekleri

Net olmayan tasarımın bazı örneklerine bakarak net tasarımın ne olduğunu tanımlamak belki de en iyisidir. Bunu günlük hayatımızda da görebiliriz …

Hangi düğme aşağı inecek? Tahmin edebilirsin ve 50/50 şansın var ama tahmin etmek zorunda değilsin. Bu düğmelerin tasarımcısı UI hakkında düşünmedi. Tasarımın bu gibi şeyleri daha zor değil, daha kolay anlamasını sağlayın.

İşte … için bir web sitesi, bir şey yapan bir şirket . Buna bakarak söyleyemem. Bu web sitesinin püf noktası, mesajı okumak için fareyi sol üstteki mavi filtrenin üzerine getirmenizdir. Ardından, şunu söylediğini görebilirsiniz:

Ey. Hıh .

Yani, şirin, değil mi? Ama kendilerini biraz geride bıraktılar, değil mi? Bunu, kullanıcının okuyabilmesi gerekip gerekmediğini veya bir oküler migreni olup olmadığını anlamaya çalışmak için birkaç saniye harcamak zorunda kalacak şekilde yaptılar. Ardından, mesajı ortaya çıkarmak için fareyi belirli bir alanın üzerine getirmeleri gerekir.

Hepsi, “Ah. Huh ."

Tüm kullanıcıların söyleyeceği bu, değil mi? "Ey. Huh." Ama size garanti ederim ki Bolden'deki tasarımcılar bunu ortaya çıkardıklarında birbirlerine beşlik çakıyorlar.

Web tasarımcınızın veya içinizdeki tasarımcının kendi iyiliğiniz için fazla zeki olmasına izin vermeyin. Zeki olmak iyidir, ancak mesajlarını anında ve net bir şekilde iletirken akıllı olmanın bir yolunu bulmaları gerekirdi.

Bu resme baktım ve hepsini okudum ve hala anlamadım. Gün içinde bir saat park yeri var ama 6'dan sonra ne olacak? bilmiyorum . _

Sonra Pazartesi ve Pazar için belirli yönergelerimiz var, sonra Cuma ve Cumartesi'ye geri dönüyoruz. Peki diğer günler? Sanırım en üstteki işaret bunun için ama emin değilim.

emin olmalıyım. Ve birisi emin. Size garanti ederim ki bu caddedeki bilet memurları, dakikasına kadar arabaları ne zaman biletleyebileceklerini biliyorlar. Bu sokakta kuralların ne olduğunu bilen biri, bunu anlatmak için daha net bir tasarım kullanabilirdi.

Daha iyi ne olabilir? Haftanın günleri üstte, günün saatleri yan tarafta olan bir tablo hayal edin. Renk kodlu bloklar size ne zaman park edebileceğinizi söyler. Yeşilin içindeysen, iyisin! Böyle bir işaret açık, anlaşılması kolay ve kelimelerin sadece bir kısmını kullanarak bu işaretin yarısından daha az yer kaplar.

Net tasarım neredeyse her zaman mümkün olan en basit şekilde iletişim kurar.

Ve bu bizi bir sonraki C: Clean'e götürür. Öyleyse bir kez daha tam tersi örneklere bakarak tanımlamaya çalışalım.

Hepimiz her gün postada böyle şeyler alıyoruz. Gerçekten onlara bakan var mı? Sanırım birileri yapar ya da yapmazlar. Tıpkı birinin spam e-postalardan ve otomatik aramalardan bir şeyler satın aldığını tahmin ettiğim gibi . Bunu yapan herkesin hayatını mahvediyor. Ama bayılırım …

Yani burada neye bakacağımızı gerçekten bilmiyoruz, değil mi? Gözlerim hiçbir şeye sabitlenemiyor, bu yüzden sadece parlıyorlar. Bu uç bir örnek, ancak tasarladığımız her şeyde potansiyel bir tuzak. Tek bir mesaja indir. Bu mesajı etkili bir şekilde iletin. Bu temiz tasarım.

Bu web sitesi ana sayfası çok daha az uç bir örnektir, ancak yine de daha temizin daha iyi olacağı bir durumdur. Tüm rengi ve dokusuyla yoğun arka plan görüntüsü, ana başlığı neredeyse okunamaz hale getirdi. Belki daha da kötüsü, asıl harekete geçirici mesaj olması gereken şey daha da gizli! (Orada okun yanındaki küçük "Şimdi Alışveriş Yap"ı görüyor musunuz?) Daha temiz bir tasarım, bu önemli mesajların kaybolmamasını sağlar.

Burada tamamen yanlış bir mermer arka planımız var, garip logolar - bunlardan biri 3 kez! – ve tasarımcıya sunulan her yazı tipi ve parlak ana renk. Bunu korkutucu alıntılara koyalım. "Tasarımcı."

O yüzden burada neyin yanlış olduğunu söylememe gerek yok. Sadece korkunç görünüyor. Bunun ne için olduğunu anlamak için ciddi bir çaba gerekiyor . Temiz tasarımın bir parçası, mesajlarınızın hiyerarşisini oluşturmaktır.

Kitlenizin bilmek istediği şey açısından düşünün. Önce ne hakkında konuştuğumuzu bilmek isteyecekler mi? Birinci mesaj “İlk Yıllık Pennington Hamfest” olmalıdır. Bu, her şeyden çok daha belirgin olmalıdır.

Ardından seyirci “Tamam, bu ne?” diye sorar. Bu, önem sırasına göre ikinci olmalı, ama bunun yerine bence cevap şu köşede saklı: “Ham Radio Swapmeet .” Dışarıdaki biri heyecanlanmadan önce, üzgünüm, kaçırdın. Birkaç yıl önceydi.

Bunun gibi bilgiler - zaman ve yer - öne çıkan üçüncü seviye olmalıdır. Ve benzeri.

İzleyicilerinize bilmek istedikleri konuda rehberlik etmek için tasarımı kullanabilirsiniz: "Pennington Hamfest bir amatör radyo takas toplantısıdır ve 2 Haziran 2012'dedir." Temiz tasarım bunun önüne geçmez, daha hızlı ve daha kolay hale getirir.

Bu temiz bir şekilde tasarlanmamıştır, ancak aynı zamanda bir sonraki “C” ye hoş bir geçiş sağlar çünkü aynı zamanda hiç de…

Tutarlı. Bu, tartışacağımız son "C" mizdir, sonra bu üç harika "C" tasarımının alıcının yolculuğuna nasıl uygulanacağına geçeceğiz.

O halde yukarıdaki resme tutarlılık açısından bakalım.

Dediğim gibi, orada bir sürü yazı tipi var. Hepsi farklı ağırlıklar, hepsi farklı renkler, bazıları italik, bazıları değil, bazıları özetlenmiş, bazıları gölgeli. Burada kesinlikle tutarlılık yok. Sanki her metin, her şeyden tamamen bağımsız olarak “tasarlanmış”, sonra hepsi bir arada sayfaya bırakılmıştı.

Tutarlı bir görünüm oluşturulmalı, ardından tüm tasarım bu görünümdeki küçük varyasyonlardan kaynaklanmalıdır.

İyi Tasarımın Kuralları

Herhangi bir projede, birkaç tutarlılık düzeyi olmalıdır. En üst düzey, şirketin yaptığı her şey için geçerli olan marka tutarlılığıdır. Tutarlılık yaratmak, esasen kurallar oluşturmakla ilgilidir. Temel marka tutarlılığınız en azından şu kurallardan oluşacaktır:

• Logo. Logosu olan her şirketin o logoyu nasıl kullanacağına dair kuralları olmalıdır. Uzatmayın, bir kısmını eksik bırakmayın, arkasına kocaman çirkin bir yıldız patlaması koymayın, bunun gibi şeyler.
• Yazı tipleri. Baskı tasarımında genellikle sadece iki yazı tipi seçmeniz gerektiğini söylerim. Birçok çevrimiçi uygulama için, sadece birini seçmek gerçekten en iyisidir. Ardından, o yazı tipinin farklı boyutlarını ve ağırlıklarını kullanabilirsiniz. Bir yazı tipi ailesi seçmek, tutarlı bir görünüm oluşturmak ve başka yerlerde biraz daha yaratıcılığa izin vermek için uzun bir yol kat eder.
• Renk paleti. Henüz yapmadıysanız, markanız için renk yönergeleri belirlemelisiniz - onları markanızın bir parçası haline getirmelisiniz. İletmek istediğiniz duyguya veya yaratmak istediğiniz ruh haline bağlı olarak, birlikte iyi çalışan bir renk paleti seçmenize yardımcı olacak birçok kaynak var.

Ardından, belirli projelerle, örneğin bir gelen pazarlama teklifiyle, bunun içinde de tutarlılık yaratacaksınız. Marka tutarlılığınızı göz önünde bulundurarak, her proje için…

• Bir temaya karar verin.
• Bu temaya dayalı bir görünüm oluşturun.
• Ve görüntüler ve bunları nasıl kullanacağınız için bir stil belirleyin. Bu, tutarlı bir görünümü paylaşan veya belirli bir fotoğrafçılık stiline bağlı kalan bir dizi simgeyi seçmek anlamına gelebilir.

Harika Pazarlama Tasarım Örnekleri

Şimdi konuştuğumuz tüm şeylerin bir örneğine bakalım, eylemde. Madison/miles media'da (web tasarım ajansı) oluşturduğumuz bir inbound pazarlama çizgi romanı için oluşturduğumuz kampanyaya bakacağız. Bu kitap üzerinde yıllarca çalıştık, bu yüzden gerçekten işe yarayan bir kampanya yaratmak istedik.

Alıcıyı yolculuğu boyunca ilerletmek için tasarımı kullanan bir gelen teklif kampanyasını nasıl oluşturduk?

Harekete geçirici mesaj butonumuzla başlayalım :

Şimdi gözden geçirelim ve harika tasarım kriterlerimizi karşıladığından emin olalım. Birincisi, açık mı? Mesaj basit ve net: “Gelen pazarlamayı eğlenceli bir şekilde öğrenin. Bedava çizgi romanını al." Ve tasarım bunun önüne geçmiyor. Aslında, altın rengimizle renklendirerek ana konumuz olan gelen pazarlamayı vurgulayarak mesajı daha da netleştirmeye çalışır. Ayrıca, bir kutuda "ücretsiz çizgi romanını al" var, bu yüzden bir düğme gibi görünüyor. Unutmayın, net tasarımda potansiyel müşteriyi kendi yönümüze yönlendirmek istiyoruz. Tüm CTA görüntüsünün bir düğme gibi görünmesini sağlamak veya görüntü içinde düğme benzeri bir öğe oluşturmak, "buraya tıklayın" diyerek potansiyel müşteriye rehberlik etmeye yardımcı olur.

Temiz mi? Öğelerimizi sınırladık: Ana karakterimiz, basit ve doğrudan bir metnimiz ve çizgi roman resmimiz var. Bütün bunlar çizgi romandan bir arka planın üstünde. Biraz görsel ilgi uyandırıyor, ancak diğer unsurlara hiç müdahale etmiyor.

Tutarlı mı? Pekala, bu çoğu insanın göreceği ilk parça, bu yüzden daha sonraki parçalarla tutarlı olması için burada bir görünüm oluşturuyoruz. Ancak, “WILD!” den altın rengi çekerek çizgi romanın kendisiyle tutarlılığı zaten sağlıyoruz. başlıkta, başlığın "Müşterilerinizi Sürdür" kısmı için kullandığımız yazı tipi ve alt başlık için kullandığımız kapaktan daha geleneksel yazı tipi. Bu, ana madison/miles medya markası yazı tipimiz olan Benton Sans. Bunu “Ücretsiz Çizgi Romanınızı Alın” düğmesi için kullanıyoruz.

Biz aynı zamanda bir basılı dergi tasarım ajansıyız, bu nedenle farklı pazarlama biçimlerimizde temsil edilen marka yazı tipimizi göreceksiniz. Bu markalaşmamız için çok önemli. Bir şirket her zaman tanınabilir olmalıdır, bu nedenle tasarım yolculuğunuz boyunca bunu unutmayın.

Dolayısıyla, evet, şirketimizin yerleşik görünümü ve teklifin kendisiyle tutarlıyız ve kampanyamızdaki diğer parçalar aracılığıyla öğeleri nasıl kullanacağımıza ilişkin başka yönergeler belirliyoruz.
İşte başka bir CTA düğmesi.

Bu, e-postalarda kullanılmak üzere tasarlanmıştır. Yine, tasarımın doğru olduğundan emin olduk…

• Temizlemek. Potansiyel müşteriye yolumuza net bir şekilde rehberlik edecek şekilde iletilmiş basit mesaj.
• Temiz. Sınırlı sayıda öğe, mesajı geliştirecek ve engellemeyecek şekilde kullanılır.
• Tutarlı. Önceki parçamızla aynı yazı tipleri, renkler ve görüntüler. Görünümü belirledik ve ona bağlı kalıyoruz.

İşte açılış sayfası.

Tabii ki, açılış sayfası çok önemli bir parça çünkü güvenin kurulduğu yer burası. Potansiyel müşteri size bazı bilgiler verecek ve özellikle bu günlerde bu konuda size güvenmeleri gerekiyor. "Açık, temiz, tutarlı" tasarım ilkelerimizi takip etmek, bu güveni oluşturmanın harika bir yoludur. İyi tasarlanmış bir açılış sayfası "Burada profesyonellerle uğraşıyorsunuz" diyor.

Bu açık. Çizgi romanımızın başlığı büyük ve kahraman sanatının altında ortalanmış. Ziyaretçiden ne beklendiği çok açık. Üç form alanını doldurun ve büyük, görülmesi kolay düğmeyi tıklayın. Basit.

Çok temiz. Başlangıçta bunun üzerinde açık mavi bir arka planımız vardı. Sadece temiz bir beyaz daha iyi sonuç verdi. Burada hiç süslü bir şey yok, ama buna gerek yok. Sadece çizgi roman sanatımızla görsel olarak ilginç birçok öğeye sahibiz.

Ve CTA'larla tutarlı. Aynı kaynaklardan gelen görüntüler, tek şey onlara şimdi çizgi romanın içine bir göz atmamız. Başka bir yazı tipi de eklediğimizi fark edebilirsiniz, ancak bu, Playfair Display adlı web sitemizdeki madison/miles'ın ikincil yazı tipidir. Bu yüzden şimdi bunun birazını getiriyoruz, ancak her şeyi yerleşik görünümlerle tutarlı tutuyoruz. Ayrıca altta bizim madison/mile media green olan yeşil çubuğumuz var. Yine, markamızın bir kısmını çok ince bir şekilde tanıtıyoruz.

Ve şimdi teşekkür sayfasına geldik.

Yine, açık. İçerik teklifini indirmek için büyük düğme. Ziyaretçiyi şimdi kim olduğumuz hakkında biraz daha fazla bilgi edinmeye yönlendiren çok net ikincil harekete geçirici mesajlar. Temiz. Bu sayfadaki mavi arka planı biraz farklılaştırmak için tuttuk. Ama çok ince ve göze batmayan. Ve son olarak, tutarlı. Aynı renkler, yazı tipleri ve görüntüler.

Teşekkür sayfasının umutlarından biri, ziyaretçinin bu bağlantılardan birini takip etmesidir. Bunun da yumuşak bir geçiş olmasını istiyoruz. Bu nedenle, web sitemizdeki Kaynaklar sayfasına gitmek için tıklarlarsa, yolculuklarının devamı gibi geliyor.

Yol boyunca marka yazı tiplerimiz ve renklerimiz gibi şeyler kullandığımız için markamızla tutarlılık sağladık ve teklifimizden ana sitemize sorunsuz bir geçiş sağladık. Tasarım açısından sarsıcı veya kafa karıştırıcı hiçbir şey yok çünkü bu marka tutarlılığını incelikli yollarla getirdik.

Bu nedenle, gelen pazarlamamızda net, temiz ve tutarlı tasarım kullanarak alıcının yolculuğuna güç veriyoruz. Potansiyel müşterilerinizi sizinle bağlantı kurma yolunda ilerletmek için tasarımınızda aynı ilkeleri kullanın .

madison/miles media, DesignRush'ta en iyi içerik pazarlama şirketi olarak tanınır.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}