← Ana Sayfaya Dön
Web siteleri & platformlar

Drip League

Oyunlaştırılmış müzik keşif platformu arayüzü

ReactViteTypeScriptFramer MotionTailwind CSS

Ekran Görüntüleri & Şemalar

Drip League ana sahne ve şarkı keşif arayüzü
Drip League ana sahne ve şarkı keşif arayüzü

Problem & İhtiyaç

Bağımsız müzisyenlerin algoritmik platformlarda kaybolması ve dinleyicilerin müzik keşif deneyiminin pasif bir dinleme listesine hapsolması.

Nasıl Çalışıyor?

01

Sanatçılar sezonluk Cyber Revolution turnuvasına şarkıları ve profilleriyle katılır.

02

Kullanıcılar entegre müzik çalar üzerinden parçaları dinler ve senkron şarkı sözlerini takip eder.

03

Beğenilen sanatçılara oy verilerek Apex, Diamond, Gold liglerinde sıralama yarışına katılınır.

04

Lig tablosu sanatçıların sırasını ve yükselme-düşme bölgelerini gösterir (prototipte örnek veriyle).

05

Ödül havuzu ve plak şirketi anlaşmaları lig birincilerine otomatik tahsis edilir.

Mimari & Teknik Kararlar

React 19, Vite, TypeScript, Framer Motion animasyonları, Canvas Confetti, HTML5 Audio Player ve Tailwind CSS v4.

Bağımsız sanatçıların lig usulü yarıştığı, dinleyicilerin oy vererek favorilerini öne çıkardığı oyunlaştırılmış müzik keşif platformunun arayüz prototipi. Lig tablosu, sanatçı ve şarkı sayfaları, VIP abonelik ve ödül çarkı içeriyor.