Güzel E-posta Tasarımının En İyi Örneklerinden 14'ü

Bir pazarlama e-postasını açmak o kadar düzenli bir iştir ki, tüketiciler genellikle ikinci kez düşünmezler. E-posta pazarlamacıları olarak, hikayenin diğer tarafını biliyoruz. Yeni HTML e-posta ilhamı bulmak göz korkutucu bir görev olabilir.

Bir e-posta pazarlamacısı olduğunuzda, yapılacaklar listeniz genellikle şöyle görünür: Kaydolmak için müşteri adayları oluşturun, listelerinizi bölümlere ayırın, müşteri adaylarını besleyen iş akışları ayarlayın, net ve özlü e-posta metni taslağı oluşturun, teslim edilebilirlik için e-postalarınızı kontrol edin, basit işler için optimize edin metin ve HTML vb. “Eğlence bunun neresinde? " Merak edebilirsin.

Neyse ki, (biz dahil) tüm bunların eğlenceli olduğunu düşünen pek çok e-posta pazarlama meraklısı var. E-posta pazarlamasının bu daha az çekici yönleri - kampanyanızın başarısı için kritik olsa da - e-posta pazarlamasının gerçekten ne kadar harika olduğunun tüm resmini çizmiyor.

Düz metin veya basit e-postalar yine de son derece etkili olabilse de, bazen abonelerinizi yaratıcı, büyüleyici veya hoş bir şekilde sade e-posta tasarımlarıyla şaşırtmak istersiniz. Dışarıdaki bazı markalar, oldukça güzel olan e-postaların nasıl oluşturulacağını da anladılar. Bir sonraki e-posta pazarlama kampanyanız için biraz daha maceralı bir şeyle uğraşmak istiyorsanız, ilham almak için aşağıdaki örneklere göz atın.

İçindekiler:

E-posta Bülteni Tasarım Örnekleri

1. İşbirliği Fonu

Tasarımda kırmızı ve sarı, güçlü renk seçenekleri olarak hizmet ediyor . Kırmızının gücü veya tutkuyu taşıdığı bilinirken, sarı genellikle hem parlak hem de enerji verici olarak kabul edilir. Pek çok şirket, insanları çekmek için haber bültenlerinin üst kısmında büyük bir renk bloğu kullansa da, Collaborative Fund'daki insanlar, tüm e-posta boyunca kırmızı ve sarı renk patlamalarını birleştirerek bunu birkaç adım daha ileri götürdüler. Oldukça güçlü, değil mi?

Renk bir yana, gerçekten çekici bir deneyim yaratmak için bu buruşuk kağıt gibi farklı dokuları bir araya getirirken bu blokları ayırmak için temiz bölmelerden yararlandılar.

Görüntü Kaynağı

Profesyonel İpucu: İyi yapıldığında, yüksek kaliteli grafikler veya fotoğraflar (yukarıda kullanılan ufalanmış kağıt gibi) aracılığıyla bir dizi dokuyu birleştirmek, bir e-postayı görüntülemenin 2B deneyimini daha içgüdüsel ve ilgi çekici hale getirebilir.

2. Domino

Domino'nun bu haber bülteni pek çok bilgiyi içeriyor: depolama kısıtlamalı tasarım, eşantiyonlar, Chelsea Handler ile bir profil parçası, banyo ve yatak odası tasarım ipuçları ve harekete geçirici mesaj.

Bunu daha kolay taranabilir hale getirmek için Domino, bu kısa açıklamaları yüksek kaliteli resimlerle eşleştirdi. İşbirliği Fonu örneğinde olduğu gibi, her konuyu ayırmak için açık, yatay ayrımlar da kullandılar.

Görüntü Kaynağı

Pro İpucu: Kontrast renkleri birleştirmek, bölümler arasında ayrım oluşturmaya yardımcı olabilir ve her bölümden kolaylıkla göze çarpabilir.

3. InVision LABS

Bu, temiz bir tasarım ve göz alıcı bir renk içeren InVision'dan çok daha özlü bir e-postadır. Mavi arka plan, hem harekete geçirici mesajın hem de e-postanın altındaki beyaz kutunun dikkat çekmesini sağlar. Genişletilmiş ürün resimleri, alıcının açıklayıcı kopyaya geçmeden önce duyurunun neyi gerektirdiğini anlamasına yardımcı olur.

Görüntü Kaynağı

Renkli deneyim e-posta ile bitmiyor. Parlak mavi renk, ilgili web sitesine taşınır ve bu, kusursuz marka bilinci oluşturmanın güçlü bir örneğini oluşturur.

InVision'ın sade tasarımından ilham aldınız ve kendi kampanyanızı yaratmaya hazır mısınız? Mesajınızı oluşturmak ve dünyaya göndermek için HubSpot gibi ücretsiz bir e-posta pazarlama yazılımı kullanın.

4. Grup Merkezi

GrubHub'dan gelen bu e-posta, ürün tanıtımına harika bir örnek… çünkü kulağa hiç ürün tanıtımı gibi gelmiyor veya öyle hissettirmiyor. “Hey, yemeği seviyorsun. Hizmetimizi kullanarak sipariş etmelisiniz!”, e-posta, gerçekten harika bir etkileşimli içeriğin yardımıyla bir hikaye anlatıyor: partinizde ne servis etmeniz gerektiğini görmek için bir sınav (orada ne yaptıklarını görün?).

Alıcının dikkatini gerçekten çektiğinden, içeriği tanıtmak için kullandıkları doymuş GIF'i özellikle seviyoruz.

Görüntü Kaynağı

Profesyonel İpucu: Hareket göze çarpar. Bunu sosyal medyada ve diğer medya biçimlerinde görüyoruz. Bu özelliği e-postalarınıza eklemek, herkese açık içerikteki hareket faktörünün cazibesine kapılan izleyicilerin ilgisini çekebilir. Photoshop kullanarak nasıl GIF oluşturacağınızı öğrenin.

Besleyici E-posta Tasarım Örnekleri

5. Kullanışlı

Handy'den gelen bu basit karşılama e-postasını seviyoruz. Taban için griye ve logoya ve harekete geçirici mesajlara dikkat çekmek için parlak maviye dayanan renk şeması tutarlıdır.

Burada metin ve görseller arasında güzel bir denge var ve kutucuk tasarımı gözden geçirmeyi kolaylaştırıyor. Son olarak, markalarını temsil etmek için sevimsiz olmayan stok fotoğrafları kullanmalarını seviyoruz , bu da onları tüketici açısından daha gerçek ve sevimli kılıyor.

Görüntü Kaynağı

Profesyonel İpucu : Günümüzde çoğu izleyici, bir görüntünün stok fotoğraf mı yoksa orijinal olarak çekilmiş bir içerik mi olduğunu algılama konusunda bir dereceye kadar yeteneğe sahiptir. Stok fotoğraf kullanmanız gerekiyorsa, yalnızca e-postanın ve mesajın tonunu değil, markanızın genel estetiğini ve hissini temsil eden görsel veritabanlarına bakarken ve filtrelerken zaman ayırın.

6. Turnusol

Bir e-posta tasarım konferansı duyuran bir şirketten güzel bir e-posta bekleyebilirsiniz ve Litmus sizi hayal kırıklığına uğratmaz. E-posta, okuyucuların dikkatini çeken cesur bir renk patlamasıyla başlar. Bunun altında, özlü kopya, ilginç çizimler ve harika bir beyaz alan kullanımı içeren temiz bir tasarım bulacaksınız.

E-postanın alt kısmında, konferansın resmi hashtag'ini kullanan tweet'leri gösteren canlı bir Twitter yayını göreceksiniz. Bu sosyal medya faktörü, insanları etkinlikte nasıl bağlantıda kalacakları konusunda bilgilendirirken aynı zamanda artan katılıma bahse girmeye istekli olduğumuz gerçekten harika bir dokunuş.

Görüntü Kaynağı

Profesyonel İpucu: Yaratıcı olmak ve simgeleri ve çizimleri kullanmak, mesajı iletmenin ödüllendirici ve basit bir yolu olabilir. Tutarlı görünüm ve his, niyet ve tasarım stratejisini göstererek fark yaratır. En sık kullanılan simgeleri içeren ücretsiz simge paketlerini FlatIcon.com gibi web sitelerinde bulabilirsiniz.

7. Über

Pazarlamacılar olarak, tabloların ve grafiklerin bilgileri açıklamanın etkili bir yolu olarak kullanılabileceğini biliyoruz. Peki ya grafikleri e-postalara dahil etmeye ne dersiniz?

Uber'in bu e-posta tasarımı, basit grafiklerin kullanımıyla veri görselleştirmenin gücünü ustaca gösteriyor. Uber, düşürülen oranları açıklamak için kelimelere güvenmek yerine, işi yapmak için birkaç karşılaştırmalı görsel hazırladı. Parlak mavi renk seçeneği sayesinde, alıcıların fiyatların nasıl değiştiğini bir bakışta anlaması kolaydır.

Görüntü Kaynağı

Pro İpucu: İzleyicilerde heyecan uyandırmak sanıldığından daha zordur. Yukarıdakiler, Uber'in şirketten yeni teklifler için heyecanı canlandırmak için geçmiş verilerini nasıl kullandığına bir örnek teşkil ediyor. Olacakların potansiyeli, olanlarla ilişkilidir. Neyin geleceğini göstermeden önce ne yapıldığını gösterin, tüketicilere heyecanlarının güvende olduğunu bildirin.

8. Cuyana

İşte Cuyana'nın yeni bir ürünün "erken erişim" listesine kaydolan kişilere gönderdiği bir ürün tanıtım e-postası. E-posta tamamen yeni ürünü sergilemeye odaklanmıştır, ancak bu durumda, "erken erişim" listesine kaydolan kişilerin aradığı şey tam olarak buydu.

Negatif alan ve çekici yazı tiplerinin parlak kullanımı sayesinde e-postanın tasarımı temiz ve sofistike. Bu yaklaşım, bir kadın giyim ve aksesuar şirketi için markaya çok uygundur. Tutarlı renk kullanımını seviyoruz - özellikle alttaki harekete geçirici mesaj düğmesi için seçtikleri imza turuncu tonu.

Görüntü Kaynağı

Profesyonel İpucu: Bu, HubSpot kullanılarak yapılan bir e-posta örneğidir. Kitaplığımızdan daha fazla e-posta pazarlama örneğini incelemek için burayı tıklayın .

E-ticaret E-posta Tasarım Örnekleri

9. J. Ekip

Bazen kelimeler abartılabilir. Neden bir resmin hikayeyi sizin için anlatmasına izin vermiyorsunuz? Zaten J.Crew bu e-postada bunu yaptı. E-posta bir satışı teşvik ediyor, ancak bunu hemen anlayamazsınız: Tek gördüğünüz, "Bu kaydırmaya değer" kopyası ve çok uzun (ve kaydırmaya çok değer), yüksek çözünürlüklü bir resim. Bir dondurma konisi. İnceliği seviyoruz. Nefis!

Görüntü Kaynağı

Uzman İpucu: En alta inerseniz, dondurma külahının ucunun bir yön oku gibi davranarak alıcıları harekete geçirici mesaja yönlendirdiğini fark edeceksiniz. Fotoğraf, durağan bir görüntüden daha fazlası olarak hizmet edebilir, mesaj boyunca gözü yönlendiren etkileşimli bir rehber olabilir.

10. Elma

Apple'dan gelen bu tatil e-postası, gerçekten ilginç bir deneyim yaratmak için beyaz alanı ürün ekranlarıyla dengeliyor.

Ürünlerin tümü benzer bir renk şemasını paylaşırken, asıl ilgi çekici olan konumlarıdır. Apple, ürünleri stratejik olarak düzenleyerek e-posta boyunca değişen görsel modeller oluşturabildi. Bu yaklaşım, bir markanın ürünlerine olan güvenini sergilemek için en iyi yaklaşımlardan biridir. Ürünlerin kendilerinin mesajın odak noktası olmasının yanı sıra mesajın iletildiği araçlar olmasını sağlar.

Görüntü Kaynağı

Pro İpucu: Sürecin başında bir e-posta için tasarım taslağı hazırlamak veya eskizini çıkarmak, göz alıcı mesajlar oluşturmayı kolayca ulaşılabilir bir hedef haline getirebilir ve size zaman kazandırabilir.

11. Birlik Yapımı Ürünler

Tüketiciler, e-ticaret şirketlerinden web sitelerinden tatil hediyesi fikirlerini sergileyen çok sayıda e-posta alıyor ve bu, iyi yapılmış e-postalardan birine bir örnek. Burada, hem renkli hem de beyaz alanın gerçekten güzel bir şekilde kullanılmasını içeren, oradaki kopyayı ve görüntüleri biraz daha öne çıkaran basit bir tasarım seçtiler.

Sadeliğin, okuyucunun zihninin mesajdaki dikkat dağıtıcı unsurlara daha az odaklanmasına nasıl izin verdiğinden gerçekten keyif alıyoruz. Bunun yerine, sergilenen ürünlerin - veya şirket tarafından satılan diğer ürünlerin - hayatlarındaki annelerden istenen tepkiyi nasıl getirebileceğini hayal ederek olumsuz alanı doldurabilirler. "Annemin neyi var?", "Neye ihtiyacı var?" veya "Ne isterdi?"

Görüntü Kaynağı

Profesyonel İpucu: Bir satın alma işleminde fazla satış yapmadan indirim gibi bir şey sunmak, okuyucuları daha fazla ilgi göstermeleri için teşvik alacaklarını bilerek kendi zamanlarına bir göz atmaya yöneltir.

12. Casper

Casper'dan gelen bu hoş geldiniz e-postası, 1 milyondan fazla üye topluluğuna katılmanın size ne kazandıracağına dair genel bir bakış sağlama konusunda harika bir iş çıkarıyor. Topluluk sayılarından, emin olabilmeniz için bir ürün ve itibar yaratmak için çok zaman harcadıkları ve çalıştıkları açıktır. (Anladın mı? " Dinlen ", çünkü bu bir yatak şirketi? Ah, boşver!)

Bir üyelikten elde ettiğiniz avantajlardan birkaçını listeliyorlar ve hemen ardından uyumak için ipuçları vererek eğitim değeri oluşturmaya başlıyorlar. Bu, tek başına birini sadık bir Casper e-posta abonesi yapmak için yeterince ikna edici değildir, ancak markayı ve ürünleri tüketicilerin deneyimleriyle daha fazla ilişkilendirir. Kendilerini uyku sorunlarının çözümüyle kurnazca ilişkilendirmek için basit grafikleri ve özlü mesajları kullanmalarına bayılıyoruz.

Görüntü Kaynağı

Profesyonel İpucu: İzleyicilerin ve tüketicilerin, sunduğunuz ürün ve hizmetlere ihtiyaç duyduklarına karar vermelerine izin vererek işi basit tutun.

13. Shwood ve Stanley

E-ticaret dünyasında, e-postalarınızdaki görsellerin kalitesi, alıcıların tüm e-postayı gözden geçirmesi veya hemen "sil" düğmesine basması üzerinde büyük bir etkiye sahip olabilir. Shwood x Stanley'den gelen bu e-posta, bu yüksek kaliteli görsellere büyük önem vermektedir. Özellikle dokulu arka planlara ve bunların ışık ve gölgelerle oynama biçimlerine bayılıyoruz.

Görüntü Kaynağı

Profesyonel İpucu: Bir html e-postasında birden fazla resim kullanırken, hangi renklerin birbirini tamamladığını ve birbiriyle kontrast oluşturduğunu düşünün. Bu değerlendirme, izleyici için bölümden bölüme geçiş deneyimlerini sorunsuz hale getirebilir ve mesaj boyunca yoğun ilgiyi zorlayabilir.

14. Harry'nin

Bunun gibi Harry'den gelen sezonluk e-postalar için, sezona uygun renk şemaları kullanmayı düşünebilirsiniz. Harry's'teki arkadaşlar kış hediye setlerini tanıtmak için renk düzenlerini yeşil, mavi ve kahverengi gibi geleneksel kış renkleriyle soğuttular. Ayrıca metin ve görseller arasında güzel bir denge kurdular ve basit bir döşeme tasarımı kullanarak e-postalarının gözden geçirilmesini kolaylaştırmaya yardımcı oldular.

Sevdiğimiz bir başka şey de parlak kırmızı harekete geçirici mesajlar; oldukça tıklanabilir görünüyorlar … aynı fikirde değil misiniz?

Görüntü Kaynağı

Profesyonel İpucu: Basitçe söylemek gerekirse, iyi ürün fotoğrafçılığının yerini hiçbir şey tutamaz. Orijinal ürün fotoğrafçılığı okyanusuna dalıyorsanız, bu Yeni Başlayanlar İçin Ürün Fotoğrafçılığı Kılavuzu'na göz atın.

Dışarıda başka hangi şirketlerin güzel e-posta pazarlaması yarattığını fark ettiniz mi? Yaklaşımlarında öne çıkan nedir? Bunu nasıl alıp kendi orijinal dönüşünüzü ekleyerek markanızın mesajı için yeni bir şey yaratabilirsiniz?

Editörün Notu: Bu gönderi ilk olarak Mayıs 2012'de yayınlandı ve tazelik, doğruluk ve kapsamlılık açısından güncellendi.