Selina — Sanat Portfolyosu

Tuval ve kâğıt üzerine elle resim ve çizim yapan bir sanatçı olan Selina için bir portfolyo sitesi. Tasarlayıp geliştiren benim.

Brief. Eserler görülmeleri gerektiği gibi görülmeli — bir duvarda, sessiz bir odada — ama bir portfolyonun hızlıca gezilebilmesi ve kolayca paylaşılabilmesi de gerekiyor. Tek bir site ikisini birden yapmalıydı.

Tasarım kararı. Sitenin aynı veri kaynağını paylaşan iki girişi var. Sergi, içinde yürünebilen bir 3D müze: girişten ana salona, oradan da kâğıt üzeri işlerin odasına geçiyorsun ve her tablo galeri ışığı altında gerçek oranlarında asılı. Portfolyo ise klasik sürüm: kategori filtreli bir ızgara, öne çıkan eserler ve her eser için arama motorlarının indeksleyebildiği bir sayfa. Bir tabloyla ilgili hiçbir bilgi bir bileşenin içine yazılmıyor; bu yüzden bir eser eklemek ikisini birden güncelliyor.

Nasıl yapıldı. React, TypeScript ve Tailwind CSS ile Next.js; müze, React Three Fiber üzerinden Three.js ile yapıldı. Selina bir eseri, fotoğrafını bir klasöre koyup tek bir script çalıştırarak ekliyor; script fotoğrafı kırpıp web, doku ve küçük resim görsellerini üretiyor. Backend ya da ücretli bir servis yok — Vercel’e statik bir site olarak yükleniyor.

Oyunlardan taşınan. Müze küçük ölçekte bir seviye tasarımı: görüş hatları, oda sırası ve ışık, ziyaretçinin ilk neye bakacağını belirliyor — bir oyun alanını yerleştirirken kullandığım düşüncenin aynısı.