Tasarım Portfolyosu: Gerçekten İş Getiren Bir Portfolyo Nasıl Kurulur

İşe alım yöneticileri mülakata çağırıp çağırmamaya karar vermeden önce bir portfolyoya 90 saniye harcar. Çoğu tasarımcı portfolyosunu bu 90 saniyelik pencere için değil, kendi egosu için optimize eder. Sonuç: harika çekilmiş ama kimsenin ötesine geçmediği bir ana sayfa, birbirinin aynısı görünen beş proje ve her ilginç kararı ekran görüntüsü duvarının altına gömen bir vaka çalışması yapısı.

Bu yazı çalışan versiyon. Bir portfolyoyu junior'dan senior'a gerçekten taşıyan beş proje, zevki değil karar verme becerisini kanıtlayan vaka çalışması yapısı ve başka bir ret e-postası yerine 48 saat içinde yanıt getiren bir sitenin nasıl kurulacağı.

Portfolyo aslında nedir

Portfolyo, bir sonraki işin üzerine oynanan bir bahistir; geçmiş işlerinin müzesi değil. Her projenin orada olması için bir sebep olmalı. Her vaka çalışması okura nasıl düşündüğün hakkında bir şey öğretmeli. Ana sayfa hiyerarşisinden vaka çalışması uzunluğuna kadar sitedeki her karar bir işe alım sinyalidir.

Mülakat getiren portfolyo en çok projeye sahip olan değildir. İşe alım yöneticisinin üç vaka çalışması okuyup "Bu kişiyi odada istiyorum" diye düşündüğü portfolyodur. Bu sonuç tesadüf değil. Bir yapıdır.

Görsel hiyerarşi tasarımı yazısı, herhangi bir sayfada okuma sırasını nasıl kontrol edeceğini anlatır. Portfolyo bunun test vakasıdır. Portfolyonda hiyerarşi yoksa işe alım yöneticileri onu bitirmez.

Gerçekten önemli olan beş proje

Çoğu portfolyo sekiz ila on iki proje içerir. İşe alım yöneticisi ikisini okur. "Hepsini koy" ile "sıkı seç" tartışması bitti. Seç. En fazla beş proje. Eksiksiz bir hikaye anlatan beşi seç.

Proje 1: Amiral gemisi

Araştırmadan lansmana kadar sonucun sahibi olduğun bir proje. Genelde en güçlü vaka çalışman. Ana sayfada, ilk ekranda durur. Yönetici yalnızca birini okuyacaksa okumasını istediğin projedir ve okurların yüzde 40'ı için olan biten de tam olarak budur.

Amiral gemisi en güzel proje değildir. En net kararlara, en geniş kapsama ve problemden sonuca en sıkı ana çizgiye sahip olandır. Tam sahiplenmeyle yürütülmüş mütevazı bir proje, yalnızca üç ekrana dokunduğun gösterişli bir projeyi yener.

Proje 2: Aralık belirleyici

Amiral gemisinden farklı bir görsel dilde çalışabildiğini gösteren proje. Amiral gemisi temiz bir SaaS paneliyse, aralık belirleyici ifade gücü yüksek bir marka kimliğidir. Amiral gemisi kişiliği olan bir tüketici uygulamasıysa, aralık belirleyici hassas bir kurumsal araçtır. Aralık, uyum sağlayabildiğini kanıtlar; senior olmanın yarısı da budur.

Aralık belirleyici çoğu zaman ana sayfadaki ikinci projedir. İlk bakışta amiral gemisinden belirgin biçimde farklı görünmeli ki yönetici vaka çalışmasını okumadan genişliği fark etsin.

Proje 3: Derinlik parçası

İleri bir uzmanlığı gösterdiğin proje. Tasarım sistemleri mimarisi, erişilebilirlik, araştırma metodolojisi, hareket tasarımı, front-end uygulaması. Derinlik, senior'ı orta seviyeden ayıran şeydir. Her senior tasarımcının, bir generalist için gerekenden daha derine indiği en az bir alanı vardır.

Derinlik parçası vaka çalışması uzunluğunda amiral gemisinden kısadır ama teknik olarak daha yoğundur. Kod parçacıklarının, token mimarisi diyagramlarının veya araştırma protokollerinin göründüğü projedir. Tasarım sistemleri rehberi, derinlik parçasında iyi yaşayan konu türüne bir örnektir.

Proje 4: İş birliği vakası

Diğer tasarımcılarla, mühendislerle veya tasarım dışı paydaşlarla çalışabildiğini kanıtlayan proje. Ödünleşimler, uzlaşma ve neyi yayınladığın ile neyi yayınlamak istediğin hakkında dürüstçe yazdığın projedir. İşe alım yöneticileri bu projeye çok ağırlık verir çünkü sana bir takım arkadaşı olarak nasıl biri olacağını, solo bir performans sergileyen biri olarak değil, anlatır.

İş birliği vakası genellikle yazması en zor olandır çünkü dürüstlük ister. Uzlaşmasız yayınlanan projeler genelde yoktur ve aksini iddia eden bir vaka çalışması yalan gibi okunur.

Proje 5: Kişisel veya yan proje

Müşteri işi olmayan bir proje. Kendi başlattığın bir keşif, yaptığın bir araç, bir tipografi deneyi, bir game jam girişi. Portfolyonun, tasarımcının brief dışında da zevki olduğunu kanıtladığı yer burasıdır. Kişisel projenin büyük olması gerekmez. Spesifik olması gerekir.

Yan projeler, kariyerinin başındaki tasarımcılar (müşteri işinin sınırlı olduğu yerde) ve senior tasarımcılar (süregelen merakı gösterdikleri yerde) için daha önemlidir. Kariyerinin ortasındaki tasarımcılar bazen bu slotu atlayıp yerine ikinci bir derinlik parçası koyabilir.

---

İş getiren vaka çalışması yapısı

Çoğu vaka çalışması, aralarında pazarlama metni olan final ekranlarından oluşan bir slayt gösterisi olarak yapılandırılır. Bu bir vaka çalışması değil. Bu bir galeri. Gerçek bir vaka çalışması karar günlüğü gibi okunur.

İşe yarayan yapı:

Bölüm 1: İki satırlık sunum

Müşteri kimdi, problem neydi, senin rolün neydi. İki satır, fazlası yok. Başka hiçbir şey okumayan bir yönetici bu projenin ne olduğunu ve senin neye katkı yaptığını bilmeli.

Örnek: "18 pazarda 2 milyon kullanıcıya hizmet veren bir fintech müşterisi için ödeme akışını yeniden tasarladım. UX'i yönettim, bir marka tasarımcısı ve üç mühendisle ortaklık kurdum ve sepet terk oranını eski referansa göre yüzde 23 düşüren bir akış yayınladım."

Bölüm 2: Problem

Gerçek problem hakkında bir ila üç paragraf. "Kullanıcıların kötü bir deneyimi vardı" değil. Spesifik. Sayılar, davranışlar, sürtünme noktaları. Problem ne kadar somutsa çözüm o kadar inandırıcı olur.

Tuzak, problemi iş dünyasının umursadığı terimlerle değil tasarımcının umursadığı terimlerle ifade etmektir. "Arayüz eski görünüyordu" bir tasarımcı problemidir. "Kullanıcıların yüzde 17'si ödeme ekranında vazgeçti" bir iş problemidir. İkinci versiyonu yaz.

Bölüm 3: Yaklaşım

Problemin üzerine nasıl gittin. Hangi araştırmayı yaptın. Hangi hipotezleri kurdun. Hangi kısıtlar işi şekillendirdi. Bu, düşünme bölümüdür ve işe alım yöneticilerinin vaka çalışması okumasının sebebi budur. Sadece bir çözüme vardığını değil, problemden çözüme nasıl ilerlediğini görmek isterler.

Kısıtları atlama. Her gerçek projenin vardır: bütçe, takvim, eski kod, yasal gereksinimler, paydaş tercihleri. Kısıtsız bir keşif gibi okunan vaka çalışması kurgu gibi okunur. Kısıtlar baharattır.

Bölüm 4: İş

Artefaktları göster. Araştırma bulguları, wireframe'ler, tasarım keşifleri, final ekranları. Ekran görüntülerinin yaşadığı yer burası, ama hikayenin hizmetindeler, yerine geçmiyorlar. Her ekran görüntüsünün, nasıl göründüğünü değil hangi kararı temsil ettiğini açıklayan bir alt yazısı olmalı.

Yaygın hata, cilalı final ekranlarıyla başlayıp süreci gömmektir. Ters çevir. Dağınık ortayla başla (reddedilen yönler, araştırma içgörüleri, tartışılan ödünleşimler), sonra final işi bu düşüncenin sonucu olarak göster.

Bölüm 5: Sonuç

Lansmandan sonra ne oldu. Metrikler, nitel geri bildirim, devam işleri, çıkarılan dersler. Elinde somut sayılar varsa kullan. Yoksa nitel sinyalleri kullan (referanslar, şirket içi karşılama, neyi farklı yapacağın).

Asla sayı uydurma. Uydurma bir dönüşüm oranını yakalayan yönetici mülakatı başlamadan bitirir. Dürüst bir "O dönemde bunu ölçmedik, ama satış ekibi yeniden tasarımdan sonra demo-deneme dönüşümünün güçlendiğini bildirdi" her seferinde uydurma metrikleri yener.

Bölüm 6: Düşünce

Ne öğrendiğin ve neyi değiştireceğin üzerine kısa bir paragraf. Senior'ı orta seviyeden ayıran bölüm çoğu zaman budur. Junior'lar her şeyin işe yaradığını iddia eden vaka çalışmaları yazar. Senior'lar şunu içeren vaka çalışmaları yazar: "Yeni onboarding'i yayınlamadan önce beş kullanıcıyla test etmeliydik, çünkü ilk haftada araştırmada apaçık olacak iki kullanılabilirlik sorunu yakaladık."

Düşünce, kendini kırbaçlamak değildir. Öz farkındalığın kanıtıdır. Düşüncesiz bir vaka çalışması, her şeyi doğru yaptığını sanan bir tasarımcı gibi okunur; bu da işe alım yöneticilerinin görmek istediğinin tam tersidir.

---

Ana sayfa kuralları

Ana sayfa 10 saniyelik testtir. Geçemezse vaka çalışmaları asla okunmaz. Üç kural.

Kural 1: Sen değil, işle başla

Hero alanı vesikalık fotoğraf, slogan ya da "keyifli deneyimler tasarlamak" hakkında bir hero metni değil, en güçlü projenin önizlemesi olmalı. İşe alım yöneticileri henüz seni umursamıyor. İşinin aradıkları alanda olup olmadığını umursuyorlar. Önce işi göster, kendini ikinci olarak tanıt.

Tek istisna, adı başlı başına çekici olan ünlü tasarımcılardır. O tasarımcı değilsen işle başla.

Kural 2: Tek satırlık konumlandırma

Öne çıkan projenin altında ya da yanında seni konumlandıran tek satır metin. Değer önerisi değil, konumlandırma. "Erken aşama fintech için ürün tasarımcısı." "Tüketici wellness için marka tasarımcısı." "Kurumsal SaaS için UX sistemleri tasarımcısı."

Konumlandırma satırı kitleyi filtreler. Bir wellness şirketinde marka tasarımcısı arayan işe alımcı satırını görür ve okumaya devam eder. Satırın fintech derken kurumsal SaaS için işe alım yapan işe alımcı yoluna devam eder; bu doğru sonuçtur. Değer bazlı fiyatlandırma sözlüğü aynı mantığı müşteri işi için anlatır: olasılıkları dışlamak için değil, doğru işi çekmek için dar konumlan.

Kural 3: Seninle savaşmayan navigasyon

Tam olarak üç ila beş öğeli bir üst navigasyon: İş, Hakkımda, İletişim, isteğe bağlı olarak Notlar ya da Yazılar. Portfolyo doğrusal bir artefakttır. İşe alım yöneticileri ilk ziyarette onu yukarıdan aşağı okur. Onları aratma.

Vaka çalışması filtre menülerinden, üzerine gelince yeniden düzenlenen masonry ızgaralardan ve kendini gizleyen animasyonlu navigasyondan kaçın. Ana sayfa zaten işe alım yöneticisinin dikkati için savaşıyor. Üstüne sürtünme ekleme.

---

Hakkımda sayfası

Hakkımda sayfası, amiral gemisi vaka çalışmasından sonra bir portfolyodaki en çok okunan ikinci sayfadır. Çoğu tasarımcı onu bir formalite olarak görür. Değildir. Hakkımda sayfası, işe alım yöneticisinin belirli bir sorusunu yanıtlar: "Bu kişiyle çalışmak nasıl olur."

İçermen gereken üç şey:

Sade bir dille biyografi. İki ila dört paragraf. Kimsin, ne yaptın, neyi önemsiyorsun. Bir konferansta kendini tanıtır gibi yaz, LinkedIn profili gibi değil. Detaylar ve doku, cilayı yener.

Birlikte çalıştığın insanlar. Her şirket değil, ama önemli olanlar. Müşterilerin, şirketlerin veya iş birlikçilerin kısa bir listesi. Birinden tek satırlık bir referans alabilirsen, o tek satır kendin hakkında yazdığın herhangi bir paragraftan daha değerlidir.

İletişim, belirgin biçimde. Çoğu işe alım yöneticisi hakkımda sayfasında ulaşır. E-posta adresini düz metin olarak koy (iletişim formunun arkasına değil) ve iki kez koy: bir kez üstte, bir kez altta. İletişim formu bir engeldir. Engeli kaldır.

Portfolyonun ötesindeki iş

İşe alım yöneticileri portfolyoda durmaz. Twitter/X'e, LinkedIn'e, Dribbble'a, kişisel sitenin notlar bölümüne ve uzun biçimli yazılara bakarlar. Baktıklarını varsay ve bulduklarının portfolyonun anlattığı hikayeyi pekiştirdiğinden emin ol.

Bu, sahte bir varlık yaratmak demek değil. Kendi kendini yalanlamamak demek. Seni sistem odaklı bir senior tasarımcı olarak konumlandıran bir portfolyo ile "tasarıma yeni başlıyorum, tavsiyesi olan var mı" dolu bir Twitter akışı karışık sinyal verir. Çözüm ya Twitter akışını güncellemek ya da portfolyonun hedef odaklı olduğunu kabul etmek. İkisi de geçerli. Tutarsızlık değil.

Yaygın portfolyo hataları

Zayıf işten daha fazla portfolyoyu öldüren dört örüntü.

Bitmeyen proje listesi. On iki proje, hiçbiri farklılaşmamış, işe alım yöneticisi ilk üçünü geçip kaydırıyor. Çözüm seçmek. Her biri hikayenin farklı bir parçasını anlatan beş proje. Bir proje belirli bir işe alım sorusunu yanıtlamıyorsa çıkar.

Hiyerarşisiz hero. İşe alım yöneticisine önce neyi okuyacağını söylemeyen güzel bir ana sayfa. Çözüm: bir öne çıkan proje, bir konumlandırma satırı, geri kalan her şey ekran kıvrımının altında. Web tasarım ilkeleri yazısı, portfolyolar dahil her açılış sayfası için aynı kuralları anlatır.

Kararları saklayan vaka çalışması. Final ekranları duvarı, süreç yok, düşünce yok. İşe alım yöneticileri tasarımcının nasıl düşündüğü hakkında hiçbir şey öğrenmez; oysa vaka çalışmasının bütün amacı budur. Çözüm: yukarıdaki altı bölümlük yapıyı kullan. Düşünceyle başla, işle destekle.

Mobilde bozulan site. 27 inç ekranda çalışıp telefonda dağılan portfolyo siteleri. İlk okumaların yarısı mobilde olur. Orada çalışmayan portfolyo, çalışmayan portfolyodur. Her web tasarımı için geçerli olan responsive tasarım kalıpları burada da geçerlidir.

Alışkanlık olarak portfolyo güncellemesi

İki yılda bir güncellenen portfolyo, açıldığı gün iki yıl eskimiş portfolyodur. Çözüm, her kariyer kırılmasında büyük bir baştan yazma yerine küçük, düzenli bir güncelleme ritmidir.

Üç ayda bir: bir vaka çalışması ekle veya güncelle, ana sayfadaki öne çıkan projeyi gözden geçir, iletişim bilgilerinin güncel olduğunu kontrol et.

Yılda bir: konumlandırma satırını yeniden ele al, beş projenin hâlâ doğru hikayeyi anlatıp anlatmadığına karar ver, eskiyen her şeyi emekliye ayır.

Her iş aramasında: agresif düzenleme. Hedeflenen rol için konumlandırmayı yeniden yaz. Ana sayfayı en alakalı projeyle başlayacak şekilde yeniden sırala. Hakkımda sayfasını mevcut hedefi yansıtacak şekilde güncelle.

Vaka çalışmalarını yapılandırma, siteyi konumlandırma ya da bunu zaten çözmüş tasarımcıları işe alma konusunda yardım istiyorsan, Brainy'yi tut. Senior portfolyoların neye benzediğini biliyoruz çünkü onlardan işe alıyoruz.

SSS

Bir tasarım portfolyosunda kaç proje olmalı?

En fazla beş. İki ya da üç, bir senior portfolyosu için yetmez. Sekiz veya daha fazlası hikayeyi sulandırır. Bir amiral gemisi, bir aralık belirleyici, bir derinlik parçası, bir iş birliği vakası ve bir kişisel projeyi kapsayacak şekilde seçilmiş beş proje, işe alım yöneticilerine bunaltmadan yeterli kanıt sunar.

Bir portfolyo vaka çalışması ne kadar uzun olmalı?

Karar hikayesini anlatacak kadar uzun, işe alım yöneticisinin beş dakikada göz gezdirebileceği kadar kısa. Genellikle ekran görüntüleri ve alt yazılarla birlikte vaka çalışması başına 600 ila 1500 kelime. Amiral gemisi vaka çalışması daha uzun olabilir. Daha kısa yan projeler 300 kelimeye kadar inebilir. Önemli olan her bölümün (sunum, problem, yaklaşım, iş, sonuç, düşünce) mevcut olmasıdır.

Özgeçmişimi portfolyo sitemde yayınlamalı mıyım?

İsteğe bağlı. Çoğu portfolyo, özgeçmişi sayfada barındırmak yerine indirilebilir bir PDF özgeçmişe ya da LinkedIn profiline bağlantı verir. Eklersen ana sayfaya değil ayrı bir sayfaya koy. Ana sayfa iş içindir.

Güçlü bir LinkedIn'im varsa portfolyoya ihtiyacım var mı?

Evet. LinkedIn bir profildir, portfolyo değil. Güçlü bir LinkedIn seni bir işe alımcıyla konuşmaya sokar. Mülakatı getiren portfolyodur. Junior üstü her tasarım rolü için portfolyo pazarlık konusu değildir.

Portfolyom süreci mi göstermeli yoksa sadece final işi mi?

İkisini de, ama fark yaratan süreçtir. Final iş tasarım yapabildiğini gösterir. Süreç nasıl düşündüğünü gösterir. Tasarım yapabildiğini zaten bilen (seni bir şekilde bulmuş) işe alım yöneticileri, karar vermeyi anlamak için vaka çalışmasını okur. Altı bölümlük vaka çalışması yapısı ikisini dengeler.

Tasarımcıların portfolyolarda yaptığı en büyük hata nedir?

Çok hafif seçmek. Çoğu portfolyo çok fazla proje içerir ve hiçbiri hakkında yeterli hikaye anlatmaz. Çözüm acımasız düzenleme: kalan beşi güçlendirmek için dört projeyi öldür, galeriler yerine karar odaklı vaka çalışmaları yaz ve ana sayfayı sekiz projelik bir ızgara yerine tek güçlü bir öne çıkan parçayla aç.

Portfolyo bir bahistir

Her portfolyo, bir sonraki adımda kimlerle çalışmak istediğin hakkında bir beyandır. Beş proje argümandır. Vaka çalışmaları kanıttır. Ana sayfa açılış cümlesidir. Hakkımda sayfası kapanıştır.

Onu sonraki işini üzerine bahse girer gibi kur, çünkü giriyorsun. Acımasızca seç. Her vaka çalışmasını bir karar günlüğü olarak yapılandır. Üç ayda bir güncelle. Mobilde çalıştır. E-postanı düz metin olarak koy.

Bu çıtayı zaten geçmiş tasarımcıları işe almak istiyorsan ya da senior seviyede iş getiren vaka çalışmaları kurmak için yardım istiyorsan, Brainy'yi tut. Portfolyo, iş başvurusudur. Ona öyle davran.

İlgili okumalar

• Tasarımcılar için Vaka Çalışması Şablonu
• Tasarım Sistemleri Rehberi
• Görsel Hiyerarşi Tasarımı
• Web Tasarım İlkeleri
• UI ve UX Karşılaştırması