Portfolyo Web Sitesi Örnekleri: Tasarımcılar, Geliştiriciler ve Yaratıcılar için 14 Fikir

En iyi portfolyo siteleri üç şeyi hızla yapar: kim olduğunuzu ve ne yaptığınızı söyler, en iyi çalışmalarınızdan birkaçını bağlamıyla gösterir ve sizinle iletişime geçmeyi kolaylaştırır. Aşağıda on dört portfolyo sitesi örneği var. Beşi Ekim 2026'da okuduğumuz gerçek sitelerdir; diğer dokuzu farklı iş türleri için kalıplardır ve hiçbir siteyi adıyla anmadan anlatılmıştır. Ardından bir kontrol listesi, yaygın hatalar ve bir sitenin nasıl kurulacağı yer alıyor.

14 örneğe bir bakış

#	Örnek	En uygun olduğu	Temel fikir
1	Brittany Chiang	Ön yüz geliştiricileri	Deneyim, projeler ve yazılar tek sayfada
2	Jessica Hische	İllüstratörler, harfçiler	Portfolyo artı hizmetler, mağaza ve kaynaklar
3	Lee Robinson	Yazan mühendisler	Notlar ve yazılardan oluşan minimal bir sayfa
4	Paco Coursey	Tasarım mühendisleri	Kısa bölümler: inşa edilenler, projeler, yazılar, şimdi
5	Bruno Simon	Yaratıcı geliştiriciler	Sitenin kendisi vitrin
6	Vaka çalışması portfolyosu	Ürün ve UX tasarımcıları	Sorun, süreç, sonuç
7	Fotoğraf ızgarası portfolyosu	Fotoğrafçılar	Kenardan kenara görseller, az metin
8	Yazı portfolyosu	Yazarlar, gazeteciler	Klipler konuya ya da yayına göre gruplanmış
9	Tek sayfalık serbest çalışan sitesi	Serbest çalışanlar	Hizmetler, işler, fiyat aralığı, iletişim
10	Öğrenci ya da junior portfolyosu	Yeni mezunlar	Ders projeleri gerçek iş gibi sunulur
11	Video reel portfolyosu	Video editörleri, animatörler	Önce bir reel, sonra tek tek projeler
12	Mimarlık ya da iç mekân portfolyosu	Mimarlar, tasarımcılar	Türüne göre projeler, çizimler ve fotoğraflarla
13	Veri ya da araştırma portfolyosu	Analistler, araştırmacılar	Etkileşimli grafikler ve yayımlanmış raporlar
14	Biyografide bağlantı portfolyosu	Yaratıcılar	Tek sayfa, birçok bağlantı, son işler

Gerçek portfolyo siteleri ve neyi iyi yaptıkları

Açıklamalar Ekim 2026 itibarıyladır.

1. Brittany Chiang: bir geliştirici işe alımcısının ihtiyaç duyduğu her şey

Brittany Chiang'ın sitesi, onu erişilebilir ve cilalı web deneyimleri hakkında tek satırlık bir sloganla bir ön yüz mühendisi olarak tanıtır. Gezinme Hakkında, Deneyim ve Projeler arasında geçiş yapar. Her iş, işvereni, tarihleri, kısa bir açıklamayı ve teknoloji etiketlerini listeler; tam özgeçmişe bir bağlantı da vardır. Öne çıkan projelerin bir ekran görüntüsü, açıklaması ve bağlantısı vardır; “Tüm proje arşivini görüntüle” bağlantısı geri kalanını tutar. Bir yazılar bölümü de makalelerine bağlanır.

Buradan öğrenin: ana sayfa en iyi birkaç öğeyi gösterir, arşiv geri kalanını tutar. Etiketler belirli bir beceriyi hızla taramayı kolaylaştırır.

2. Jessica Hische: aynı zamanda bir iş olan portfolyo

Jessica Hische'nin sitesi, onu bir harf sanatçısı, yazar ve girişimci olarak sunar. Müşteri işleri kategorilere ayrılmıştır (reklam, kitap ve film, editoryal, ürünler); her projenin tam sayfaya bağlanan bir küçük görseli vardır ve açıklamalar samimi olup süreci anlatır. İşlerin yanında siparişler, konuşmalar, koçluk, kitaplar, bir mağaza ve farklı türdeki sorular için ayrı iletişim e-postaları olan sayfalar bulunur.

Buradan öğrenin: birkaç şey satıyorsanız, her birine kendi yolunu ve iletişim kanalını verin; böylece doğru talepler size ulaşır.

3. Lee Robinson: sade metin, net düşünce

Lee Robinson'ın sitesi tek bir minimal sayfadır: kısa bir biyografi, konu notlarının bir listesi ve tarihli blog yazılarının bir listesi. İletişim bir e-posta bağlantısı ve bir X profili ile sağlanır.

Buradan öğrenin: işi fikirlerden oluşan insanlar için portfolyo yazının kendisidir. Tarihli başlıkların sade bir listesi okunması kolay ve hızlı yüklenir.

4. Paco Coursey: kısa, görüş sahibi bölümler

Paco Coursey'in sitesi onu arayüzler kuran bir tasarımcı ve geliştirici olarak tanımlar. Sayfada inşa ettiklerini, üç açık kaynak projesini, yazıları, güncel ilgi alanlarını anlatan bir “Şimdi” bölümü ve iletişim bağlantıları için kısa bölümler vardır.

Buradan öğrenin: bir “Şimdi” bölümü, blog olmadan portfolyoyu güncel ve kişisel hissettirmenin kolay bir yoludur.

5. Bruno Simon: site işin kendisidir

Bruno Simon'ın portfolyosu, klavye, fare, dokunmatik ve oyun kumandası kontrolleri, başarımlar ve zamanlı bir yarış modu ile sürdüğünüz etkileşimli bir 3B dünyadır. “Perde arkası” bölümü yığını açıklar ve kaynak koduna bağlanır.

Buradan öğrenin: yaratıcı geliştiriciler için deneysel bir site, en güçlü beceri kanıtı olabilir. Ama çoğu başka rol için uygun değildir, çünkü sadece özgeçmişinizi isteyen ziyaretçilerin önce oynaması gerekir.

Kopyalayabileceğiniz portfolyo kalıpları

6. Vaka çalışması portfolyosu

Her biri kendi sayfasında üç ila beş proje: sorun, rolünüz, kısıtlar, süreç (eskizler, yinelemeler), sonuç ve farklı ne yapardınız. Sayfanın üstünde sonucu tek cümleyle verin. Ürün tasarımcıları ve UX araştırmacıları için en uygunudur.

7. Fotoğraf ızgarası portfolyosu

Bir ızgarada ya da tam genişlikte bir sırada büyük görseller, galerilere ayrılmış (düğünler, portreler, ticari). Az metin, hızlı görsel yükleme ve her galeride bir rezervasyon ya da talep bağlantısı. Bkz. fotoğraf sitesi nasıl kurulur.

8. Yazı portfolyosu

Konuya ya da yayına göre gruplanmış en iyi klipleriniz; her biri bir başlık, yayın organı, tarih ve tek satırlık bir özetle. Canlı makaleye bağlanın ve çevrimdışı olması ihtimaline karşı bir PDF kopyası tutun.

9. Tek sayfalık serbest çalışan sitesi

Ne yaptığınız, kimin için, üç iş, paylaşmaya rahatsanız bir başlangıç fiyatı ya da fiyat aralığı, referanslar ve bir iletişim formu. Hedef işe alımcılar değil, talepler olduğunda iyidir.

10. Öğrenci ya da junior portfolyosu

Ders ve kişisel projeleri gerçek iş gibi ele alın: brif, kararlarınız ve sonuç. Kısa bir “ne öğreniyorum” bölümü yönü gösterir. Koda ve canlı demolara bağlanın.

11. Video reel portfolyosu

Üstte 60–90 saniyelik bir reel, ardından jeneriklerin ve rolünüzün yer aldığı tek tek projeler. Sayfanın hızlı kalması için videoyu bunun için yapılmış bir hizmette barındırın.

12. Mimarlık ya da iç mekân portfolyosu

Türüne göre (konut, ticari) filtrelenmiş projeler; her biri fotoğraflar, planlar ve brif üzerine kısa bir not ile. Konum ve yıl, müşterilerin ilgili işleri bulmasına yardımcı olur.

13. Veri ya da araştırma portfolyosu

Bir ya da iki etkileşimli grafikli birkaç yayımlanmış analiz, not defterlerine ya da raporlara bağlantılar ve her bulgunun sade dille özeti.

14. Biyografide bağlantı portfolyosu

Sosyal platformlarda yaşayan yaratıcılar için: en iyi son işlerinizin, kanallarınızın ve bir iletişim ya da rezervasyon bağlantısının olduğu, önce mobil için tasarlanmış tek bir sayfa. Bkz. biyografide bağlantı sayfası nasıl kurulur.

En iyi portfolyoların ortak noktaları

Tek satırlık bir giriş. Adınız ve ne yaptığınız, bir müşterinin ya da işe alımcının kullanacağı kelimelerle.
Seçilmiş işler. Birkaç güçlü parça, geri kalanı için bir arşiv.
Her parça için bağlam. Rolünüz, sorun ve sonuç. Yalnızca görseller kararlarınızı açıklamaz.
Kolay iletişim. Her sayfada bir e-posta bağlantısı ya da kısa bir form; altbilgide gizlenmiş değil.
Hızlı ve okunabilir. Optimize edilmiş görseller, net yazı tipi, telefonda çalışır.
Güncel. Son işler ya da bir “şimdi” notu, aktif olduğunuzu gösterir.
Mümkünse kendi alan adınız. Adres kalıcı olarak sizin olsun.

Yaygın hatalar

Her şeyi göstermek. On ortalama proje, iki harika olanı gizler.
Açıklama olmaması. Ekran görüntülerinden oluşan bir galeri, ne yaptığınızı söylemez.
Bulunması zor iletişim bilgileri. İnsanlar bir e-posta aramak zorunda kalırsa, birçoğu vazgeçer.
Özden önce biçim. Sayfayı yavaşlatan ya da içeriği gizleyen ağır animasyonlar.
Kırık bağlantılar ve ölü demolar. Siteyi kimseye göndermeden önce her bağlantıyı kontrol edin.
Paylaşamayacağınız işleri kullanmak. Gizli projeleri yayımlamadan önce müşterilere ya da işverenlere sorun; gerekirse anonimleştirin.

Kendi portfolyo sitenizi nasıl kurarsınız

Kitlenizi seçin: işe alımcılar, müşteriler ya da iş ortakları. Neyin önce geleceğine bu karar verir.
Üç ila altı proje seçin ve her biri için kısa bir vaka çalışması yazın.
Yukarıdaki kalıplardan birini seçin ve sayfaları çizin: ana sayfa, proje sayfaları, hakkında, iletişim.
Kurun. Mythex ile portfolyonuzu bir sohbette tarif edip canlı önizlemede görebilir, görsellerinizi yükleyip tek tıkla bir URL'de yayımlayabilirsiniz (bkz. özel alan adı nasıl bağlanır). İsterseniz bir şablondan da başlayabilirsiniz. Bunu bir öğrenme projesi olarak elle kodlamak da iyi bir seçimdir.
Birinden telefonunda incelemesini isteyin ve on saniye sonra ne yaptığınızı söylemesini isteyin.

Adım adım versiyon için portfolyo sitesi nasıl kurulur yazısını okuyun; esas olarak çevrimiçi bir CV'ye ihtiyacınız varsa özgeçmiş sitesi nasıl kurulur yazısına bakın.

Bu örnekleri nasıl seçtik

Adı geçen her siteyi Ekim 2026'da okuduk ve yalnızca o zaman gösterdiğini anlattık. Bir “en iyi portfolyolar” sıralaması değil, açık bir fikri gösteren iyi bilinen siteleri seçtik. Kalıplar, genel terimlerle anlatılan yaygın formatlardır.

Sorular

Bir portfolyo web sitesi neleri içermeli?

Ne yaptığınızı anlatan tek satırlık bir ifade, her parça için bağlamıyla (sorun, rolünüz, sonuç) en iyi çalışmalarınızdan küçük bir seçki, kısa bir hakkında bölümü ve sizinle iletişim kurmanın net bir yolu. Ulaşmak istediğiniz kişilere yardımcı oluyorsa bir CV, yazılar ya da bir hizmetler sayfası ekleyin.

Bir portfolyoda kaç proje olmalı?

Ana sayfada genellikle üç ila altı güçlü proje yeterlidir. Ürettiğiniz her şeyi değil, açıklamasıyla birlikte daha az ama daha iyi parçalar gösterin. Geri kalanlar için, Brittany Chiang'ın sitesinde olduğu gibi bir arşive bağlantı verebilirsiniz.

Portfolyom için özel bir alan adına ihtiyacım var mı?

Zorunlu değil, ama adınızı içeren bir alan adı daha profesyonel görünür, akılda kalması daha kolaydır ve barındırmayı değiştirseniz de sizde kalır. Çoğu alan adı bir kayıt kuruluşundan yıllık mütevazı bir ücretle alınır.

Bir geliştirici portfolyosu sıfırdan mı kurulmalı?

Kendiniz kurmak portfolyonun bir parçası olabilir, ama zorunlu değil. İşe alım uzmanları çoğunlukla projelere, rolünüze ve kod ya da canlı demo bağlantılarına bakar. Bir yapay zekâ web sitesi oluşturucu ya da bir şablon sizi hızla temiz bir siteye ulaştırır; zamanınızı bunun yerine vaka çalışmalarına ayırabilirsiniz.