Dijital Ürün Sayfaları Tasarlamanın Farklı Yolları

Yayınlanan: 2022-03-10
Hızlı özet ↬ Dijital içerik (e-Kitaplar, stok medya ve kurslar) çevrimiçi pazar yerleri aracılığıyla kolayca reklamı yapılabilir ve satılabilir. Ancak müşterileriniz bu şekilde çok fazla para kazanamaz ve ürünlerinin nasıl pazarlandığını gerçekten kontrol edemez. Bu erken keşif ve araştırma aşamasında olan akıllı telefon kullanıcıları için dijital ürün sayfaları tasarlayarak müşterileriniz ürünlerinden daha fazla para kazanabilir. Bugün, bunun nasıl yapıldığına bakacağız.

Fiziksel ürünler için mobil ürün sayfaları tasarlarken, web sitesi ne olursa olsun benzer bir düzen kullanacağınızı ve aynı ayrıntıları ekleyeceğinizi söylemek doğru olur.

Örneğin, Peloton bisikletleri, Macy's kıyafetleri ve Truth Bars ürün sayfaları şöyle görünür:

Yan yana karşılaştırma: Peloton Bike, Macy'nin v yakalı üst, bitter çikolata hindistan cevizi Truth Bar
Peloton, Macy's ve Truth Bars için mobil ürün sayfalarının yan yana karşılaştırması. (Kaynak: Peloton, Macy's, Truth Bars) (Geniş önizleme)

Bazı ürün sayfalarında önce ürün adı, ortalama puan ve fiyat gösterilirken, diğerleri ürün görselinin başı çekmesine izin vererek, bilgilerin nasıl konumlandırıldığı konusunda küçük farklılıklar vardır. Ne olursa olsun, ekleyebileceğiniz şeyler açısından çok fazla kıpırdama odası yok.

Mobil cihazlar için dijital ürün sayfaları tasarlamak o kadar kolay değil.

Benzer şekilde bir giyim, ekipman ve gıda ürünü sayfası tasarlayabilecek olsanız da, aşağıdakiler gibi dijital ürünler için aynısını yapamazsınız:

  • e-Kitaplar ve diğer belgeler,
  • Medya ve diğer lisanslanabilir dosyalar,
  • Dersler.

Tüketiciler internette ve akıllı telefonlarıyla daha fazla zaman geçirdikçe, yüksek kaliteli dijital ürünlere olan ihtiyaç artıyor. Bu tür ürünler için e-ticaret web siteleri tasarlamakla ilgileniyorsanız, türler arasındaki farkları ve bunları ürün sayfası tasarımınızla tüketicilere doğru şekilde nasıl sunacağınızı anlamanız gerekir.

Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Mobil Cihazlar İçin Dijital Ürün Sayfaları Tasarlamanın Farklı Yolları

Dijital ürünler satmak, çevrimiçi (çoğunlukla) pasif gelir elde etmenin harika bir yoludur. Dijital ürün satıcılarının envantere sahip olması veya envanteri yönetmesi, nakliye ve iadelerle veya fiziksel ürünlerin satışıyla ilgili diğer zorluklarla uğraşması gerekmez.

Bu dijital ürünleri pazarlamaya gelince, o zaman zor olabilir.

Aşağıdaki dijital ürün türleri için sayfalar tasarlarken bilmeniz gerekenler şunlardır:

e-Kitap Ürün Sayfası Tasarımı

Her geçen yıl, dünya çapında e-kitaplara giderek daha fazla para harcanıyor. Statista tarafından toplanan verilere göre, e-kitaplar için öngörülen küresel kazançlar şunlardır:

Tahmini küresel e-kitap satışlarına ilişkin Statista verileri: 2020'de 16.647 Milyar Dolar, 2025'te 19.997 Milyar Dolar
Statista, e-kitap satışlarında 2020'de 16,6 milyar dolardan 2025'te 20 milyar dolara çıkarak yıllık büyüme öngörüyor. (Kaynak: Statista) (Geniş önizleme)

Bu nedenle, e-kitaplar bugünlerde işletmeler için harika bir pazarlama girişimidir. Aynı şey şablonlar, kontrol listeleri vb. gibi diğer indirilebilir dijital belgeler için de geçerlidir.

Ancak, bu dijital ürün kârlarının bir kısmını almayı pazar yerlerine bırakmak yerine, e-kitapları kendi sitesi aracılığıyla pazarlamak ve satmak, bir işletmenin daha fazla gelir elde etmesine yardımcı olabilir.

Smashing Magazine örneğini kullanalım. E-kitaplarını Amazon üzerinden satabilir ve satabilirken, web sitesinde özel bir “Kitaplar” bölümü de vardır. Ve tahmin ediyorum ki, site üzerinden Amazon'dan daha fazla satış geliyor… birkaç nedenden dolayı.

Birincisi, her e-kitap sayfası, okuyucuların bildiği ve güvendiği Smashing Magazine markasıyla uyumlu olacak şekilde tasarlanmıştır:

Smashing Magazine web sitesinden örnek bir e-kitap sayfası: bu, Etik Tasarım El Kitabı içindir
Smashing Magazine'den Etik Tasarım El Kitabı e-kitabı. (Kaynak: Smashing Magazine) (Geniş önizleme)

Bu tutarlılık ve aşinalık duygusu, uzun süredir okuyuculardan, tesadüfen rastlayan Amazon müşterilerinden çok daha fazla güven kazanacaktır.

Ürün sayfasının geri kalanı, ilk CTA'yı gördüklerinde buna hazır olmasalar bile, ziyaretçileri e-kitabı satın almaya teşvik etmek için yapması gerekeni yapar:

19,00 $ CTA karşılığında "e-Kitabı Alın" ile Etik Tasarım El Kitabı açılış sayfası
Etik Tasarım El Kitabı e-kitabı açılış sayfası, okuyuculara 'e-Kitabı Al' için hızlı bir yol sağlar. (Kaynak: Smashing Magazine) (Geniş önizleme)

E-kitap açıklaması açık ve anlaşılır bir şekilde sunulur. Diğer kitapların veya reklamların tanıtımını yaparken dikkatinizi dağıtacak hiçbir şey yoktur.

Ve ilgilenen okuyuculara kitabın bir ön izlemesini okuma şansının sunulması çok uzun sürmez:

Smashing Magazine e-kitapları, açıklanmış ders planları ile birlikte ücretsiz PDF, ePub ve Kindle alıntı indirmeleriyle birlikte gelir
İlgilenen okuyucular 'Ücretsiz bir PDF alıntısı indirmeye' veya seçtikleri dosya türünde kaydetmeye davet edilir. (Kaynak: Smashing Magazine) (Geniş önizleme)

Bu, web siteniz dijital bir belge sattığında bir zorunluluktur. E-kitap sayfası sadece hangi dersleri alacaklarını açıklamamalı (bunun yaptığı gibi), aynı zamanda tercih ettikleri dosya formatında bir alıntı yapılması zorunludur.

Ne satın aldıklarına dair bir ön izleme olmadan, bu satışı yapmak çok zor olacak.

Bir e-kitap açılış sayfasına eklemeniz gereken bir diğer unsur, yazar(lar) hakkında bir bölümdür.

Etik Tasarım El Kitabının Yazarları Hakkında: Trine Falbe, Martin Michael Frederiksen
Etik Tasarım El Kitabı'nın yazarlarına ayrılmış bir bölüm. (Kaynak: Smashing Magazine) (Geniş önizleme)

Web sitenize ve e-kitap açılış sayfanıza gelen yeni ziyaretçiler için, “Neden bu kişiyi dinlemeliyim ki?” Diye merak ediyor olabilirler. Yazar bölümü, kitaba bir yüz ve bağlam koymanızı sağlar.

Bu sayfada, daha sonra kendi e-kitap sayfanızı yansıtmak isteyeceğiniz başka bir bölüm var. Yazarlarınız iyi bilinen isimler değilse (henüz) daha yükseğe yerleştirmenizi bile öneririm:

Etik Tasarım El Kitabı e-kitabının içindekiler kısmından bir kesit
Etik Tasarım El Kitabı e-kitabının İçindekiler. (Kaynak: Smashing Magazine) (Geniş önizleme)

İçindekiler bölümü birkaç nedenden dolayı yararlıdır:

  • Her bölümün bir özeti, okuyucuların değerli olup olmayacağını belirlemelerini sağlar.
  • Arama için optimize edilmiş bir içindekiler tablosu, bir blog gönderisinde stratejik olarak başlık etiketlerini kullanmak kadar etkili olacaktır.
  • Ayrıca, yapılandırılmış veriler oluşturmak ve ilgili çevrimiçi aramalarda kısmi bir içindekiler tablosu görüntülemek için de kullanılabilir.

Bu örneğe dahil olmayan ve mümkünse e-kitap sayfalarınıza eklemenizi isteyeceğim bir şey var: Derecelendirmeler veya referanslar.

Dijital bir ürün olması, okuyucuların onları "İlginç geliyor"dan "Bunu okumam gerek"e götürmek için sosyal kanıtlara ihtiyaç duymadığı anlamına gelmez. Aslında, e-kitapların Amazon ve Barnes & Noble gibi platformlarda satılmasına yardımcı olan şeyin büyük bir parçası.

Sitenizde satılık yalnızca bir veya iki e-kitap varsa, okuyucu referansları iyidir. Siteniz bir e-Kitap deposu içeriyorsa, herkesin yorum bırakmasını kolaylaştırmak için bir derecelendirme ve inceleme sistemi ekleyin.

Medya Ürün Sayfası Tasarımı

Bir web tasarımcısı olarak, piyasada bulunan çok sayıda lisanslanabilir içeriğe zaten aşinasınız:

  • Görüntüler,
  • Videolar,
  • simgeler,
  • Müzik,
  • Ses efektleri,
  • Video,
  • yazı tipleri,
  • Temalar veya şablonlar tasarlayın,
  • Eklentiler.

Dürüst olalım, stok içeriği veya önceden tasarlanmış bileşenler arıyorsanız, büyük olasılıkla bunları satın almak için popüler bir pazara gideceksiniz. Tek başına tekliflerdeki büyük miktar ve çeşitlilik, ihtiyacınız olanı bulmaya çalışmak için bağımsız içerik oluşturucuların web sitelerini ziyaret etmekten çok daha çekici.

Peki, o zaman neden bundan bahsediyoruz?

Belirtmek istediğim iki nokta var:

Lisanslanabilir içerik için bir pazar yeri tasarlama göreviniz varsa, tekerleği yeniden oluşturmayın.

Başkaları için işe yarayan denenmiş ve gerçek formülü kullanın. Müşteriler, sırf yaratıcı olmak istediniz diye devasa bir veri havuzundan dijital içerik bulmanın yeni bir yolunu bulmak istemiyorlar.

Küçük bir ajansın veya bağımsız içerik oluşturucunun web sitesinde dijital ürün sayfaları oluşturmakla görevlendirildiyseniz, şimdi bu farklı bir hikaye.

Böyle bir şeye nasıl yaklaşmanız gerektiğini göstermek için tipograf Mark Simonson'ın web sitesini kullanacağım.

Bu, Mostra Nuova yazı tipinin açılış sayfasıdır:

Mark Simonson Studio web sitesinde Mostra Nuova yazı tipine giriş
Mark Simonson Studio'dan Mostra Nuova yazı tipinin açılış sayfası. (Kaynak: Mark Simonson) (Geniş önizleme)

İçerik oluşturucular dijital medyalarını pazar yeri web sitelerinde sattıklarında, nasıl sunuldukları üzerinde çok az kontrole sahip olurlar. Ayrıca potansiyel müşterilere aynı anda sunulan diğer dikkat dağıtıcı şeyler veya tavsiyeler üzerinde de kontrolleri yoktur.

Ancak web sitenizdeki her ürün için özel sayfalar oluşturarak, bu sayfanın yaptığı gibi görünümü ve anlatımı kontrol edebilirsiniz:

Mark Simonson'ın Mostra Nuova yazı tipi ve geçmişiyle ilgili açıklaması
Mark Simonson, yazı tipinin ve geçmişinin yararlı bir açıklamasını içerir. (Kaynak: Mark Simonson) (Geniş önizleme)

Ayrıca, pazarın yönergelerine uymak zorunda da değilsiniz. Markanız ve ürünleri önce gelir:

Mark Simonson Studio: Mostra Nuova ağırlık ve stil örnekleri
Mark Simonson Studio, ailedeki her yazı tipi için ağırlıklar ve stiller sağlar. (Kaynak: Mark Simonson) (Geniş önizleme)

Medya ürünlerini kendi web sitesinde satmanın bir başka güzel yanı, yeni bir medya dosyası yüklemek veya satmak istediğinizde onay alacağınız bir gözden geçirenin olmamasıdır. Ayrıca, mevcut olanların güncellenmesi için güncellemeleri beklemeniz gerekmez.

Resmin alternatif metin için ne gösterdiğinin açıklaması
Resmin altında gösterilecek bir başlık (Kaynak: Mark Simonson) (Büyük önizleme)

Bu, pazarlama veya satış döngüsünde çok az gecikme olduğu anlamına gelir ve bu da içerik oluşturucu için daha fazla karlılık sağlar.

Bunun gibi dijital ürünlerin bir web sitesinde nasıl satılacağına değinmeden önce, size Mark Simonson'ın yazı tipi sayfalarının alt kısmında yer verdiği bir şeyi göstermek istiyorum. Bu bir “… Kullanımda” bölümüdür:

Mark Simsonson, kullanımda olan Mostra Nuova yazı tipinin 4 gerçek dünya örneğini içeriyor
Mark Simonson, kullanılan her yazı tipinin gerçek dünya örneklerini içerir. (Kaynak: Mark Simonson) (Geniş önizleme)

Bu, içerik oluşturucuların web sitelerinde sıklıkla gördüğünüz bir şey değil, en azından sattıkları dijital ürünler için değil. Ancak, bunun gibi bir bölümün, onlara eylem halindeki medya öğesinin gerçek örneklerini verdiği için ziyaretçilerle anlaşmayı gerçekten mühürleyebileceğini düşünüyorum.

Oluşturduğunuz her dijital ürün sitesi için müşteri örnekleri sunmak mümkün olmayabilir. Ancak ürünlerin yeterince popüler olup olmadığı dikkate alınması gereken bir şey.

Web sitenizde medya satışına gelince, birkaç seçeneğiniz var. Mark Simonson Studio'nun yaptığı gibi yapabilir ve yazı tipinin satıldığı yerlere uzun bir bağlantı listesi sağlayabilirsiniz:

Mark Simonson, müşterilere Mostra Nuova'yı satın almak için yazı tipi pazaryerlerine bağlantılar sağlar.
Mark Simonson, Mostra Nuova yazı tipini satan diğer web sitelerine bağlantılar sağlar. (Kaynak: Mark Simonson) (Geniş önizleme)

Bunun sunulma şekli harika çünkü müşterilere tercih ettikleri yazı tipi pazarını kullanma ve yazı tipini ihtiyaç duydukları biçimde alma esnekliği veriyor. Ve müşteriniz ürün satışlarını yönetme zorluğuyla uğraşmak istemiyorsa, kesinlikle gidilecek yol budur.

Müşteriniz satış sürecinin sahibi olmayı tercih ediyorsa, diğer e-ticaret sitelerinde yaptığınız gibi ayarlayın. Bir "Satın Al" bağlantısı, fiyatlandırma ve lisanslama hakkında bilgi sağlayın ve ardından bunları güvenli bir ödeme sitesine gönderin. Oh, ve içerik satın almadan siteden kolayca alınabiliyorsa, üzerine bir filigran yapıştırdığınızdan emin olun.

Kurs Ürün Sayfası Tasarımı

Konu uzmanlarından ve etkileyicilerden önceden kaydedilmiş kurslar ve dersler bu günlerde çok popüler:

  • Coursera'nın 68 milyondan fazla öğrencisi var.
  • Udemy'nin 35 milyon öğrencisi var.
  • edX'in 20 milyondan fazla öğrencisi var.

Açıkçası, insanlar, özellikle sanal bir konferans salonunda oturmak zorunda olmadıklarında ve dersleri kendi hızlarında alabildiklerinde, dijital kurs içeriğine aç kalıyorlar.

Yeni içerikleri keşfetmeyi bekleyen çok sayıda öğrenciye sahip olduklarından, bu pazaryerleri aracılığıyla kurs satmanın kesinlikle yanlış bir tarafı yoktur.

Bununla birlikte, içerik oluşturucular web siteleri aracılığıyla dijital kurs içeriği sattıklarında, bununla çok daha fazlasını yapabilir ve daha fazla para kazanabilirler. Bunun nedeni, yalnızca oturum açma ve “Oynat” düğmesine basma fırsatından fazlasını sunmalarıdır. Bu kurslar genellikle aşağıdakilerle birlikte gelir:

  • Ek materyal,
  • Bültenler ve e-posta hatırlatıcıları,
  • Özel topluluklar,
  • Ve dahası.

Bir kursu bu şekilde satmanın anahtarı, dijital ürün sayfasını bir satış hunisi gibi tasarlamaktır.

Career Contessa web sitesinden bir örneğe bakalım. Bu, İş Arama Akademisi programının sayfasıdır:

Career Contessa'dan İş Arama Akademisi program sayfası
Career Contessa'dan İş Arama Akademisi programı için ürün sayfası. (Kaynak: Career Contessa) (Geniş önizleme)

Daha önce gördüğümüze benzer şekilde, kendi dijital ürün sayfalarınızı tasarlamak, öğrenciler için markalı bir deneyim oluşturmanıza olanak tanır. Bu markayı zaten bilen ve güvenenler için, sayfanın bir sonraki aşağı kaydırması hiç de kolay değil:

Kariyer Kontesi öğrencileri kursa 197$'a kaydolmaya davet ediyor
Kariyer Kontesi, ziyaretçileri neredeyse anında 'Kursa Kaydolmaya' davet ediyor. (Kaynak: Career Contessa) (Geniş önizleme)

Hâlâ tehlikede olan öğrenciler için, CTA düğmesinin hemen altındaki güçlü istatistik onları ikna etmek için yeterli olabilir. Değilse, sayfada karar vermelerine yardımcı olmak için dikkatlice planlanmış bir ton içerik var.

Kariyer Contessa, cep telefonunda kısa paragrafların yanı sıra kalın harflerle yazılmış, iyi biçimlendirilmiş kurs açıklamaları sağlar.
Career Contessa, kurs bilgilerini okunabilir bir şekilde sunar. (Kaynak: Career Contessa) (Geniş önizleme)

Bu açılış sayfasında çok sayıda yazılı içerik olmasına rağmen, iyi biçimlendirilmiştir. Paragraflar, mobil cihazlarda uygun uzunlukta tutulurken, önemli metin parçalarını vurgulamak için kalın yazı tipi kullanılır.

Yine de tüm metin duvarları değil. Öğrenciler ayrıca video içeriğini de görür:

Career Contessa, öğrencilere kursunun bir video fragmanını sunar
Career Contessa, kursunu açıklamak için video ve metin içeriğinin bir karışımını kullanır. (Kaynak: Career Contessa) (Geniş önizleme)

Taranabilir madde işareti listeleri:

Career Contessa, kurs açıklamalarını okunması kolay madde işaretleriyle ayırıyor
Career Contessa kurs sayfası, ortak acı noktalarını vurgular. (Kaynak: Career Contessa) (Geniş önizleme)

Bonus içeriği hakkında güzel bir şekilde sunulan bilgiler:

Career Contessa kurs sayfası, kılavuzlar ve çalışma sayfaları gibi bonus içeriği tanıtır
Career Contessa kursu bonus içerikle birlikte gelir. (Kaynak: Career Contessa) (Geniş önizleme)

Bir tasarımcının, taramanın ve okumanın çok daha kolay olması için her bölüme farklı bir görünüm vermek için çok zaman harcadığı açıktır.

Öğrenciler buraya kadar geldiyse, satış sayfasının en kritik kısmına ulaşacaklar. İyi tasarlanmış bir müfredat ve ders ön izlemeleriyle tam olarak ne öğreneceklerini burada öğrenirler:

Karşılama bölümü ve Ders 1 planları ile Kariyer Kontes kursu müfredatı
Career Contessa'nın kurs sayfası, Kurs Müfredatı ve ders önizlemeleriyle birlikte gelir. (Kaynak: Career Contessa) (Geniş önizleme)

Tıpkı bir satış hunisi sayfasının yapmasını beklediğiniz gibi, potansiyel öğrencilere daha sonra bir referans bölümünün yanı sıra bir SSS sunulur. Bunlar, kurslar için veya başka bir şekilde bir satış hunisi tasarlarken yapamayacağınız iki unsurdur. Ve pahalı kursa kaydolmaya hazır olup olmadıklarını bir kez daha sormadan hemen önce sayfanın altında olması gerekiyor.

Bu abartılı görünebilir, ancak yaklaşım sağlam. Kurslarınızı Coursera ve edX gibi sitelerde sıradan öğrencilere satabilirsiniz, ancak orada hiçbir ilişki yoktur. Kursunuza, sitede sunulan bir sonraki kurs kadar kolay kaydolurlar.

Bununla birlikte, web sitenizde kurs sayfaları tasarladığınızda, kendilerini en çok adayan öğrencileri, yani kursu bütünüyle tamamlayacak ve gelecekte daha fazla kursa ve içeriğe kaydolmak isteyenlere ulaşırsınız.

Toplama

Yukarıdaki örneklerle ilgili ilginç olan nokta, içerik oluşturucuların dijital içeriklerini hem popüler pazar yerleri hem de web siteleri aracılığıyla nasıl sattıklarıdır. Tahmin edebileceğiniz gibi, dijital ürünlerden mümkün olduğunca fazla gelir elde etmenin en iyi yolu budur.

Müşterilerinizin mobil siteleri için dijital ürün sayfaları tasarlarken, pazaryerlerinin yaptıklarını taklit etmeye çalışmadığınızdan emin olun. Çoğu zaman tasarımları kalabalık, dikkat dağıtıcı ve akıllı telefon kullanıcısı için gerçekten optimize edilmemiş. İçerik oluşturucunun sayfalarını daha kullanıcı dostu olacak şekilde tasarlayarak, daha fazla insanı doğrudan onlardan satın almaya teşvik edecek ve sonuç olarak müşterilerinizin ceplerine daha fazla para yatıracaksınız.