En İyi 11 Portföy Web Sitesinden Çalışmalarımızı Sergileme Hakkında Bize Ne Öğretebilir?

Etkileyici bir özgeçmiş, başka herhangi bir endüstride kapıdan geçmeniz için yeterli olabilir, ancak potansiyel işverenlerin bir web tasarım projesi için yeni işe alımları düşünürken bakacağı tek şey nitelikler değildir.

Aslında, web tasarımı ve geliştirme söz konusu olduğunda, bizim çok daha pratik bir kitle olduğumuzu bile söyleyebilirsiniz – ve bu nedenle, çoğu zaman, sizi başarıya ulaştırmak için konuşan portföyünüz olacaktır. harika yeni konser.

Çarpıcı bir portföyün önemi abartılamaz, o yüzden lafı daha fazla uzatmadan on iki harika örneğe bakalım ve onları bu kadar iyi yapan şeyin üzerinden geçelim.

1. Stüdyo Marani

Studio Marani Milano merkezli bir iletişim ajansıdır ve web tasarım çalışmalarına doğrudan dahil olmasalar da portföyleri harika bir vitrin için mükemmel bir örnektir. Sitelerini açtığınızda, farenizi sürükleyerek öne çıkan projelerinde gezinebileceksiniz. Her projenin, izleyiciyi bunaltmamak için yalnızca küçük, ölçülü hareketleri gösteren kendi video arka planı vardır ve ayrıntılarına tıklamak sizi bireysel vaka çalışmalarına götürecektir.

Web tasarım ve geliştirme çevrelerinde çokça zaman geçirdiğinizde, yalnızca bu tür karmaşık etkileşimlere dayanan veya geçiş animasyonları ve video arka planları gibi özellikleri kötüye kullanan siteler oluşturmaktan kaçınmanızı öneririz. Bununla birlikte, portföyünüz söz konusu olduğunda, biraz yeteneğin garanti edildiğine inanıyoruz – ve Studio Marani'nin kesinlikle bir ustalığı var.

2. Poignee de Main Virile

Bu portföy Fransızca yazılmış olabilir, ancak tarzını takdir etmek için dili konuşmanız gerekmez. Bu grafik tasarım ve yaratıcı stüdyo, minimalist tasarım, pastel renkler ve basit geçiş animasyonlarının bir kombinasyonunu kullanarak oldukça göz alıcı bir site hazırladı.

Bireysel portföy parçalarına, birkaç saniyede bir döndükleri, sonuncusunu yeni bir arka plan rengiyle ve öne çıkan bir görüntünün iki küçük bakışıyla değiştirdikleri ana sayfadan erişebilirsiniz. Bu özellikle basit animasyon, izleyicinin dikkatini çekmenin ve onu söz konusu parçaya tıklayıp ne hakkında olduğunu öğrenmeye ikna etmenin zarif bir yoludur.

Portföy parçaları, her proje için yalnızca genel bilgileri içerir, ancak tasarımlarının her yönü için çok sayıda görüntü ile bunu telafi ederler. Bu listeden yalnızca bir şey çıkarırsanız, bu olsun: çalışmanızı sergilemek için yüksek kaliteli resimler kullanın.

3. Sıfır Sıfır

Rezo Zero, önceki seçimlerimizden daha geleneksel bir portföy web sitesine sahip dijital bir yaratıcı stüdyodur. Birincisi, oldukça kaygan görünen bir açılış animasyonu olmasına rağmen, tasarımlarına aslında geleneksel bir kenar çubuğu eklediler (ne kadar retrolar).

Portföylerine gelince, çoğunlukla vaka çalışmalarından oluşuyor ve yanlarında birkaç arşivlenmiş parça var. Örnek olay incelemeleri oldukça harika, birçok ayrıntı, herhangi bir projenin web veya mobil için tasarlanıp tasarlanmadığını gösteren küçük simgeler (gerçekten küçük bir dokunuş gerçekten hoşumuza gitti) ve hatta projenin bir mobil cihazda nasıl göründüğüne dair birkaç görüntü ekran. Her şeyi birleştirmek için, her vaka çalışmasının sonunda söz konusu müşteriden bir alıntı yer alır – bu, her şeye hoş bir kişisel dokunuş sağlar, referansın ayrı bir sayfada (bir sürü başka sayfayla çevrili) olması olmazdı. elde edildi.

4. Dac Davyn

Dac Davyn Guyen, yeteneklerini gerçekten sergileyen harika bir portföye sahip etkileşimli bir tasarımcı. Özellikle Quocanh Tattoo projesi, güçlü kontrastları ve gözlerinizi kaçırmayacak parlak kırmızı harfleriyle harika bir parça.

Vitrinlere gelince, bu portföy, sadece en iyi görsellerin nasıl seçileceğine dair mükemmel bir örnek sunuyor. Burada gösterilen ekran görüntülerinin her biri çarpıcıdır ve benzersiz tasarımlarını geliştirerek tüm bir düzenin parçası olarak görüntülenir. Araya serpiştirilmiş mobil ekranlar da hoş bir dokunuş katıyor ve müşterilerin söz konusu tasarımcının mobili normal ekranlar kadar ustaca nasıl kullanacağını bildiğini bilmelerini sağlıyor ve bu her zaman bir artı.

5. Cihad Turhan

Cihad Turhan, web sitesinde kendisini yaratıcı bir web geliştiricisi olarak nitelendiriyor ve bir göz attıktan sonra, kendi değerlendirmesine katılmaktan başka seçeneğimiz kalmadı. Bir geliştirici olarak çalışmalarının yanı sıra, bazı sağlam tasarım püf noktaları da var ve portföyü her iki yeteneği de benzersiz bir şekilde sergiliyor.

Ana sayfasında ilerlerken, hem kodu hem de elde ettiği grafik efektini gösteren havalı küçük bir bölümle karşılaşacaksınız. Ayrıca, samimi ve erişilebilir bir şekilde gösterilen birkaç basit istatistikle birlikte düzenli çalışmasına ilişkin örnekler var.

Portföyünün kendisi her ürün için çok fazla ekran görüntüsü içermiyor – aslında sadece tek bir ekran gösteriyor – ancak basit bir 3D efektle canlandırılıyorlar, bu da havalılık faktörü sayesinde bunu fazlasıyla telafi ediyor. En önemlisi, her projede kullanılan tüm teknolojilerin etiketlendiğinden emin olması, geliştirme açısından dahil edilmesi gereken büyük bir ayrıntıdır.

6. Kenji Saito

Kenji Saito, portföy sayfasına benzersiz bir yaklaşım benimseyen yaratıcı bir ön uç geliştiricidir. Portföyünün tamamı, daha önce görmediğim bir şey olan CodePens'ten oluşuyor – ama hey, CSS pirzolalarınız varsa, onu göstermenin oldukça güzel bir yolu.

Sayfasındaki küçük pencerelerin her birine tıklamak, ilgili sayfayı tam genişlikte yükleyecektir ve bu yazı yazılırken 70'in üzerinde benzersiz kalem vardır.

7. Irene Demetri

Irene Demetri, sevdiğimiz modern, temiz görünümlü bir portföyü olan serbest çalışan bir interaktif tasarımcı. Ana sayfasının her bölümü, açılır menüden her bölümün simgelerine kadar kendi küçük etkileşimlerine sahiptir.

Portföyünün kendisi, kullanılan diller ve her bir parçanın oluşturulduğu cihazlar dışında çok az bilgi bulunan benzersiz bir dikey kaydırıcıda gösteriliyor. Bununla birlikte, proje görüntüleri, ayrıntılı vaka incelemelerinin eksikliğini telafi etmekten daha fazlasını yapıyor ve hatta birden fazla cihaz kullanan tasarımların aşamalı ekran görüntülerini bile içeriyor.

8. Guillaume Juvenet

Guillaume Juvenet, normdan çok farklı bir akora sahip, çok tuhaf bir portföyü olan Paris'ten bir yaratıcı geliştiricidir. Cidden, bir dakikanızı ayırın ve kendiniz kontrol edin, çünkü oldukça eğlenceli.

Gillaume'nin portföyünde gezinmek için, ekranda tek tekerlekli küçük bir robotu hareket ettirmelisiniz ve her birinde ilerledikçe, nitelikleriyle ilgili yeni bilgileri ortaya çıkaracaksınız. Teknik becerilerini içeren ekran, küçük bir etkileşimli kod penceresi bile içeriyor.

Çalışmalarıyla ilgili bölüm biraz eksik, sadece her proje için eşlik eden görseller olmadan bağlantılar sağlıyor (bunlar için kendi bölümlerine gitmeniz gerekecek) – ancak böyle eşsiz bir portföy ile dikkat etmemek imkansız.

9. Mike Kuş

Bu kısa yoldan sonra, daha geleneksel portföylere geri dönelim. Mike Kus, kullanıcı arayüzü ve marka oluşturma konusunda uzmanlaşmış, İngiltere merkezli bir tasarımcıdır ve ana sayfası, kart tasarımına dayalı modern görünümlü bir portföyün mükemmel bir örneğidir.

Kalıpları hiçbir şekilde kırmaz, ancak yaptığını ustaca ve ayrıntılara dikkat ederek yapar. İletişim sayfası, sayfaya sorunsuz bir şekilde uyum sağladığı ve kalitesi profesyonel bir hava verdiği için iyi bir kişisel çekimin nasıl seçileceğine iyi bir örnektir.

Portföyün kendisine gelince, her kartın üzerine fareyle gelmek, ek bilgilerle hoş bir kaplama efekti üretecek ve bir projeye tıklamak sizi doğrudan proje sayfasına götürecek – hepsi renkli, çekici görüntülerle dolu.

10. Bir Tasarım Şirketi

Bir Tasarım Şirketinin sayfası, ekstra bir destek sağlamak için birkaç dokunuşla geleneksel portföy sayfasının başka bir örneğidir. Ana sayfadan başlayarak, samimi renklerin kullanımı ve basit animasyonlar sizi kart tabanlı portföye çeker.

Projelerin kendileri, yüksek kaliteli görüntülerin yanı sıra yüksek kontrastlı başlıklar ve tasarım süreçleri hakkında serpiştirilmiş açıklamalar içeren benzer bir tasarım kullanıyor. Çok sayıda portföy sayfası arasında tekrarlandığını göreceğiniz bir tasarım çünkü basit ve işe yarıyor.

Aslında, tüm sayfanın basit bir kurumsal hissi vardır ki bu mutlaka kötü bir şey değildir. Pek çok sayfa benzer düzenler kullanır çünkü bunlar tam olarak birçok müşterinin aradığı profesyonellik hissini uyandırmaya hizmet eder. One Design Company'nin sayfası, profesyonel görünümlü bir portföye sahip olmak için yaratıcılığınızdan ödün vermenize gerek olmadığını gösteriyor.

11. Maria de la Guarda

Maria de la Guarda, çok basit ama kapsamlı bir portföye sahip bir UX ve görsel tasarımcıdır. Her proje sayfası, ne tür bir hizmet sağladığına dair bir genel bakışın yanı sıra projeye yalnızca basit bir giriş içerir ve geri kalanı tasarımının en iyi kısımlarını sergilemek için özenle seçilmiş resimlerle doldurulur.

Portföyün kendisi de kart tabanlı başka bir olaydır, ancak görüntü tabanlı sayfalar için çok iyi çalıştığı için seçimde hata yapamayız. En sevdiğimiz dokunuşlardan biri, sayfa güncellemelerini almak istiyorsanız e-posta adresinizi bırakmanız için alttaki hatırlatıcıdır – onları kaydolmaya ikna edebilirseniz müşterileri bağlamanın oldukça güzel bir yolu.

Çözüm

Etkileyici bir portföy, tek başına bir özgeçmişin belki de açamayacağı pek çok kapıyı açacaktır – bu, niteliklerinizi geliştirmek için sürekli çalışmamanız gerektiği anlamına gelmez; sadece başarıya giden yolun, hem öğrenmenin hem de kemerinizin altında gerçek deneyime sahip olmanın sağlıklı bir dengesinde yattığını unutmayın!

İyi bir portföyü oluşturan unsurlarla ilgili olarak, aşağıdaki özellikleri içermelidir:

1. Bilgilendirici: tüm ilgili iletişim bilgilerinizi ve niteliklerinizi sağlayın.
2. Görsel olarak çekici: Bir tasarımcı olarak işiniz ön planda ve merkezde olmalıdır.
3. Kısa ve öz: İlk test projeleriniz, gerçekten istisnai olmadıkça kesintiye uğramayabilir.

Her tasarımcının kişisel portföyüne dahil etmesi gerektiğini düşündüğünüz bir şey var mı? Aşağıdaki yorumlar bölümüne abone olun ve görüşlerinizi bizimle paylaşın!

Pretty Vectors / Shutterstock.com'dan makale küçük resmi