İnternette İstediğiniz Gibi Çevrimiçi Para Kazanma!

Yaratıcı Tasarımcının Bakış Açısı: İnteraktif Haber Bültenimizi Nasıl Tasarladık (ve Yeniden Tasarladık)

Şu yazıyı okuyorsunuz: Yaratıcı Tasarımcının Bakış Açısı: İnteraktif Bültenimizi Nasıl Tasarladık (ve Yeniden Tasarladık)

Muhtemelen bildiğiniz gibi, burada Kaya içeriği Amacımız yalnızca pazarlamacılara ve marka sahiplerine alakalı olanı sunmaktır.

Ve birçok marka gibi bizim de okuyucularımıza, hafta içinde olup biten her şeyi ve her konunun stratejilerini nasıl etkilediğini doğrudan konuya aktaracak haftalık bir bültenimiz var; Bunun için her konu hakkında uzmanlarımızın bakış açılarına güveniyoruz.

Ancak The Beat’i diğer pazarlama bültenlerinden ayıran şey, amaca yönelik olarak oluşturulmuş bir platform üzerine inşa edilmiş, tamamen etkileşimli bir haber bülteni olmasıdır.

Burada Rock Content’te bir tasarımcıyım ve her hafta The Beat’in etkileşimli basımlarını oluşturmaktan sorumluyum (evet tasarımcı. Ben bir programcı değilim, bir BT uzmanı değilim. Yemin ederim sadece biliyorum) biraz HTML ve CSS).

İnteraktif haber bülteni kavramının pek popüler olmadığını ve belki de birçok pazarlamacının bunu kendi markalarına getirmenin mümkün olup olmadığını merak ettiğini bildiğimden, bugün size biraz The Beat prodüksiyonunun kulislerinden bahsedeceğim. : fikir nasıl ortaya çıktı, hangi aracı kullanıyoruz, haftalık üretim süreci nasıldır ve ayrıca projeyi neden Ocak 2023’te güncelliyoruz.

Mutlak?

Bültenimizin ilk çizimleri

The Beat’in ilk sayısı Ocak 2022’de yayınlandı ancak yayınlanmadan önce pek çok şey yaşandı.

The Beat’in yaratılmasına ilham veren proje ile ilgili NYT editörlerinin seçtiği 11 makaleyi, hafta sonu keyifle izlenebilecek haberlerle buluşturan bir proje.

Bülten projemizi geliştirirken hedeflerimiz açıktı:

  • yeni bir hedef kitleye ulaşmak;
  • içerik üretimimizi çeşitlendirmek;
  • zengin ve stratejik içerik üretmek;
  • Ion’u yeni bir formatta kullanın;
  • haftalık iletişimler üretin.

Ah! İyon Rock Content’in içerik ve etkileşimli sayfalar oluşturmaya yönelik platformu ve The Beat’i haftalık olarak oluşturmak için kullandığımız araçtır. Yakında bunun hakkında daha fazla konuşacağım. Şimdilik bültenin ilk planlamasına devam ediyoruz.

Brifing zamanı mı yoksa panik atak zamanı mı?

Hedefler tanımlandıktan ve proje tasarlandıktan sonra, haber bültenimizin ‘yüzünü’ yapılandırmaya başlamanın zamanı gelmişti. Bunu başarmak için içerik ekibiyle birlikte projeyle ilgili beklentilerimizi uyumlu hale getirmek için bir brifing verdik.

Brifingimizde The Beat projesinin nelere sahip olması gerektiğine karar verdik:

  • Yan taraftaki sabit menü;
  • Bülten abonelik formu;
  • Editörün notu için bir alan;
  • Farklı düzende bölümler: Jam Session, Röportajlar, Haftanın Sözü;
  • Etkileşim:
    • anketler;
    • reaksiyonlar;
    • Animasyonlu grafikler;
    • Son esnemede WOW anı;

Bir tasarımcı olarak bu noktada asıl kaygım, kolayca güncellenebilecek, içerik ekibinin getirdiği tüm unsurlara uyum sağlayacak bir tasarım geliştirmekti.

Hadi çalışalım! Tasarımın oluşturulması

Başlangıçta Ion’un şablonlarından birini kullanmayı düşündük. Ancak bu proje çok kişisel olduğu için en iyi seçeneğin kendi tasarımına sahip olması olduğunu fark ettim.

benim sürecim

Benim için tasarımı defterime çizdiğimde oluşturmak ve görselleştirmek çok daha kolay oluyor. Diyelim ki düşük kaliteli maketler yapıyorum.

Gördüğünüz gibi çok ayrıntılı değil. Aslında basit bir düzen ama sayfadaki farklı öğelerin nasıl düzenleneceğini görselleştirmeme yardımcı oluyor.

The Beat’in sahip olması gerektiğine karar verdiğimiz şeylerin listesini hatırlıyor musunuz? Sonuç şöyle görünüyordu:

Yan tarafta sabit menü.

Yan taraftaki yapışkan menü kesinlikle en çok çalışmayı gerektiren özelliklerden biriydi.

Ion, bir öğeyi ekrana sabitlemeyi kolaylaştıran çeşitli özelliklere sahiptir. Bu yüzden tasarımı The Beat için ihtiyaç duyduğumuz şeye uyacak şekilde parçalara ayırdım, böylece Ion’un sunduğu araçları kullanabildim.

Şekil

Burada pek fazla gizem yok; Ion’daki yaratıcılarımızın çoğunun bir formu var. Aboneliğin gönderildiğini doğrulayan bir mesaj aldığımızdan emin olduk ve abone CRM’mizde bir segmentasyon oluşturduk.

Editörün notu için alan

Sayının girişinin hemen ardından, Rock Content kurucu ortağı Vitor Peçanha’nın birkaç kelimesinden oluşan bir “ön yazı” alıyoruz.

Bu son derece basit bir tasarımdır. Ancak bir sayıdan diğerine biraz daha çekici ve dinamik hale getirmek için Peçanha’nın fotoğrafını farklı arka plan renkleri ile kişiselleştiriyoruz ve bunları her sayıda dönüşümlü olarak kullanıyoruz.

Farklı düzene sahip bölümler

The Beat başladığında okuyucunun sayfayı aşağı kaydırdığında içeriğin çeşitliliğini fark edeceğini zaten biliyorduk. Biz de en iyi seçeneğin tasarımı değiştirmek olduğuna karar verdik.

etkileşim

İyondan bahsediyoruz. Kaya içeriğiEtkileşimli deneyimlerin tasarımını kolaylaştıran araç. Bu yüzden elbette haber bültenine bazı etkileşim anlarını eklemeden edemedik.

Ortaya çıkarmak

Kanıt

animasyonlar

Ama her şey mükemmel değil

Başardığımız her şeye baktığımızda The Beat’in ilk versiyonunda her şeyin yolunda gittiğini görüyoruz. Sonuçta idealize ettiğimiz her şey hayata geçti…

Evet, %80’ini hayata geçirmeyi başardık, evet…. Ama geri kalan yüzde 20’lik kısım da var.

reaksiyonlar

‘Haftanın sözü’ bölümünde içerik ekibi, Facebook veya LinkedIn gibi platformlarda yaptığımıza benzer şekilde okuyucuların içeriğe tepki vermesine izin vermek istedi. Okuyucu tepkinize tıkladıktan sonra, en çok etkileşime girdiğiniz duyguları gösteren bir grafik görünecektir.

Maalesef The Beat’in ilk versiyonunda buna yer veremedik. Ancak yine de bir miktar etkileşim unsuruna sahip olmak için, insanların tıklamasını sağlayacak şekilde duyguları koyuyoruz ve tıklama sayısını gösteren grafik yerine komik bir gif koyuyoruz.

Son bölümde vay be anı

Okuyucunun haber bülteninin sonuna geldiğini belirtecek bir şeye ihtiyacımız vardı. Çözüm bir kez daha GIF’lerden geldi. Rock Content’in görsel kimliğini takip ederek, haber bülteninin son katında her sayının arasına serpiştirilmiş dört GIF oluşturduk.

Sonuçlar? Başarılı bir interaktif bülten

22 Aralık’ta The Beat’i yalnızca dahili Rock İçerik ekibine tanıtan bir deneme sürümünü başlattık. Bazı geri bildirimler topladık, gerekli düzenlemeleri yaptık ve ardından The Beat’in ilk sürümü Ocak 2022’de İngilizce olarak genel kullanıma sunuldu. Portekizce baskısı ise bir süre sonra, Mart ayında yayınlandı.

Yıl boyunca, Ion’daki etiketler aracılığıyla okuyucuların sayfa içindeki davranışlarını gözlemleyerek kademeli iyileştirmeler getirdik (etkileşim için başka bir nokta: insanların sayfada tam olarak nasıl davrandığını bilebildik, anketler aracılığıyla veri toplayabildik ve bu sayede her baskıda daha iddialı olun). Hatta şablon hazır olduğunda ve kopyalanması kolay olduğunda haftalık sayfayı oluşturma görevini ekipteki başka bir tasarımcıya devrettim.

Bu sırada Beat kendine geldi. Portekizce, İngilizce ve İspanyolca dillerinde ana hedef kitleyi ekleyen 15.000’den az aboneden, pazarlama, içerik ve satıştaki en önemli şeyleri haftalık olarak bizimle takip eden dünya çapında 90.000’den fazla profesyonelden oluşan bir topluluğa dönüştük.

Aralık 2022’de The Beat’in başına tekrar geçtim. Ve bir yıl sonra, bültenimizin temel şablonunu resmi olarak incelemenin ve neyin anlamlı olduğunu, neyin geliştirilebileceğini anlamanın zamanı gelmişti.

Ritim 2.0

The Beat’in yeni sürümünü Ocak 2023’te yayınladık. Bu optimizasyonla ana hedefimiz, mobil deneyimi iyileştirmek ve haftalık olarak güncellenmesi daha kolay bir şablona sahip olmaktı.

Ne değişti:

Mobil versiyon %100 yeniden tasarlandı. Yazı tipi, aralık, menü…

Masaüstü düzeni de optimize edildi. Artık çoğu makalede iki sütunla çalışıyoruz.

Yan menüye “kayıt ol” butonu ekledik.

Haber bülteninin farklı bölümlerini makaleler, röportajlar, podcast’ler ve haftanın alıntılarıyla sürdürdük.

Ayrıca The Beat’te etiketlerin kullanımını standartlaştırdık ve optimize ettik. Önceki sürümde bazı düzenlemeler etiketlendi, bazıları etiketlenmedi.

Etiketler, Ion’da bir reklam öğesi içindeki etkileşimleri nasıl haritalandırabileceğimizi ve anlayabileceğimizi gösterir. Bir örnekle anlamak daha kolay, değil mi?

1 – En çok okunan makale

2 – Menüde en çok tıklanan öğe hangisiydi?

3 – Ankette hangi alternatifin en çok tıklama aldığını bilmek istiyoruz

Yazarların yüksek kaliteli fotoğraflarını bulmak çok zor olduğundan “Haftanın Sözü” bölümünü değiştirdik.

Önce sonra

Ve sürekli iyileştirmeye devam ediyoruz.

Piyasadaki gelişmelerden haberdar olmak için bültenimize güvenen profesyonellerden oluşan topluluğumuzu büyütün. Diğer pazarlama bültenlerinden farklı olarak, sonuçtan çok daha basit bir şekilde, Ion olmadan asla mümkün olmayacak şekilde, sıra dışı bir deneyim sunmak.

Henüz yapmadıysanız sizi The Beat’e uğramaya ve buraya getirdiğim tüm unsurları deneyimlemeye davet ediyorum (her şeyi daha somut hale getirmek için pratik yapmak gibisi yoktur). Son sayımıza buradan ulaşabilirsiniz.

Son olarak, siz de hedef kitlenize etkileşimli içerik sunmak ve bu sayede kullanıcı deneyimini geliştirmek ve markanıza daha fazla sonuç getirmek istiyorsanız, buraya tıklayarak Ion hakkında daha fazla bilgi edinmenizi ve isterseniz bir randevu planlamanızı öneririm. platformun ücretsiz demosu.

İnteraktif içeriğin gerçekten işe yarayıp yaramadığı konusunda hâlâ şüpheleriniz varsa, size ilham verecek diğer okuma önerilerini burada bulabilirsiniz:

Etkileşim yoluyla e-Kitap dönüşüm oranımı nasıl %20,7 artırdım?

Örnek Olay: İyon Dönüşümlerini Sadece İki Ayda Nasıl %431 Artırdım?

Son veriler, etkileşimli içeriğin sonuçlarınızı iyileştirebileceğini gösteriyor [+ Free Course]