İlham Alabileceğiniz En İyi 15 Portfolyo Sitesi

En etkili endüstriyel tasarımcılardan Dieter Rams, on ilke listesinde ”İyi tasarım yenilikçidir.", demişti. Ancak daha önce görülmemiş bir web sitesi tasarımı ile çığır açmak her geçen gün daha da zorlu bir hale geliyor. Bu rekabetçi alanda, portfolyo web sitenizi kalabalığın arasından nasıl öne çıkarabilirsiniz?

Sizi diğer yaratıcılardan ayıran şeyleri ve bunu tasarımınızda nasıl ifade edebileceğinizi belirlemenin yanı sıra, başkalarının eserlerine bakarak ilham arayarak başlayabilirsiniz. Kendi portfolyo web sitenizi oluşturmadan önce, aşağıda listelediğimiz, hepsi Wix ile oluşturulan en iyi 15 portfolyo web sitesine göz atmanızı tavsiye ederiz:

01. Christina Vanessa

Grafik tasarımcı ve görsel iletişimci Christina Vanessa'nın estetiği anında yakalayan bir göze sahip olduğu çok belli. Portfolyo web sitesinde ulaştığımız ilk sayfa, tasarımcının yaratıcı çalışmasının ve kişiliğini en basit haliyle ifade ediyor. Üzerinde tasarımcının kendi adı ve disiplinleri yazılı, en iyi eserlerini sergileyen tam ekranda sürekli dönen bir video yerleştirilmiş.

Bu umut verici girişin ardından, birden fazla tasarım özelliği içeren Christina'nın 'Keşfet' sayfası da bir o kadar etkileyici. Web sitesinin renk şeması, çalışmaların kendisinden, sayfanın düzenini oluşturan katmanlı bloklara kadar, uyumlu ve nötr olarak çalışılmış. Krem, bej ve grinin yumuşak tonları, pürüzsüz animasyonlarla daha da güçlendirilen sakin bir atmosfer yaratmış.

02. Sophie Brittain

Markalaşma ve Kullanıcı Ara Yüzü/Kullanıcı Deneyimi (UI/UX) tasarımı konusunda uzmanlaşmış olan Sophie Brittain'in UX portfolyosu web sitesi, her iki alandaki becerilerini de kesinlikle gösteriyor. Web sitesi için üç renk, geometrik şekiller, vektör çizgi ikonları ve bol miktarda beyaz alandan oluşan iyi tanımlanmış bir görsel dil hazırlamış.

Buna ek olarak, ismi olan "Sophie" içindeki ‘O’ harfi yerine kullandığı gülen yüz gibi ince dokunuşlardan kişilik ve zekâ akıyor. Özellikle sitenin alt kısmında kullanılan bant karikatür formatındaki mikrokopya, alıştığımız sosyal medya barı ikonlarına yeni bir soluk getirmiş. Son olarak, Sophie, ana sayfasındaki çarpıcı görselleri yansıtan bir favicon ekleyerek her şeyi bir araya getirmiş.

03. Steve Wolf Designs

Steve Wolf Designs, portfolyo web sitesindeki süper keskin ve yüksek kaliteli görsellerle, sanki fotoğraftaki ürünlere ulaşıp yakalayabilecekmişsiniz gibi hissettiriyor. Organize ızgara sayfa düzeni ve ekrandan ekrana görseller, eserleri ön plana çıkarıyor.

Her görüntüde, kullanılan gizli vurgu efekti ile görüntülenen proje isimleri sayesinde metin kullanımı en aza indirilmiş. Benzer bir tarzda bir portfolyo oluşturmak isterseniz bu şablonu kullanabilirsiniz. Bu şablona kendi eserlerinizi ekleyebilir ve tasarımı kendi tarzınıza uyarlayabilirsiniz. Ayrıca, tasarımınız için örnek alabileceğiniz çok daha fazla portfolyo web sitesi şablonu bulabilirsiniz.

04. Wendy Ju

Grafik tasarımcı Wendy Ju'nun portfolyosuna girdikten sonra bizi selamlayan animasyon, sitesinin geri kalanının tonunu da belirliyor. Bir kitap ya da yelpazenin açılmasını tasvir eden bu animasyon hem İngilizce hem de Mandarin dilinde “Merhaba” kelimesi ile yumuşak bir şekilde bizi kendi dünyasına davet ediyor. Animasyon, minimalist estetiğe uygun bir şekilde ince ve hassas olarak tasarlanmış.

Wendy, ana sayfanın ilerleyen kısımlarında Velo by Wix'i kullanarak eğlenceli bir imleç etkileşimini de dahil etmiş. Bu etkileşim genel olarak nötr renklerden seçilmiş renk paletini biraz daha canlandırırken bir yandan da adeta bağımlılık yapıyor.

05. Dennis Krawec

Multidisipliner tasarımcı Dennis Krawec'in portfolyosu her şey olabilir ama kesinlikle sade değil. Onu bu kadar dahiyane yapan da aslında bu. 80'lerin estetiğini pop kültür ve internetin başlangıcından itibaren ortaya çıkmış tuhaf tasarım öğeleriyle birleştiren bu tasarım, bugüne kadar gördüğümüz en göz alıcı portfolyo web sitelerinden biri.

Üst üste binen resimler, metinler ve giflerden oluşan alışılmadık bir sayfa düzeni sergileyen Dennis’in ana sayfası adeta bir mood board gibi. Eşsiz tarzı, web sitesinin her sayfasında tutarlılığını koruyan, gerçekten farklı bir kişisel marka oluşturuyor.

06. Studio Bagaz’

Grafik tasarım markası Studio Bagaz', portfolyo web sitesi söz konusu olduğunda tamamen estetiğe ağırlık vermiş. Bu sofistike sadelik, sitelerinin organize yapısı sayesinde web sitelerinde gezinirken de kendisini gösteriyor. Ziyaretçiler, yandaki sabit web sitesi menüsünü kullanarak veya eserlerin resimlerine tıklayarak sayfalar arasında hızlıca hareket edebiliyor.

Menü, ekranın üzerine kayan ve yarısını kaplayan bir lightbox olarak açılıyor. Bu sayede sadece ekranı yeni kompozisyonlar ve renk kombinasyonları ile doldurmakla kalmıyor, aynı zamanda ziyaretçilerin aynı anda sitede gezinirken göz attıkları sayfada kalmasını da sağlıyor.

07. Shiyuan Ye

Grafik tasarımcı Shiyuan Ye'nin portfolyo web sitesinde neşeli ve eğlenceli hisler, şık ve profesyonellik ile buluşuyor. Tasarımcı, çalışma çizgisini açıkça açıklarken bir yandan da kişiliği hakkında ilk izlenimimizi edinmemizi sağlayan cesur bir cümle ile kendisini tanıtarak başlamış. Bazı web tasarım trendleri, burada hareket ve etkileşimin sorunsuz bir şekilde dahil edilmesiyle iyi bir şekilde kullanılmış.

Sayfanın etrafına serpiştirilmiş pastel renkli hareketli baloncuklar, benzersiz bir ana sayfa tasarımı oluşturmuş. Bu baloncukların büyüleyici hareketlerini eserlerin sergilendiği galeri ile birleştirerek etkileyici animasyon becerileri sayesinde mizahı doğru oranda dengelemiş. Her biri farklı bir renk şemasına sahip olan proje sayfaları ise ilk anda ilginizi cezbediyor.

08. David Milan

Tasarımcı, sanat yönetmeni ve el yazısı sanatçısı David Milan sanatını merkeze yerleştirmiş. David, başlığa sadece en önemli unsurları ekleyerek ve basit bir tek renkli palet seçerek ziyaretçilerin bakışlarını doğrudan renkli tasarımlarına çekiyor.

Eserlerini sergilediği galeri, ekranın genişliği boyunca yayılarak web sitesinin büyük bir kısmını oluşturuyor. David, ziyaretçilerin aşağı kaydırmaya davet edildiği, akış benzeri bir web sitesi düzeni oluşturmak için Wix Pro Gallery'yi kullanmış. Bu basit yapı, daha fazla görüntünün yüklenmesine izin vermiş ve çalışma alanı genişledikçe güncellenmesi kolay bir tasarım portfolyosu oluşturmuş.

09. Ryan Haskins

Marka tasarımcısı ve yaratıcı yönetmen Ryan Haskins'in portfolyo web sitesi, ana sayfasındaki etkileyici tipografi gibi, sizi şaşırtan sürprizlerle dolu. Tek bir ara yüzde üçten fazla yazı tipini karıştırmak tasarım alanında genellikle kesinlikle kaçınılması gereken bir durum olarak görülür. Ancak Ryan, yazı tipi eşleştirmelerini olabilecek en uçta çalışmış, işe yaramış da.

Bu maceracı ve kuralları ihlal eden yaklaşım, kalın harfler ile vurgulanmış yazılı içerikle Ryan'ın ‘"dünyaca ünlü" ve "çok pahalı" olduğunu ifade eden güçlü bir beyanı gözler önüne seriyor. Biraz da ha ilerledikçe Ryan'ın grafik tasarım web sitesinin geri kalanı kadar benzersiz, bize bir şeyler hatırlatan ve şaşırtıcı olan eserleriyle tanışıyoruz. Sitesinin "Hakkımda" bölümüne grafik tasarımı ile ilgili tüm özgeçmişini dahil etmemiş ancak etkileyici müşteri listesine ve çeşitli yayınlarda çıkmış kendisinden bahseden yazı ve programlara yer vermeyi unutmamış.

10. By Experience

Bir tasarım ajansı olan By Experience'ın ana sayfasının hâkim kobalt mavisi rengi neredeyse tüm ekranı dolduruyor. Web sitesinin üstbilgi kısmındaki hızlı tempolu animasyon da bu dinamik hisse katkıda bulunuyor. Ziyaretçileri hizmetlerine erişmeye ve satın almaya davet eden ses tonu kendinden emin ve doğrudan konuya giriyor.

Bu yazıdaki diğer portfolyo web sitelerinin aksine, By Experience, çalışmalarına memnun müşterilerin geri bildirimleriyle birlikte yer vermiş. Bu sayede potansiyel müşterileri çekmeye yardımcı olarak becerilerini ve geçmiş başarılarını sergileme fırsatı bulmuş. Sağ üst köşeye iletişim için bir online formu açan statik bir kayan menü ikonu ekleyerek, ziyaretçilerin kolayca ajansa ulaşmaları da sağlanmış.

11. Thai Pham Photography

Fotoğrafçı Thai Pham, bu kadar çeşitli bir portfolyo sahip olmasına rağmen, ana sayfadaki üstbilgi kısmının üzerinde Daha fazlasını görmek için sizi içeriye dalmaya teşvik eden süslü, rüya gibi bir portreden ibaret tek bir görüntü göstermeyi tercih etmiş. Fotoğraf, çerçeve görevi gören ve görüntünün kendisini vurgulamaya yardımcı olan kalın beyaz bir kenarlıkla çevrilmiş.

Bu fotoğraf web sitesinin sayfalarında gezinirken, son derece stilize editoryal, moda ve düğün fotoğraflarından oluşan kapsamlı bir koleksiyonu keşfe çıkacaksınız. Thai Pham, görselleri sergilemek için sitenin sade ve minimalist düzeniyle tezat oluşturan karmaşık bir ızgara düzenini benimsemiş.

12. Ana Leovy

Sanatçı ve illüstratör Ana Leovy, bir illüstrasyon portfolyosunun başarılı olmak için mutlaka görsellere ihtiyaç duymadığını kanıtlıyor. Gerçekten de portfolyo web sitesinin ana sayfasında herhangi bir resim yok, bunun yerine leylak rengi bir arka plan, sanatçının logosu ve alternatif bir gezinti menüsü olarak hareket eden birkaç tanıtım cümlesi kullanılmış.

Hiçbir resme yer vermeden detaylara, tipografiye ve renge olan ilgisi sayesinde Ana, oldukça görsel bir ana sayfa oluşturmayı başarıyor yine de. Ana, eserlerini sergilemek ve mağazasında sanat eserlerini online olarak satmak canlı illüstrasyonlarına hak ettikleri platformu veren basit bir beyaz arka plan uygulamış.

13. Two One Studio

Hem portfolyo hem de e-ticaret sitesi olarak hizmet veren Two One Studio'nun web sitesi, üst düzey tasarımı mütevazilikle dengelemeyi başarıyor. Bu tasarım ve baskı stüdyosunun arkasındaki ikili Sofia ve Nuno'nun grafiti geçmişine bakarsak bu tasarımın sebebini de daha iyi anlayabiliriz. Grafiti sanatıyla ilgilendikleri günlerden ilham alan sanatçılar, sokak sanatının unsurlarını günümüz çalışmalarına ve web sitesi tasarımına yedirmeye devam ediyor.

Net siyah kenarlık ve zamansız, modaya uygun logo tasarımı, zarif bir dokunuş olmuş. Kesilmiş bir tel çit, bir basketbol topu sakıza basan bir ayakkabının çok tanıdık senaryosu gibi sokak sahnelerini içeren dijital ilüstrasyonlar ile mükemmel bir kontrast yakalanmış.

14. Reut Chen

Tekstil tasarımcısı Reut Chen, portfolyo web sitesinde klasik bir ızgara düzeni kullanmayı seçmiş. Siteyi oluşturan geometrik yapı taşları, daha organik, dokulu ve el yapımıymış gibi bir his veren eserleriyle kontrast oluşturuyor. Basit ve dikkat dağıtıcı olmaktan uzak web tasarımı, sanatının öne çıkmasını sağlıyor.

Izgaradan ayrı duran tek şey ise Reut'in ana sayfasının en üstünde vurgulamayı seçtiği yeni bir proje. Bu özel parçaya dikkat çekerek, potansiyel müşteriler veya birlikte çalışabileceği kişilere şu anda hangi alanları araştırdığını anında anlatan bir mesaj veriyor. Portfolyonuzu gelecekte istediğiniz iş türüne göre uyarlamak, en iyi grafik tasarım portfolyosu ipuçlarından biridir.

15. Lena Steinkühler

Dijital film ve görsel efekt sanatına odaklanan serbest grafik tasarımcısı Lena Steinkühler, en göz alıcı parçalarını sitenin en üstüne yerleştirerek çarpıcı bir ilk izlenim yaratıyor. Canlı ve biraz gerçeküstü 3D görsellerden oluşan ve ekranı bir slayt gösterisi biçiminde dolduran bu seçme merak uyandırıyor.

Lena'nın portfolyo web sitesini aşağı kaydırdığınızda sizi tam bir görsel ziyafet karşılıyor. Eserler, görüntüler arasında ayrım yapmak için temiz beyaz bir kenarlıkla tam ekran bir ızgarada sergilenmiş. Bazı görüntülerin diğerlerinden daha büyük olduğu düzensiz bir ızgaranın kullanılması, bir hiyerarşi duygusu yaratmış ve bazı parçalara diğerlerinden daha fazla odaklanmamızı sağlıyor.

Sonuç

İlham almak için diğer sektörler için hazırladığımız porfolyo örneklerine göz atabililirsiniz.

Endüstriyel tasarım portfolyo örnekleri

Mimari portfolyo örnekleri

Eğer hala bir web siteniz yoksa ve web sitesi nasıl kurulur merak ediyorsanız yazımızı okumanızı tavsiye ederiz.

Silvya Benzeray

Wix Blog