Mustafa Barış İmdat
← Ana sayfa
2024 – 2026WebCase Study

Less Ordinary Studio

Bağımsız sanatçı platformu için görsel kimlik ve site

2024 – 2026·Tasarım + geliştirme·
Next.jsTailwind CSSVercel
·Canlı →
Less Ordinary Studio — 'Make room for what exists outside the established circle' manifesto sayfası01Manifesto
— Problem

Sessiz değil ama gürültülü de değil bir kimlik

Less Ordinary Studio, kurumsal galeri sisteminin dışında kalan bağımsız sanatçılar için kurulan bir platform. Brief açıktı: ne galeri sitesi gibi steril, ne magazin gibi dağınık olacak. İçerik (sergiler, sanatçı söyleşileri, marka işbirlikleri) farklı türlerde ama aynı sesle konuşmalı. Görsel kimliğin manifesto niteliği taşıması, ama sayfaların okumayı zorlaştırmaması gerekiyordu.

— Approach

Tipografi sistem olarak kuruldu

Tasarımın ana yükünü tipografi ve grid taşıyor: kalın display sans başlıklar, bilgi katmanı için monospace küçük metin, kayıt amaçlı pembe vurgu çizgisi. Bu üçlü her sayfada aynı kuralla iş gördü — koleksiyon sayfasında, sanatçı sayfasında, hatta footer'da bile.

Siyah-beyaz baz palet, sergi kataloglarındaki sessizliği taşırken pembe vurgu sadece etkileşim ve aksanlar için saklandı. Hover durumunda işbirliği satırlarının siyah bloğa dönüşmesi gibi küçük etkileşimler, sayfayı animasyonlu değil ama 'canlı' hissettirdi.

İçerik mimarisinde üç ana akış belirlendi: Transmissions (yazılı içerik), Collaborations (marka/yayın işleri), About (ekip ve manifesto). Her bölümün giriş başlığı bir fiil olarak yazıldı — pasif başlıklar yerine eyleme yönelten ifadeler. Bu küçük editöryal karar sitenin tonunu büyük ölçüde belirledi.

— Stack

Neden Next.js statik export?

İçerik akışı haftalık değil, sergi/söyleşi yayını sırasında güncelleniyor — yani bir CMS gerekçesi yoktu. Next.js statik export + Vercel CDN, sayfa yüklerini sıfır JS payload'a yaklaştırırken, ihtiyaç olan etkileşimi (hover state'leri, scroll davranışı, küçük geçişler) bileşen seviyesinde tutmama izin verdi.

Tipografi seçimi build'in en kritik kararı oldu: geniş grotesk display + dar mono ikilisi, hem sanat içeriğinin ağırlığını taşıyacak hem tarama hızını kaybetmeyecek şekilde kalibre edildi. Tailwind, hem grid sistemini hem font scale'ini tek konfigürasyondan yönetmek için pratikti.

— Outcome

Ne çıktı

Less Ordinary Studio'nun lostweb.vercel.app üzerinde canlı sitesi: manifesto sayfası, sergi koleksiyonu, sanatçı söyleşileri, işbirlikleri ve ekip sayfası. Site, Marie Claire ile yapılan editöryal işbirliği gibi dış yayın yer almalarında da referans noktası olarak kullanıldı.

— Reflection

Sonradan ne görürdüm

Mobil deneyim için tipografi ölçeklerini bir adım daha agresif sıkıştırırdım — display'in büyük olması mobilde bazen tek satırda kırılmıyor. İlk turda yeterince test etmedim; sonraki ittirme bunu çözdü ama başlangıçtan kurmak daha temiz olurdu.

Less Ordinary Studio — Marie Claire ve diğer marka işbirlikleri listesi, hover etkileşimi02Collaborations
Less Ordinary Studio — Tuğba Demirbaş 'Gölge' sergi sayfası, üst üste binmiş tipografi düzeni03Sergi sayfası
Sırada

Benzer bir projeniz mi var?
Konuşalım.

Önce 30 dakikalık bir ön görüşme. Sizi dinlerim, bütçe ve takvim aralığını doğrulayız.

← Ana sayfa