Profili ve sektörü araştırdık
Sanatçının müzik tarzını, sahne kimliğini, hedef kitlesini ve sektördeki DJ ve sanatçı sitelerini inceledik.
SANATÇI WEB SİTESİ · SIFIRDAN ÖZEL TASARIM
Bir DJ’in sahnesini web’e taşıdık.
Fırat Gürel için hazır bir tema ya da şablon kullanmadık. Sanatçının profilini, müzik tarzını ve sektörünü araştırarak başladık; tasarımı, animasyonları ve ziyaretçi akışlarını tamamen ona özel kurgulayıp sıfırdan kodladık.
Sonuç; müzik yayınlarını, canlı setleri, medya arşivini ve DJ akademisini sahne diliyle anlatan, mekân ve organizatörleri tek adımda rezervasyona yönlendiren ve ziyaretçi davranışını ölçen bir sanatçı sitesi.
SAHNE→MÜZİK→CANLI→REZERVASYON
Özel Tasarım Sanatçı Sitesi
Ana Sayfa · Müzik · Canlı · Medya · Akademi
0
HAZIR TEMA / ŞABLON
7
ÖZEL TASARLANMIŞ SAYFA
3
ZİYARETÇİ AKIŞI
7
MÜZİK & SOSYAL PLATFORM
Instagram, TikTok, Spotify, Apple Music, SoundCloud, YouTube ve PowerApp’e dağılmış varlık; sanatçıya özel tasarlanan tek bir sitede toplandı ve ziyaretçi davranışı KVKK uyumlu analitikle ölçülüyor.
HAZIR ŞABLON DEĞİL
Bu site bir temadan değil, Fırat Gürel’in kendisinden yola çıkılarak tasarlandı.
Piyasada hazır bir tema alınıp logosu ve fotoğrafları değiştirilerek teslim edilen çok sayıda site var. Bu projede tek bir hazır şablon kullanılmadı; her karar sanatçının profiline ve sektörüne göre verildi.
Konu
Hazır şablon site
Fırat Gürel projesi
Çıkış noktası
Tema kütüphanesinden seçilen hazır bir tasarım
Sanatçının profili, müzik tarzı, hedef kitlesi ve sektör araştırması
Görsel dil
Başka yüzlerce sitede de kullanılan bileşenler
Sahne fotoğraflarından ve sanatçının tarzından türetilen tipografi, renk ve kompozisyon
Animasyonlar
Temayla gelen standart efektler
Bir DJ setinin akışı gibi kurgulanıp tek tek kodlanan, kaydırmaya bağlı sahne geçişleri
Ziyaretçi akışı
Herkese aynı genel sayfa yapısı
Mekân ve organizatör, dinleyici ve öğrenci için ayrı yolculuklar; her sayfadan rezervasyona tek adım
Ölçümleme
Çoğu zaman sonradan eklenen ya da hiç olmayan analitik
İlk günden Google Analytics 4, KVKK / GDPR uyumlu çerez onayı ve teknik SEO
Teknik temel
Tema ve eklenti bağımlılığı
Bu proje için yazılmış, sade ve sahibine ait kod
NASIL İLERLEDİK
Akışları kurguladık
Mekân ve organizatör, dinleyici ve öğrenci için ayrı yolculuklar ve rezervasyona giden kısa yolu planladık.
Görsel dili ona göre kurduk
Tipografi, renk ve kompozisyonu sanatçının sahne fotoğraflarından ve tarzından türettik.
Animasyonları sahneye göre yazdık
Kaydırmayla değişen sahneleri ve geçişleri bir setin akışı gibi kurgulayıp tek tek kodladık.
Analitikle yayına aldık
GA4, çerez onayı ve teknik SEO ile sitenin nasıl kullanıldığını ilk günden ölçülebilir hale getirdik.
BİR LINK-IN-BIO’DAN FAZLASI
Hedef, platform linklerini listelemek değil; sanatçının sahnesini hissettirmekti.
Bir DJ’in dijital yüzü; müziğini, sahne enerjisini, eğitmen kimliğini ve rezervasyon kanalını aynı anda taşımalı.
Fırat Gürel yalnızca bir DJ değil; aynı zamanda prodüktör ve Schola DJ Academy’de eğitmen. Sitenin hem mekân ve organizatörlere, hem dinleyicilere, hem de DJ olmak isteyen öğrencilere aynı anda hitap etmesi gerekiyordu.
Bu yüzden hazır bir şablon yerine; sahne görüntüleri, büyük tipografi ve kaydırmaya bağlı geçişlerle kurulmuş, her sayfası aynı dili konuşan özel bir tasarım geliştirildi.
01
Mekân ve organizatörler:
Canlı set videoları ve sahne görüntüleriyle sanatçıyı değerlendirir, rezervasyon kanalına tek adımda ulaşır.
02
Dinleyiciler:
Yayınları görür ve Spotify, Apple Music, YouTube gibi platformlara doğrudan geçer.
03
Öğrenciler:
Akademi sayfasında eğitim modüllerini inceler ve iletişime geçer.
GİRİŞSAHNETam ekran video · Kaydırmaya bağlı sahne geçişleri
◆
İÇERİKMÜZİK · CANLI · MEDYAYayın kataloğu · Set videoları · Filtrelenebilir arşiv
◆
EĞİTİMAKADEMİSchola DJ Academy · Eğitim modülleri
◆
ÇIKTIREZERVASYON & İLETİŞİMHer sayfadan tek adımda ulaşılan booking kanalı
KAYDIRMA DENEYİMİ
Sayfa kaydırıldıkça sahne değişiyor.
Ekran görüntüsü bu siteyi anlatmaya yetmiyor. Aşağıdaki kayıt, canlı sitenin ana sayfasında gerçek bir kaydırma anı.
Ana sayfa · sahne geçişleri → canlı performans → seçili anlar
Canlı siteyi açın ↗
TASARIM VE GELİŞTİRME
Görsel etki ile teknik temel aynı projede kuruldu.
Sinematik arayüz; arama motorlarında doğru görünen, paylaşıldığında düzgün önizlenen ve ziyaretçi davranışı ölçülebilen bir teknik temelin üzerine kuruldu.
MOBİL DENEYİM
Telefonda da aynı sahne.
Sanatçıyı Instagram ya da TikTok profilinden bulan ziyaretçi siteye telefondan gelir. Bu yüzden mobil görünüm ikincil değil, deneyimin kendisi olarak tasarlandı.
-
Canlı performans -
Tam ekran menü -
Müzik kataloğu -
Akademi
Hazır şablon değil, markanıza özel.
Projenizi konuşalım
Markanız için sıfırdan tasarlanmış bir web sitesi mi istiyorsunuz?
Hazır bir temayı uyarlamak yerine; markanızı ve sektörünüzü araştırıp tasarımı, animasyonları, akışları ve analitiği size özel kuralım. Diğer çalışmalarımızı inceleyin →