Cansın Cengiz
ÜrünlerSüreçProjelerDokümanlarİletişim
Dokümanlar

Tasarım Referans Siteleri

İlham aldığım 17 tasarım sitesi: kategorilere ayrılmış, her biri ne işe yaradığı ve hangi işte açılacağıyla.

Kategori
Tasarım
Güncelleme
1 Eylül 2026
Kaynak
17

Tasarım araştırması yaparken (web sitesi, landing page, marka kimliği, app görseli, renk/tipografi kararı) başvurulacak kaynak listesi. Amaç sıfırdan fikir uydurmak değil; işi bitmiş, sahada çalışan örnekleri mercek altına alıp desen çıkarmak.

Bölüm 01

Nasıl kullanılır

Liste iki katmanlı: Öncelikli kaynaklar sürekli takip içindir (gözü kalibre eder, gündemi verir), Galeri ve araştırma kaynakları ise eldeki somut işi çözmek içindir.

  1. 01

    Önce ne aradığını tanımla: komple site mi, tek bir bölüm mü (hero/footer), logo mu, renk paleti mi, app store görseli mi? Sondaki hızlı yönlendirme bunu tek adımda doğru kaynağa bağlar.

  2. 02

    Tek siteyle yetinme; en az 2 kaynaktan 5-10 örnek topla, ortak deseni çıkar (yerleşim mantığı, tipografi ölçeği, boşluk kullanımı, CTA yerleşimi).

  3. 03

    Kopyalama, çöz: "bu neden işe yarıyor" sorusunu cevapla. Çıktıya giden şey referansın kendisi değil, arkasındaki karardır.

  4. 04

    Bulduğun örnekleri ilgili projenin notlarına link + tek cümle gerekçeyle düş. Gerekçesi olmadan not edilen referans iki hafta sonra çöp olur.

Bölüm 02

Öncelikli kaynaklar

Günlük/haftalık takip listesi. Bir işe başlarken değil, sürekli açık tutulacak olanlar bunlar: gözü kalibre eden, tavanı gösteren, gündemi veren kaynaklar. Galeriler "şu işi çözeceğim" derken açılır; bunlar iş yokken de açılır.

  • 01Siteye git

    awwwards.com

    Web tarafında tavan nerede: ödüllü işler

    Web tasarımının ödül tarafı: en iyi geliştirici, tasarımcı ve ajans işleri. Yanında akademi, dizin ve trend yazıları var.

    Ne zaman aç

    Kalibrasyon için. Günlük müşteri işine birebir uygulanmaz ama "en iyisi ne yapıyor" ölçütünü buradan alırsın. Buradan başlayıp müşteriye çizim yapma tuzağına düşme; önce sektör standardını, sonra tavanı gör.

  • 02Siteye git

    Brand New

    Rebrand ve kimlik işlerinin günlük eleştirisi

    UnderConsideration'ın yayını: logo, kimlik ve rebrand projelerinin her gün yayınlandığı, üstelik eleştirildiği kaynak. Sadece "bak ne güzel" değil; neyin neden çalıştığını ya da çalışmadığını argümanla yazıyorlar, yorumlarda da tartışılıyor.

    Ne zaman aç

    Marka kimliği işlerinde ve daha önemlisi dil kurmak için. Bir tasarımı gerekçelendirme kaslarını en çok burası çalıştırır; müşteriye "bu neden böyle" derken kullandığın cümleler buradan gelir.

  • 03Siteye git

    Love The Work

    Dünya çapında ödüllü kampanya ve fikir arşivi

    Cannes Lions'ın resmi arşivi: kazanan ve kısa listeye kalan işler, kategorilere ayrılmış (bağlantı Creative Brand / 2026 filtresine gider). Bazı bölümler için hesap/giriş isteyebiliyor.

    Ne zaman aç

    Fikir üretirken. Bu bir tasarım galerisi değil, strateji ve kampanya fikri arşivi; bir markanın probleminden nasıl bir ana fikre gidildiğini görmek için en yoğun kaynak. İçerik ve kampanya kurgusu yaparken ilham değil, yöntem çıkarmak için tara.

  • 04Siteye git

    are.na

    Trend takibi ve kendi arşivini kurma

    Algoritmasız biriktirme ve bağlantı kurma platformu; kanallar (channel) halinde arşiv kurup başkalarının kanallarına bağlanıyorsun. API'si açık.

    Ne zaman aç

    Trend takibi ve kendi kütüphaneni kurmak için. cosmos.so görsel biriktirir, are.na fikir biriktirir: makale, görsel, alıntı bir arada. Uzun vadeli değer üreten kaynak bu; bugün kaydettiğin şey iki yıl sonra bir teklifin içinde çıkar.

  • 05Siteye git

    dezeen.com

    Tasarım gündemi: mimari, iç mekan, ürün

    Mimari, iç mekan ve ürün tasarımının en etkili yayınlarından; haber, proje, röportaj ve video.

    Ne zaman aç

    Gündem takibi. Web dışı disiplinlerden beslenmek için; görsel dilin nereye gittiğini web galerilerinden aylar önce buradan okursun. İçerik üretirken de örnek/vaka kaynağı.

  • 06Siteye git

    briefbox.me

    Pratik yapmak için gerçekçi tasarım briefleri

    Gerçekçi pratik briefleri ve tasarım challenge'ları (marka kimliği, görsel tasarım, UI/ürün), 15 bin kişilik topluluk ve bir grafik tasarım kursu.

    Ne zaman aç

    Müşteri işi yokken kas çalıştırmak veya bir yaklaşımı risksiz denemek için. Yeni bir stil/yöntem müşteride değil burada denenir.

Bölüm 03

Galeri ve araştırma kaynakları

  • 07Siteye git

    curated.design

    Komple web sitesi ve landing page örnekleri

    Elle seçilmiş, canlı web siteleri ve landing page galerisi. Sektöre ve görsel stile göre filtrelenebiliyor; site geneli dışında bölüm bazında (hero, footer vb.) ve şablon bazında arama da yapılabiliyor.

    Ne zaman aç

    Bir markaya komple site/landing page kurgusu düşünürken, sektör standardını ve üst segmenti görmek için ilk durak.

  • 08Siteye git

    before.click

    App Store görselleri, onboarding, paywall, app ikonu

    App Store ekran görüntüsü tasarımlarına odaklı galeri; yani doğrudan dönüşüm işi. Ayrıca paywall ekranları, onboarding akışları ve app ikonları var.

    Ne zaman aç

    Mobil uygulama işlerinde (store görseli, onboarding, fiyatlandırma ekranı). İndirmeyi kımıldatan görsel dilin nasıl kurulduğunu görmek için.

  • 09Siteye git

    details.so/inspo

    Tek tek UI bileşenleri, mikro-etkileşim ve animasyon

    Tam sayfa ekran görüntüsü yerine detay biriktiren bir kütüphane: hero bölümleri, footerlar, preloader'lar, sayfa geçişleri ve animasyonlar, kategorilere ayrılmış halde. Ücretsiz kısmı sınırlı, Pro'da tamamı açık. MCP entegrasyonu var; kütüphaneyi doğrudan Claude/Cursor gibi araçlara bağlayabiliyorsun.

    Ne zaman aç

    Sayfanın geneli oturmuş, tek bir bölümü çözemiyorsan. Bir de "burada nasıl bir hareket olmalı" sorusunun cevabı için.

  • 10Siteye git

    inspora.design

    Geniş yelpaze: web, branding, ürün, motion, 3D, print

    Çok disiplinli galeri: web, branding, ürün, motion, illüstrasyon, 3D, print. Saatlik güncelleniyor.

    Ne zaman aç

    İş web ile sınırlı değilse (marka kimliği, basılı iş, motion) veya güncel trendin nereye gittiğine hızlı bakmak istiyorsan.

  • 11Siteye git

    umanmade.com

    İnsan eliyle üretilmiş (AI olmayan) dijital işler

    İnsan üretimi dijital işler dizini: web tasarım/geliştirme, UI, motion, mikro-etkileşim, 3D, marka ve logo, animasyon, illüstrasyon. AI üretimi, kopya veya izinsiz içerikleri açıkça reddediyorlar.

    Ne zaman aç

    Referansın gerçekten bir insan tarafından, gerçek bir iş için üretildiğinden emin olmak istediğinde. AI galerilerinin homojenleşen dilinden çıkmak için iyi bir panzehir.

  • 13Siteye git

    webzooo.com

    Renk ve palet odaklı site araması

    4.000+ gerçek siteyi renk üzerinden tasnif eden ücretsiz kaynak. Renk ailesinden tam hex koduna kadar arama yapabiliyor, 33 sektöre göre filtreleyebiliyorsun; her site için palet, tipografi ve ekran görüntüsü veriyor.

    Ne zaman aç

    Elinde bir marka rengi varsa ("bu hex ile ne yapılmış") veya bir sektörün renk kodunu çözmen gerekiyorsa. Palet + tipografi eşleştirmesi için en hızlı yol.

  • 14Siteye git

    recent.design

    Günlük seçki, çok disiplinli (eski Godly)

    Eski godly.website artık buraya yönleniyor. Günlük seçki; web, arayüz, branding, tipografi, motion, illüstrasyon, 3D, editorial, print ve packaging kategorileri var. Ayrıca bir iş ilanı panosu tutuyor.

    Ne zaman aç

    Günlük/haftalık tarama için. Belirli bir iş için değil, gözü güncel tutmak için; sektörün nereye gittiğini en hızlı buradan okursun.

  • 15Siteye git

    refero.design

    Web ve iOS uygulama arayüzleri, ekran ekran

    Web ve iOS için on binlerce arayüz ekranı; gelişmiş aramayla desen bazında tarayabiliyorsun. before.click uygulamanın vitrinini (store görseli) verirken bu, uygulamanın içini verir.

    Ne zaman aç

    Bir ürün/uygulama arayüzü kurgularken. "Bu ekranı başkaları nasıl çözmüş" sorusunun en hızlı cevabı.

  • 17Siteye git

    cosmos.so

    Bulduklarını biriktirme, görsel benzerlikle arama

    İlham biriktirme aracı: renge ve görsel benzerliğe göre arama yapıyor, koleksiyon (moodboard) kurduruyor. Diğerleri kaynak, bu depo.

    Ne zaman aç

    Araştırma sırasında topladıklarını bir yerde toplamak için. Bir markanın görsel tonunu müşteriye anlatırken de tek link olarak paylaşılabilir.

Bölüm 04

Hızlı yönlendirme

Bu liste büyür. Kaynak sayısını değil, isabet oranını artırmak esas.
Tüm dokümanlar