İçeriğe geç
Sitenin paylaşım kartı: mürekkep zeminde dokuz temanın çemberi, ortada “İnsan ve Beden · 4 buluşma · 24 Ekim – 15 Kasım”

Bütün Kolektif · Kreatif & Tasarım · 2026 · 51 gün (32 çalışma günü, yaklaşık 120 saat)

Bütün Kolektif Web sitesi ve mail otomasyonu

Bütün Kolektif, psikoloji, felsefe ve sanatı aynı masada buluşturan küçük bir düşünme kolektifi; İstanbul’da, buluşmaları Şişli’de ve çevrim içi. Buluşmalar Instagram’dan duyuruluyor, başvurular Google Forms’ta toplanıyordu. Başvuruyu ödemeye ve kesinleşmeye bağlayan bir akış yoktu; kimin yerinin kesinleştiği elle takip ediliyordu. Yazılar için bir yayın yeri de yoktu.

Markanın temellerini daha önce birlikte atmıştık. Eksik olan, bu kimliği taşıyan ve ekibin teknik bilgi gerekmeden yönetebileceği bir yerdi. Ağustos sonunda planladık; site 12 Eylül 2026’da yayına çıktı. Ekim başında kolektifin ana serisi “İnsan ve” dokuz temalı yeni kimliğine geçince site de onunla birlikte yenilendi.

İş bir Bütün Kolektif x Artcycle LABS işbirliği; Uğur Karataş kolektifin kurucu üyelerinden. Bu işte tasarım yönü ve proje yönetimi bizdeydi: marka sisteminin web’e uyarlanması, arayüz kararları, içerik ve başvuru akışının kurgusu, kolektifle geri bildirim turları. Geliştirme yapay zekâ destekli yürüdü (Claude Code); her karar yazılı bir kütüğe bağlandı, kod, test, ölçüm ve canlıya alma o kütük üzerinden ilerledi.

Müşteri
Bütün Kolektif
LABS'in rolü
Kreatif & Tasarım
Yıl
2026
Süre
51 gün (32 çalışma günü, yaklaşık 120 saat)

Sade bir site, ekibin kendi paneli

Önerimiz hızlı açılan, sade bir site ve yanında ekibin kendi paneliydi. Sayfalar önceden üretiliyor. Başvuru formu ve kayıtlar sitenin kendi sunucusunda tutuluyor; e-postalar bir posta sağlayıcısı üzerinden gidiyor. Üçüncü taraf takip ya da reklam çerezi yok; ziyaretler kişiyi değil sayfayı sayan, IP saklamayan kaba bir sayaçla tutuluyor.

Panel her şeyin tek yeri: sitenin 44 sayfasının sabit metinleri, buluşmaları, yazıları ve görselleri, başvurular, kişi defteri ve postalar. Kısa bağlantılar da oradan yönetiliyor. Ekibin paneli kullanması için ekran görüntülü bir kılavuz Notion’da hazırlandı.

Kararlar seçenek sayfalarından

Arayüzü tek seferde çizmek yerine her konu için üç beş seçenekli sayfalar hazırladık: renk rolleri, düğmeler, form, duyuru bandı, menü. Kararlar bu sayfalardan seçildi.

Kurulum 2–11 Eylül arasında yapıldı: site, panel, başvuru formu ve e-posta zinciri. Site bilinçli olarak eksik yapılandırmayla yayına çıktı; kolektifin kurucularının notları turlar hâlinde işlendi. Son büyük güncelleme 12 Ekim’de geldi.

Seri, buluşma ve telefon

İnsan ve: dokuz tema, dokuz renk

Ekim başında kolektifin ana serisi “İnsan ve” dokuz temaya geçti; her tema kendi rengini aldı ve site her temanın sayfasını kendi renginde basıyor. Renklerin nereden geldiği ve nasıl ölçüldüğü kurumsal kimlik sayfasında.

Sitenin tasarım sistemi

Seri değişince tasarım sistemi (Claude Design) ve marka kataloğu da yenilendi. Değerler tahminle değil, sitenin canlı kaynak kodundan okunarak aktarıldı. Sistemde sitenin bileşenleri birer kart: seri çemberi, paylaşım kartı, buluşma durumu, menü ve arama, panel. Yazı yüzleri Fraunces (başlık), EB Garamond (gövde) ve Instrument Sans (etiket, düğme, künye); üçü de açık lisanslı ve sitede kendi sunucusundan yükleniyor.

Paylaşım kartı (bu sayfanın kapağı) 1200 × 630: mürekkep zemin, ortada dokuz temanın çemberi, başlık çemberin içinde. WhatsApp önizlemesi görselin ortasından kare kestiği için bütün içerik yatayda 285–915 piksel arasında tutuldu. Sayfalardaki kolajlar da tek tek yerleşiyor: metnin yanında, dikeyde ortada ve bir adım aşağıda; makasla kesilmiş kenar sert bir çizgide bitmiyor, zemine karışarak söner.

Başvurudan kesinleşmeye

Google Forms’un yerini sitenin kendi formu aldı. Tek formla birden çok buluşmaya başvurulabiliyor; kişiye tek posta gidiyor, her buluşma için adını taşıyan bir takvim eki (.ics) ile. Ödeme bilgisi ilk postada; ayrı bir “ödeme postası” adımı yok, bu kolektifin isteğiydi. Panelde ödeme, kesinleşme ve yoklama adımları var. Kesinleşme, hatırlatma, bekleme listesi ve ekip bildirimi postaları da aynı zincirde. Ekip grubuna kısa haber için Telegram botu kuruldu, bağlanmayı bekliyor; o haberler kişisel veri taşımayacak biçimde kurgulandı.

Kontenjanda bir düğüm vardı: ödeme yapmadan başvuran kişi yer tutuyor, buluşma gerçekte dolmadan “doldu” görünebiliyordu. İki sayıyı ayırdık. Ücretli buluşmada yer, ödemesi gelip kesinleşen kayıtla doluyor; “Son yerler” uyarısı ise başvuru sayısından geliyor. Dolu buluşmaya gelen başvuru aynı formdan bekleme listesine yazılıyor. Kesinleşenler son yeri doldurduğunda ekibe bir uyarı postası gidiyor; kişiye kendiliğinden “yer kalmadı” gitmiyor, kimin yer alacağına ekip karar veriyor.

Panelin açık ve koyu teması var; güneş-ay simgeli tema düğmesi panelin imzası.

Form, ilk posta ve panel

Zor kısım: koda geçmeyen kararlar

İlk turlarda seçilen kararların bir kısmı koda hiç geçmemişti. Ölçtüğümüzde bir turda seçimlerin yalnız %8’inin koda geçtiği çıktı. Yapay zekâ destekli geliştirmede en sessiz kayıp buydu: seçilmiş ama hiç uygulanmamış karar.

Her kararı kolektifin kendi cümlesiyle bir kütüğe yazdık. Bir denetim betiği kütüğü her seferinde kodla karşılaştırıyor; bugün 4.282 kural koşuyor. Yeni bir kural, ilgili düzeltme bilerek geri alınıp kuralın kırmızı yandığı görülmeden kabul edilmedi. Kolektifin iki sözü çelişirse sonuncusu geçerli sayıldı. Kararların koda geçme oranı tur tur %100, %8, %33, %71 ve %90 oldu; eğri kütüğün açıldığı turda kırılıyor. Bugün kütükte 156 karar izleniyor.

İkinci düğüm canlıdaki içerikle kodun ayrışmasıydı: ekip metinleri panelden düzenliyor, depoda yapılan bir metin değişikliği o düzenlemenin üzerine yazmamalıydı. Canlıya içerik bir “yama” ile gidiyor: bir alan yalnız hâlâ eski değeri taşıyorsa güncelleniyor, ekibin panelden yaptığı düzenleme korunuyor. Her canlıya almadan önce içerik, kayıt ve görsel yedeği alınıyor.

Hafif ve takipsiz

Site, Node.js ile yazılmış ve dış kütüphane kullanmayan bir statik site üreticisiyle kuruldu. Her sayfada 28 KB JavaScript var (sıkıştırılmış); sayfaların ve formların tamamı JavaScript kapalıyken de çalışıyor, bunu 40 ayrı kontrol denetliyor. Sunucu tarafında 595 test var (594’ü geçiyor). Görsel türevleri sharp ile WebP olarak, paylaşım kartları başsız Chrome ile üretiliyor; yayın Docker ve Coolify ile. 32 sayfa üç telefon genişliğinde (320, 360 ve 390 piksel) tek tek denetlendi.

Ölçüm 21 Ekim 2026’da canlı sitede yapıldı: başsız Chrome, önbellek kapalı, her sayfa üç kez, ortanca değer. Masaüstü kısıtsız bağlantıda; telefon, Lighthouse’un telefon koşulunda (150 ms gecikme, 1,6 Mbit/s, dört kat yavaş işlemci). Ana sayfada en büyük öğe masaüstünde 1,4, telefonda 2,8 saniyede çiziliyor; buluşma sayfasında 1,3 ve 2,6 saniye. En yavaş sayfa serinin açılışı: büyük deseni yüzünden telefonda 3,5 saniye.

Proje başlatma ve danışmanlık

Benzer bir proje mi düşünüyorsun?

Markanın hikayesini sinematik estetik ve yapay zeka araçlarıyla yeni nesil bir dijital deneyime dönüştürelim.

Sonraki işRoboVerse Kids
Önceki · RoboVerse Kids

Bu sitede teknik olarak zorunlu çerezler çalışır; ölçüm çerezleri yalnız izin verirsen.
Ayrıntı çerez politikasında.
Ölçüm çerezleri yalnız izin verirsen.