Tüm işler

Drumbase · Case study · 3 dk okuma

Drumbase: prodüktörler ve sanatçılar için beat pazaryeri ve marka tasarımı

Drumbase, sanatçıların beat ve özel prodüksiyon satın aldığı, prodüktörlerin ise beat, söz, sound kit ve hizmet sattığı bir pazaryeri. Platformun tamamının ve markasının tasarımını yönettim: altı ayda 100'den fazla sayfa; onboarding'den açık artırmaya, satıcı paneline kadar.

Müşteri
Drumbase
Yıl
2025
Rol
Baş tasarımcı (UX/UI ve marka)
Süre
6 Months
Sektör
Music, Marketplace, Creator economy
Araçlar
Figma, Miro, Creative Cloud, Loom
  • User Experience Research
  • User Interface Design
  • Design System
  • Branding

Bir bakışta

Sorun

Beat, söz, sound kit ve hizmetlerin her birinin farklı lisansı ve satın alma şekli var; üstelik iki çok farklı kitle için.

Çözüm

Her ürün türü için ayrı yükleme akışı, kişiselleştirilmiş onboarding; net teklifler, açık artırmalar ve satıcı paneli.

Sonuç

Lansmana hazır 100'den fazla sayfa ve eksiksiz bir marka; her dinleyici kendi zevkine uyan beat'leri görüyor.

Teslim edilenler

  • 100+ sayfa
  • Pazaryeri ve satıcı paneli
  • Ürün türüne göre yükleme akışları
  • Responsive web, açık ve koyu tema
  • Marka kimliği ve uygulama ikonu
Beats, services, compositions ve sound kits kategori kartlarıyla “Find beats. License. Start selling.” başlıklı Drumbase açılış sayfası
Açılış sayfası: beat bul, lisansla, satmaya başla; oynatıcı hep altta.

Genel bakış

Drumbase, beat ve özel müzik prodüksiyonu için bir pazaryeri. Sanatçılar beat, söz, kompozisyon ve sound kit satın almak ya da lisanslamak veya mix-mastering gibi hizmetler için prodüktör tutmak için geliyor; prodüktörler ise satış yapmak, açık artırma düzenlemek ve özel tekliflere yanıt vermek için. Model, BeatStars gibi platformlara yakın. [1]

Platformu ve markayı stüdyom Beew üzerinden, baş tasarımcı olarak tasarladım: 2025'te altı ayda, masaüstü ve mobil için, açık ve koyu temada 100'den fazla sayfa. Drumbase henüz yayında değil.

Sorun

Bir beat pazaryeri, ihtiyaçları birbirinin tersi iki kitleye hizmet ediyor. Sanatçılar doğru sesi hızla bulmak istiyor; prodüktörler ise işlerini listelemek, fiyatlamak, öne çıkarmak ve teklifleri yönetmek. Bunun üstüne her ürün türü farklı koşullarla satılıyor.

  • Farklı lisanslar: beat, söz, kompozisyon ve sound kit'lerin her birinin kendi yasal koşulları ve detayları var.
  • Birçok satın alma yolu: anında lisans, paketler, açık artırmalar ve özel tekliflerin hepsi net ve güvenli hissettirmeliydi.
  • Alaka: hareketli beat arayan birine yavaş beat'ler gösterilmemeli.
  • Ölçek: 100'den fazla sayfa, bir satıcı paneli ve sıfırdan kurulan bir marka.

Hedefler

  • Her ürün türüne lisansına uygun bir yükleme akışı vermek.
  • Akışı, kullanıcıların onboarding'de seçtiklerine göre ilk ziyaretten itibaren kişiselleştirmek.
  • Teklifleri, pazarlıkları ve açık artırmaları bir ödeme ekranı kadar kolay takip edilir yapmak.
  • Prodüktörlere satışları, ilanları ve teklifleri tek bakışta gösteren bir panel sunmak.
  • Müzik kültürüne ait hissettiren bir marka yaratmak.

Yaklaşım

1. Her ürün türü için ayrı yükleme akışı

Beat'ler, hizmetler, kompozisyonlar ve sound kit'ler ayrı, adım adım akışlarla yükleniyor; böylece her biri yalnızca lisansının gerektirdiği bilgileri soruyor: beat için BPM, ton ve tür; hizmet için paketler ve teslim süreleri.

2. İlk dakikadan kişiselleştirme

Onboarding, kişinin ne tür beat, stil, hizmet ve ses aradığını soruyor; akış ve sitenin geri kalanı bu yanıtlara göre şekilleniyor. Hareketli trap arayan bir dinleyiciye yavaş beat'ler gösterilmiyor.

3. Pazarlığı ödeme ekranı kadar net yapmak

Her teklif ilan fiyatını, teklif edilen tutarı, durumu ve yanıt için kalan süreyi gösteriyor; alıcılar ve satıcılar, panelde ve mobilde aynı kartı kullanıyor.

4. Müzik için kurulmuş bir marka

Drumbase logosu bir “b” harfini davul pad'lerini andıran noktalarla birleştiriyor; derin mor renk logodan uygulama ikonuna ve arayüze kadar her yerde taşınıyor.

Çözüm

Ana sayfa ve keşif

Arama beat'leri, albümleri, sözleri ve sanatçıları kapsıyor; kategoriler kataloğu beat, hizmet, kompozisyon ve sound kit olarak ayırıyor. Sabit oynatıcı, gezinirken dinlemeye devam etmeyi sağlıyor.

Cüzdan bakiyesi ve hesap bağlantılarıyla mobil menü, mobil ana sayfa ve kabul ya da reddedilecek bir teklif içeren bildirim listesi
Cüzdan bakiyesi ve hesap bağlantılarıyla mobil menü, mobil ana sayfa ve kabul ya da reddedilecek bir teklif içeren bildirim listesi
Cüzdan bakiyesi ve hesap bağlantılarıyla mobil menü, mobil ana sayfa ve kabul ya da reddedilecek bir teklif içeren bildirim listesi
Mobilde ana sayfa, menü ve bildirimler.
Mesajları, satışları ve teklifleri gösteren bildirim paneli açık Drumbase ana sayfası
Satışlar, mesajlar ve teklifler tek bir bildirim panelinde toplanıyor.
Kategori, fiyat, ruh hali, BPM, ton ve süre filtreleriyle “drill beat” için hizmet arama sonuçları
BPM, ton ve ruh hali filtreleri doğru sesi bulmayı kolaylaştırıyor.

Onboarding ve hesap

Onboarding, atlanabilir adımlarla dört kısa soru soruyor: beat türü, stil, hizmetler ve ihtiyaç duyulan sesler. Hesap, gizlilik ve bildirim ayarları tek bir sade düzeni paylaşıyor.

Masaüstünde onboarding'in ilk adımı: iki sanatçı fotoğrafının yanında tür seçenekleriyle “What kind of beats do you like?”
İlk soru, sonrasında görülen her şeyi şekillendiriyor.
Dört mobil onboarding adımı: sevilen türler, beat stilleri, ilgilenilen hizmetler, kompozisyon stilleri ve sound kit'ler
Dört kısa, atlanabilir adım; yanıtlar akışı kişiselleştiriyor.
Koyu temada mobil ayarlar: hesap ayarları, şifre kurallarıyla gizlilik ve güvenlik, bildirim ayarları
Koyu temada mobil ayarlar: hesap ayarları, şifre kurallarıyla gizlilik ve güvenlik, bildirim ayarları
Koyu temada mobil ayarlar: hesap ayarları, şifre kurallarıyla gizlilik ve güvenlik, bildirim ayarları
Hesap, gizlilik ve bildirim ayarları tek bir düzeni izliyor.

Prodüktör profilleri ve ürün sayfaları

Prodüktör profilleri beat'leri, hizmetleri ve istatistikleri güçlü bir başlık altında topluyor. Ürün sayfaları paketleri dahil olanlar, teslim süresi ve revizyon sayısıyla yan yana gösteriyor; alıcı ödemeden önce karşılaştırabiliyor.

Grafiti başlıklı, takipçi istatistikleri ve beat ızgarasıyla Freddy Red prodüktör profili
Prodüktör profilleri kataloğu ve rakamları öne çıkarıyor.
Basic, Standard ve Pro paketleri ve Buy Now butonuyla profesyonel mix ve mastering hizmeti ürün sayfası
Hizmetler kolayca karşılaştırılabilen paketlerle satılıyor.
Masaüstünde beğenilen beat ve hizmetlerin kapak kartları olarak listelendiği My Likes sayfası
Beğenilen beat ve hizmetler, yeniden dönmeye hazır.
Mobil ekranlar: beat'lerle My Likes, %25 geri sayımlı bir pazarlık ve lisans fiyatlarıyla dinleme geçmişi
Mobil ekranlar: beat'lerle My Likes, %25 geri sayımlı bir pazarlık ve lisans fiyatlarıyla dinleme geçmişi
Mobil ekranlar: beat'lerle My Likes, %25 geri sayımlı bir pazarlık ve lisans fiyatlarıyla dinleme geçmişi
Mobilde beğeniler, teklifler ve dinleme geçmişi.

Teklifler, pazarlıklar ve mesajlar

Açık artırmalar ve özel teklifler tek bir pazarlık görünümünde yürüyor. Her kart fiyatı, teklifi, teklifin beklemede mi, kabul mü, ret mi olduğunu ve yanıt için geri sayımı gösteriyor; alıcılar ve prodüktörler doğrudan mesajlaşabiliyor.

Fiyat, teklif, durum ve dairesel geri sayım gösteren teklif kartlarıyla Negotiations sayfası
Her teklif durumunu ve yanıt için kalan süreyi gösteriyor.
Koyu temada bileşenler: kazanç istatistikleri, teklif kartı, beat kartı, performans grafiği ve ilan satırları
Teklif kartları, istatistikler ve grafikler ortak bileşenler.
Koyu temada mobil ekranlar: hesap oluşturma, beat fiyatı pazarlığı yapılan bir mesajlaşma ve mesaj listesi
Koyu temada mobil ekranlar: hesap oluşturma, beat fiyatı pazarlığı yapılan bir mesajlaşma ve mesaj listesi
Koyu temada mobil ekranlar: hesap oluşturma, beat fiyatı pazarlığı yapılan bir mesajlaşma ve mesaj listesi
Kayıt ve özel anlaşmaların yapıldığı doğrudan mesajlar.

Satıcı paneli

Satıcı paneli satışları, kazançları, ilanları ve ürün performansını bir araya getiriyor. Aynı görünümler mobilde de çalışıyor; prodüktörler teklif ve ilanlarını hareket halindeyken kontrol edebiliyor.

Satış panelinde aktif ilanlar ve düzenleme eylemleriyle koyu tema My Listings sayfası
Prodüktörler tüm ilanlarını tek yerden yönetiyor.
Günlük satışlar ve en iyi performans gösteren ürünlerle koyu tema analiz ekranı
Analizler neyin, ne zaman sattığını gösteriyor.
Toplam kazanç, satışlar, satış grafiği ve işlemlerle açık tema analiz ekranı
Açık temada kazançlar ve işlemler.
Mobil satıcı ekranları: kazançlarla analiz, %80'deki bir pazarlık ve My Listings
Mobil satıcı ekranları: kazançlarla analiz, %80'deki bir pazarlık ve My Listings
Mobil satıcı ekranları: kazançlarla analiz, %80'deki bir pazarlık ve My Listings
Mobilde panel, teklifler ve ilanlar.
Bileşenler: ilan kartı, gelir grafikli ortak yapımcılar kartı ve genel bakış çubuk grafiği
Ortak çalışmalar ve genel bakış grafikleri aynı bileşen setini kullanıyor.

Her ürün türü için yükleme akışları

Beat eklerken BPM, ton, tür ve vokal bilgisi soruluyor; prodüktörler gelir paylaşımıyla ortak yapımcı ekleyebiliyor. Hizmet eklemek ise paketler ve teslimatla ilgili. İkisi de tanıtım seçenekleriyle bitiyor; prodüktörler ne kadar satış yaptıklarına uygun bir üyelik planı seçiyor.

BPM, vokal, kategori, tür, ton, gelir paylaşımlı ortak yapımcılar ve kapak yükleme alanlarıyla beat oluşturma formu
Beat yükleme, ortak yapımcılar dahil bir beat lisansının gerektirdiklerini soruyor.
Basic, standard ve pro paket detayları ve teslimat seçenekleriyle hizmet oluşturma formu
Hizmetler lisanslar yerine paketlerden oluşuyor.
Ana sayfada öne çıkarma, kategori başı, öncelikli arama, öne çıkan rozet ve sosyal medya tanıtımı seçenekleriyle ilan tanıtım adımı
Her yükleme akışının sonunda tanıtım seçenekleri.
Aylık ya da yıllık Basic, Standard ve Professional planlarıyla üyelik planı sayfası
Farklı aşamalardaki prodüktörler için üyelik planları.

Marka kimliği

Ürünle birlikte Drumbase'in tüm marka kimliğini de tasarladık: bir “b” harfini davul pad'ine dönüştüren logo, derin mor bir renk paleti ve bunu taşıyan uygulama ikonu.

Mor geçişli Drumbase uygulama ikonu ve “b” davul pad işaretiyle Drumbase logosu
Mor geçişli Drumbase uygulama ikonu ve “b” davul pad işaretiyle Drumbase logosu
Uygulama ikonu ve logo: davul pad'lerinden oluşan bir “b”.

Sonuçlar

  • Masaüstü ve mobil için, açık ve koyu temada 100'den fazla sayfa altı ayda teslim edildi.
  • Beat, hizmet, kompozisyon ve sound kit için lisansına uygun ayrı yükleme akışları ve ürün sayfaları.
  • Her dinleyicinin onboarding seçimlerine uyum sağlayan bir akış ve site; herkes aradığı tempo ve stili görüyor.
  • Açık artırmalar, özel teklifler ve pazarlıklar tek ve tutarlı bir görünümde; yanında bir satıcı paneli.
  • Lansmana hazır, eksiksiz bir marka kimliği.

Çıkarımlar

  • Bir pazaryerinde ürün sayfasını lisans şekillendirir; önce onları tasarlayın.
  • Büyük bir kataloğu kişisel hissettirmek için birkaç onboarding sorusu yeterli.
  • Alıcı ve satıcı aynı teklif kartını gördüğünde pazarlığın açıklanmaya ihtiyacı çok azalır.
  • Markayı ve ürünü birlikte tasarlamak ikisinin aynı dili konuşmasını sağlar.

Sık sorulan sorular

Drumbase nedir?

Drumbase, beat ve özel müzik prodüksiyonu için yakında açılacak bir pazaryeri. Sanatçılar beat, söz, sound kit ve mix-mastering gibi hizmetleri satın alıyor ya da lisanslıyor; prodüktörler bunları satıyor, açık artırma düzenliyor ve özel tekliflere yanıt veriyor. Henüz yayında değil.

Drumbase için neler tasarladın?

Platformun tamamını ve markayı: açılış sayfası, ana sayfa, kişiselleştirilmiş onboarding, prodüktör profilleri, paketli ürün sayfaları, açık artırmalar, özel teklifler ve pazarlıklar, mesajlaşma, analiz ve ilanlarıyla satıcı paneli, her ürün türü için yükleme akışları, üyelik planları, hesap ayarları, logo ve uygulama ikonu.

Proje ne kadar sürdü?

2025'te altı ay sürdü; baş tasarımcı olarak ben yürüttüm.

Bir beat pazaryeri nasıl tasarlanır?

İşe lisanslardan başlayın. Beat, söz ve sound kit'ler farklı koşullarla satılıyor; bu yüzden her birinin kendi yükleme akışı ve ürün sayfası olmalı. Ardından keşfi ilk ziyaretten itibaren kişiselleştirin, oynatıcıyı her an elinin altında tutun; teklif ve pazarlığı da ödeme ekranı kadar net yapın.

Şirketim için bir pazaryeri ya da platform tasarlayabilir misin?

Evet. Tüketici, yapay zekâ, SaaS, fintech ve Web3 ekipleri için, gerektiğinde markasıyla birlikte pazaryerleri ve ürünler tasarlıyorum. İletişim sayfasından bir görüşme ayarlayabilirsin.

Kaynaklar

  1. [1] BeatStars, a beat marketplace with a similar model

Tasarlanacak bir ürünün mü var?

Ekiplerin karmaşık ürünlerini saniyeler içinde anlaşılan web sitelerine ve arayüzlere dönüştürüyorum. Bana ürününü anlat.

Sıradaki proje

Efficense

Projeyi incele
Efficense

Araçlar

Sosyal medya


© 2026 | Merak ve kafeinle yapıldı.

TR