Portfolyo Sitesi Örnekleri: Güçlü Olanlar Neyi Doğru Yapıyor

Güçlü portfolyo sitelerinin ortak yanları, alan alan: siteyi hangi iş açmalı, yazılımcı, tasarımcı ve yazarlar işlerini nasıl anlatmalı, neler çıkarılmalı.

Canonical: https://www.prezumi.com/tr/blog/portfolyo-sitesi-ornekleri

Güçlü portfolyo sitelerinin alandan bağımsız üç ortak alışkanlığı var: siteyi sahibinin en iyi işiyle açarlar, her işi birkaç cümlelik bir bağlamla anlatırlar ve sahibinin kendi çıtasının altında kalan her şeyi çıkarırlar. Gerisi alana özgüdür, çünkü bir yazılımcı portfolyosuna bakan işe alım yöneticisiyle bir yazarın işlerine bakan editör tamamen farklı şeylere bakar.

Gerçek portfolyo bağlantılarından oluşan listeler çabuk eskiyor; siteler aylar içinde yeniden tasarlanıyor ya da kapanıyor. Bu yüzden aşağıdaki her bölüm bunun yerine açıklamalı bir şablon sunuyor: o alanda işlemeye devam eden sayfa yapısı, değerlendirenlerin ilk baktığı şey ve keşke çıkarılsa dedikleri dolgular. Kendi alanınızın şablonunu alın, destekleyici sayfalar ve yayımlama seçenekleri için de portfolyo sitesi nasıl yapılır rehberini kullanın.

Yazılımcı portfolyosu örnekleri: konuşan şey demodur

Güçlü bir yazılımcı portfolyosu küçük ve doğrulanabilir olur. Düzen şu: tek satırlık bir tanıtım ("Ağırlıklı olarak Python ve Postgres ile çalışan backend geliştirici"), ardından her biri canlı demo bağlantısı, kaynak bağlantısı ve kısa bir açıklama taşıyan üç dört proje. Birçok yazılımcı sitenin kendisini GitHub Pages üzerinde barındırıyor; hem ücretsiz hem de statik bir siteyi yayına alabildiğinizi sessizce gösteriyor.

Açıklama, çoğu yazılımcının verdiğinden daha fazla ağırlık taşıyor. Her proje için şunları anlatın: ne yapıyor ve kimin için, hangi teknolojilerle kurulmuş, karşılaştığınız zor bir problem ve onu nasıl çözdüğünüz, bugün olsa neyi değiştireceğiniz. Sondaki madde kıdemli değerlendiricilerde şaşırtıcı derecede iyi karşılık buluyor, çünkü kendi işinizi değerlendirebildiğinizi gösteriyor. Değerlendirenler önce demoya tıklar; demo kapalıysa ya da yarı bozuksa sayfadaki hiçbir şey bunu telafi edemez, o yüzden bağlantılarınızı bir iki ayda bir test edin.

Eğitim seti projeleri (yapılacaklar listesi uygulaması, tarif bulucu, ünlü bir sitenin klonu) ilk bakışta tanınır ve ödev gibi okunur. Bir eğitim setinden yola çıktıysanız, projeyi o setin yapmadığı bir şeyi yapana kadar geliştirin ve yazacağınız açıklamayı da o geliştirme üzerine kurun.

Tasarımcı portfolyosu örnekleri: süreç, son görselden önemlidir

Tasarım değerlendiricileri muhakeme satın alır ve bitmiş görseller tek başına muhakemeyi göstermez. Nielsen Norman Group'un UX tasarımcıları için portfolyo rehberi bunu değerlendirici araştırmasına dayanarak söylüyor: brifingten sonuca giden yolu belgeleyen vaka çalışmaları okunuyor, bitmiş ekranlardan oluşan galeriler ise göz gezdirilip unutuluyor.

İşe yarayan bir vaka çalışmasının iskeleti hep aynıdır: brifing ve kısıtları, gerekçeleriyle birlikte verdiğiniz iki üç karar, dağınık orta kısım (eskizler, elenen yönler, testin değiştirdikleri), sonuç ve sonrasında ne olduğu (yayına alındı, ölçüldü, benimsendi). Bu derinlikte dört ile altı vaka çalışması, on iki küçük proje görselinden iyidir. Portfolyo sitesinin görsel işçiliği bu alanda diğerlerinden daha çok önemlidir, çünkü site zaten başlı başına bir iş örneğidir; ama işçilik vaka çalışmalarıyla yarışmak yerine onları çerçevelemeli.

Yazar portfolyosu örnekleri: gruplanmış ve etiketlenmiş işler

Bir yazarın portfolyosu galeriden çok dizine benzer. İşleyen düzen şu: türe ya da konuya göre gruplanmış altı ile on iş (haber dosyaları, denemeler, kurumsal içerik, teknik dokümantasyon) ve her işin yanında yayın adı, tarih ve işin ne olduğunu anlatan tek satır. O tek satır önemli, çünkü editörler ilgili deneyimi tarayarak arar ve "bölgesel bir gazete için hazırlanmış, hastane personeli üzerine 1.500 kelimelik saha dosyası" ifadesi onlara başlığın tek başına söylediğinden fazlasını söyler.

Yayımlanmış hâli nerede duruyorsa oraya bağlantı verin; ödeme duvarının arkasında kalan ya da yayından kalkan işler için temiz bir PDF kabul gören çözümdür. Belirli bir alana yönelen yazarlar bunu gruplamayla göstermeli: altı işten üçü iklim teknolojilerini konu alan bir portfolyo, teklifini biyografi devreye girmeden yapmış olur. Yayımlanmamış taslakları ve üniversite ödevlerini çıkarın; bir metin gerçekten en iyi işinizse kalsın, ama onu yazı örneği olarak sunun ve bunu açıkça belirtin.

Fotoğrafçı portfolyosu örnekleri: tek ve sıkı bir galeri

Fotoğraf portfolyoları fazla iş koymaktan çöker. Güçlü olanlar, acımasızca elenmiş on beş ile yirmi beş kareden oluşan tek temalı bir galeri, kısa bir seri girişi ve yalnızca bağlamın gerektiği yerde açıklama gösterir. Değerlendirenler bakışın tutarlılığını tek tek karelerin üstünde tutar: aynı sahnenin birbirine çok benzeyen üç karesi, seçim yapamama olarak okunur ve zaten ölçülen beceri tam da seçim yapabilmektir. Türlere göre ayrı galeriler (düğün, portre, editoryal) ancak her biri tek başına ayakta durabiliyorsa işe yarar.

Serbest çalışan portfolyosu örnekleri: müşterinin gözünde canlanan sonuçlar

Potansiyel müşteriler bir serbest çalışanın portfolyosunu tek bir soruyla okur: bu kişiyle çalışırsam ne olur? İş getiren örnekler bu soruyu doğrudan cevaplar. Her iş; müşterinin sorununu, sizin ne yaptığınızı ve ölçülebilir bir sonucu içerir, alabiliyorsanız kısa bir müşteri yorumuyla birlikte. "Bir SaaS girişimi için karşılama e-postalarını yeniden yazdım; deneme sürümünden ücretliye geçiş %18 arttı" cümlesi, karşıdakine kendi işi için canlandıracak bir şey verir. Müşteriye dönük portfolyoların daha ayrıntılı anlatımı serbest çalışan rehberinde.

Şablon tek tabloda

Güçlü örneklerin hepsinde olan şeyler

• Ad ve uzmanlık, kaydırmadan görünen yerde. "Erken aşama fintech için ürün tasarımcısı" ziyaretçiyi iki saniyede konumlandırır; çıplak bir logo ile menü simgesi bunu yapmaz.
• Tek tıkla iletişim. Her sayfanın üst ya da alt kısmında bir e-posta bağlantısı. Onu aramak zorunda kalan değerlendiriciler genellikle aramaz.
• Hızlı sayfalar. Google'ın performans rehberi iyi bir ilk yükleme eşiğini 2,5 saniye olarak koyuyor ve portfolyolar bu eşiği neredeyse tamamen sıkıştırılmamış görseller yüzünden kaçırıyor. Görselleri görünecekleri boyutta dışa aktarın.
• Yaşam belirtisi. Son bir yıldan bir iş, güncel bir biyografi, kırık bağlantı yok. Eskimişlik, müsait olmamak gibi okunur.

Kendinizinkini şablondan kurun

Prezumi bu şablonları düzen işiyle uğraşmadan çalışan bir siteye çeviriyor: tek bir profili doldurun ya da CV'nizi yükleyin, portfolyo şablon galerisinden bir tasarım seçin; girdiğiniz her proje de bu yazının anlattığı açıklama alanlarıyla birlikte gelsin. Ücretsiz paket paylaşılabilir bir bağlantıyla yayımlıyor; bunu diğer ücretsiz yollarla karşılaştırmak isterseniz ücretsiz portfolyo sitesi rehberi hepsini dürüstçe kıyaslıyor.

Sıkça Sorulan Sorular

Bir portfolyo sitesi örneğini birebir kopyalamalı mıyım?

Yapıyı kopyalayın, içeriği ya da görsel kimliği asla. Bu rehberdeki yapılar oturmuş kurallar (üç yayına alınmış proje ve düzgün açıklamalarla kurulmuş bir yazılımcı portfolyosu, vaka çalışmaları üzerine kurulu bir tasarım portfolyosu) ve onları izlemek sizi adayların çoğunun önüne geçirir, çünkü değerlendirenler aradıklarını hemen bulur. Görsel kimlik başka bir konu, özellikle tasarımcılar için: tanınmış bir tasarımcının sitesine benzeyen bir portfolyo, istemeyeceğiniz doğrudan bir karşılaştırma davet eder ve taklit olarak okunabilir. Geri kalan herkes içinse en güvenli hamle, sıfırdan tasarım yerine hafifçe uyarlanmış temiz bir şablon: ikna eden şey yapıdır ve zayıf işin etrafındaki aşırı tasarlanmış bir kabuk kimseyi etkilemez. Değerlendiriciler istikrarlı biçimde sıkıcı erdemleri ödüllendiriyor: net etiketleme, çalışan bağlantılar, dürüst açıklamalar. Düzene harcayacağınız saatleri daha iyi projeler seçmeye ve onları daha özenli anlatmaya harcayın.

Elimde tek bir iyi proje varken portfolyoyu nasıl güçlü kılarım?

Etrafını doldurmak yerine o tek projeyi alışılmadık bir derinlikte belgeleyin. Açıklama tüm yayı kapsadığında tek bir proje ikna edici bir portfolyoyu doldurabilir: sorun ve kimin sorunu olduğu, kısıtlar, verdiğiniz kararlar ve elediğiniz seçenekler, yolda ters giden şeyler, sonuç ve bugün olsa neyi farklı yapacağınız. Bu derinlik muhakemeyi gösterir; değerlendirenlerin kaç projeye bakarlarsa baksınlar asıl ölçmeye çalıştığı şey de o. Projeyi tek başına kalmış bir kutucuk gibi değil, öne çıkarılmış bir vaka çalışması olarak sunun ve etrafını hareketliliğinizi gösteren daha küçük kanıtlarla destekleyin: yazılımcıysanız başka projelere yaptığınız katkılar, tasarımcıysanız iyi anlatılmış birkaç deneme, yazarsanız daha kısa yayımlanmış metinler. İyice belgelenmiş tek bir proje ve görünür bir üretim temposu, aynı projenin onu sulandıran beş dolgunun ortasında durmasından çok daha iyi okunur, çünkü portfolyo görünen en zayıf işine göre yargılanır.

Portfolyo sitelerinde her proje için vaka çalışması gerekir mi?

Hayır; derinlik en iyi iki üç işinize aittir, gerisi kısa kalabilir. Pratik bir düzen katmanlı olanı: mülakatta hakkında en çok soru sorulmasını isteyeceğiniz projeler için tam vaka çalışmaları, ardından kalan her işin bir görsel ya da bağlantıyla ve iki üç cümlelik bağlamla yer aldığı kısa bir bölüm. Bu, değerlendiricilerin portfolyoları gerçekte nasıl okuduğuna uyar: bir iki işe derinlemesine girer, gerisine çeşitliliği görmek için göz gezdirirler. Kaçınılması gereken hata bunun tersi, yani her projeye aynı orta uzunlukta muamele etmek; bu portfolyoyu uzatır ama hiçbir işi akılda kalıcı kılmaz ve değerlendirenler en iyi işinize dair net bir resim edinmeden ayrılır. Tasarımcılar derece farkıyla istisnadır, çünkü vaka çalışması o alanın beklenen formatıdır; ama orada bile düzgün yapılmış dört ile altı tanesi, özensiz yapılmış on taneyi geçer.

Temel sayfaları keşfet