İlham Alınacak 10 Harika Portföy Web Sitesi (+ Kendi Web Sitenizi Oluşturmak için İpuçları)

Kişisel bir marka oluşturmak sadece tanınmış kişiler için değildir. Sektörünüzdeki ünlülerden ilham alabilir ve kişisel markalaşmanın avantajlarından yararlanabilirsiniz.

Portföy web siteleri, kişisel markanızı oluşturmanın harika bir yoludur. İyi seçilmiş bir portföy, potansiyel müşterilere en iyi çalışmanızı gösterir, insanlara alanınızdaki diğer profesyonellerden neden (ve nasıl) farklı olduğunuzu söyler ve güven ve tanınma oluşturmanıza yardımcı olur.

Sonuç olarak, Web'de kolayca keşfedilebilir hale gelirsiniz ve potansiyel müşteriler, işinizi takip ettikten sonra sizi işe almak konusunda kendilerini daha rahat ve kendinden emin hissederler.

Bir çevrimiçi portföy oluşturmadan önce, çeşitli yaratıcı sektörlerdeki büyük isimlerin bazı çarpıcı portföy web sitelerine bakmak için birkaç dakikanızı ayırın.

Bu portföy web sitesi örneklerinden ne yapacağınızı (ve ne yapmayacağınızı) öğrenebilir ve kendi tasarımınız için biraz ilham alabilirsiniz.

10 İlham veren portföy web siteleri

Ryan Scherf

Ryan Scherf'in portföy web sitesi, minimalist, tek sayfalık tasarımın harika bir örneğidir.

Daha fazla müşteriye mi ihtiyacınız var?

ÜCRETSİZ kitabımızla daha fazla serbest çalışın: 30 Günde 10 Yeni Müşteri . E-postanızı aşağıya girin ve hepsi sizin.

Şimdi İndirin

Sayfanın yarısını kullanarak ziyaretçilere kim olduğu, ne yaptığı, nerede çalıştığı ve onunla nasıl iletişim kurabileceğiniz konusunda bir anlık görüntü veriyor.

Sayfanın diğer yarısında Ryan'ın gülümseyen bir vesikalık görüntüsü yer alıyor ve izleyici üzerinde anında bir etki yaratıyor.

Sayfanın üst kısmı, ziyaretçilerin çalışmaları ve profesyonel arayışları hakkında daha fazla bilgi edinmek için ziyaret edebilecekleri sosyal medya bağlantılarını gösterir.

Alex Dramı

İlk bakışta Alex Dram'ın portföy web sitesi çok basit görünüyor. Ancak tasarım ve animasyon bilgilerini, sitesinde etkileşimli öğelerle akıllıca sergiliyor.

Sayfanın dediği gibi, onun hakkında daha fazla bilgi edinebileceğiniz (Hakkında sayfası) ve farklı müşteriler için projelerini okuyabileceğiniz (İşler sayfası) portföy web sitesindeki diğer sayfalara yönlendirilmek için aşağı kaydırırsınız.

Ziyaretçilerin Dram'ın nasıl çalıştığını anlamalarına yardımcı olmak için her projeye yeterli bağlam sağlanmıştır. Sağladığı bilgiler, müşterinin arka planı, problem/özet, kullanılan yaratıcı süreç, gerçekleştirilen eylemler ve elde edilen sonuçları içerir.

Hepsi, temiz ve minimalist estetiği tutarlı tutarken görüntüler, metin ve etkileşimli öğelerin bir karışımı aracılığıyla iletilir.

Rafael Varona

Rafael Varona, animasyon portföyü web sitesini seyretmek için bir zevk olan bir illüstratör, animatör ve sanat yönetmenidir. Ana sayfada, ziyaretçiyi çeken bir dizi karmaşık animasyon bulunur.

Aşağı kaydırdığınızda, çalışmasının her biri müşterinin gereksinimleri hakkında daha fazla ayrıntı içeren başka bir sayfaya açılan hareketli bir ızgarada görüntülendiğini görebilirsiniz.

Portföy web sitesinin sağ üst kısmında kısa bir Hakkında sayfasına ve Instagram ve Behance'i içeren sosyal medya sayfalarına bağlantılar bulunur. Sosyal medya platformlarının logoları benzersiz bir stilize edilmiştir.

Varona, sınırlı metin ve animasyona yoğun bir şekilde odaklanarak derin bir görsel etki yaratıyor. İşinin konuşmasına izin vermeyi tercih ediyor!

T Sakhi

Tessa ve Tara Sakhi çok disiplinli bir mimari ve tasarım stüdyosu işletiyorlar ve çalışmalarını çarpıcı bir web sitesi aracılığıyla sergilediler.

Arka plan, siz ilerlerken kaybolan, çalışmalarının görüntülerinden ve videolarından oluşan bir ızgaradan oluşur.

Sol üstteki bir menü, taslaklar, resimler ve nihai tasarımlar dahil olmak üzere çok ayrıntılı olarak açıklanan bireysel projeler hakkında sayfalara götürür.

Ali Abdal

Ali Abdaal üretkenlik, eğitim ve YouTube hakkında ipuçları sunuyor. Portföy web sitesi, içeriğini kategorilere ayırmak için benzersiz emojilerden yararlanıyor.

Kitap notları, kurslar, podcast'ler, makaleler, haber bülteni ve araçlar ve teknoloji hakkında bilgiler gibi çok çeşitli tekliflere rağmen site tasarımı temiz ve gezinmesi kolaydır.

Hakkında sayfasında yaptıkları, hobileri ve diğer aktiviteleri ile ona ulaşabileceğiniz çeşitli kanallar listelenir. İlginç bir şekilde, hiçbir koşula bağlı olmaksızın yüz yüze bir görüşme teklif ediyor!

Matta Barby

Matthew Barby'nin portföyü, iki güçlü unsurun kullanılması nedeniyle öne çıkıyor:

• İddialı bir slogan – “Bir profesyonelden SEO öğrenin”
• En iyi müşterilerin ve referansların logoları şeklinde sosyal kanıt

Sayfanın sağ üst köşesinde, limon yeşili bir arka planla vurgulanan ve öne çıkan görüntünün hemen altında bir CTA ile vurgulanan bir “İletişim” düğmesini kullanarak, onunla iletişim kurmanın birden fazla yolunu sunmasının zararı olmaz.

Barby'nin sitesi onun bir profesyonel olduğunu haykırıyor ve potansiyel müşteriler arasında güven uyandırıyor.

Clarissa Rodriguez

Clarissa, üniversite öğrencilerine danışmanlık hizmeti veren bir çalışma becerileri koçudur.

Portföy web sitesi kişisel markalaşma konusunda bir derstir. Yaptığı işi yansıtan akılda kalıcı bir işletme adı seçti.

Ayrıca üniversite öğrencilerine hitap etmek ve hedef kitlesi üzerinde daha büyük bir etki yaratmak için “at”ı @ olarak stilize etmiştir.

Web sitesinde, üniversite için etkili bir şekilde çalışmak ve çalışmaları diğer etkinliklerle dengelemek için ipuçları sunduğu bir blog yayınlıyor.

İsa Adney

Isa Adney, ConvertKit'te yazardır ve şu anda The Little Book of Big Dreams: True Stories of Dreams Come True adlı bir kitap yazmaktadır. İlginç olan, portföy web sitesinde her yerde çıkacak kitabı hakkında konuşması.

#devam kulübü adlı bir haber bülteni aracılığıyla kitabı için yaratıcı insanlarla yaptığı röportajlara ilişkin görüşler sunuyor.

Şu anki işine odaklanmaya devam ediyor ve çeşitli yollarla kitabına olan ilgiyi artırıyor.

Taha Han

Taha Khan, portföy web sitesinin ana sayfasında projelerine odaklanmayı seçen bir yaratıcı yönetmen, editör ve yapımcıdır.

Güçlü yönlerinizi vurgulamak için işinizi yeterince göstermeyi amaçlayan minimalist tasarımın iyi bir kullanımıdır, ancak ziyaretçileri bunaltacak kadar değil.

Peter Komierowski

Zevkle tasarlanmış bir portföy web sitesine bir başka çarpıcı örnek, illüstrasyon, arayüz tasarımı ve marka bilinci oluşturma ve kimlik tasarımında uzmanlaşmış bir görsel tasarımcı olan Peter Komierowski'dir.

Sayfasının üst kısmında, adının baş harflerini içeren stilize bir logo ve iletişim bilgilerini ve ne yaptığı ve kiminle çalıştığı hakkında kısa bir açıklama sağladığı Hakkında sayfasına bir bağlantı bulunur.

Sitesindeki tüm sayfaların altbilgilerinde sosyal medya bağlantıları ve logosu yer almaktadır.

Ana sayfada, çalıştığı tüm müşterilerinin tıklanabilir logoları ile logo ve illüstrasyon çalışmaları yer almaktadır. Portföyü, yaratıcılığını ve yeteneğini gösteren görsel bir zevktir.

Portföy web sitelerinize neleri koymalısınız (ve yapmamalısınız)

Portföyünüzün güçlü yönlerinizi doğru bir şekilde yansıtmasını sağlamak için göz önünde bulundurmanız gereken 5 noktayı burada bulabilirsiniz:

En iyi çalışmanızı gösterin

Portföyünüzü şimdiye kadar yaptığınız tüm işlerle doldurmak cazip geliyor. Ancak potansiyel müşterilerinize ne kadar deneyime sahip olduğunuzu göstermek yerine (şüphesiz niyet ettiğiniz gibi), onları bunaltacaksınız. Seyrek bir portföy oluşturmaya da dikkat edin.

Müşterilerinize yansıtmak istediğiniz imajı düşünün ve bu imajı destekleyen seçkin parçaları öne çıkarın. Portföyünüze girenler, becerilerinizi ve yeteneğinizi vurgulamalıdır.

Müşterilerin portföyünüzde gördükleri iş türü için sizi işe almak isteyeceklerini unutmayın. Bu yüzden üzerinde çalışmaktan hoşlandığınız ve daha fazlasını istediğinizi gösterin.

Her parça için bağlam sağlayın

Portföyünüzü yalnızca metin veya yalnızca görsellerle doldurmayın. Projenin, aldığınız özetin, yaratıcı sürecinizin ve fikirlerinizi nasıl geliştirdiğinizin bir tanımını yazarak her parça için bir bağlam sağlayın.

Potansiyel müşteriler, projenin neyi gerektirdiğini ve bununla nasıl başa çıktığınızı anlayabilmelidir. Müşterilere projenin kaba taslaklardan bitmiş ürüne nasıl geçtiğini göstermek için erken taslakları, maketleri, ilk özetleri veya kullanıcı testlerinden elde edilen sonuçları ekleyin.

Ayrıca, çalışma tutkunuzu portföy parçalarınız aracılığıyla iletmeye çalışmalısınız.

• Web'deki diğer binlerce çalışmadan nasıl sıyrılıyorlar?
• Müşteriler sizi neden işe almalı?

Projelerinizin etkisini göstermek için vaka çalışmaları yazmayı da düşünebilirsiniz. Müşteriler, işinizden nasıl yararlanabileceklerini görselleştirebildiklerinde, sizi işe alma olasılıkları daha yüksektir.

Kişiliğinizi “Hakkımda” sayfası aracılığıyla yansıtın

Kişiliğinizi işinizin arkasına saklama hatasına düşmeyin. Müşteriler ekranın arkasındaki kişinin kim olduğunu bilmek ister. Yüzü olmayan bir varlık değil, bir kişiyi işe almak istiyorlar.

Bir kişi olarak size ilgi çekmek ve potansiyel müşterilerle güven oluşturmak için "Hakkımda" sayfanızı kullanın.

İş ahlakınız, yaratıcı süreciniz, temel becerileriniz ve bir kişi olarak kim olduğunuz hakkında konuşun. Bu, yaptığınız işin ötesinde kendinizi terfi ettirme şansınızdır.

• Sizinle çalışmak nasıl olacak?
• Müşteriler sizi işe aldıklarında ne bekleyebilirler?

Bu bölüm sayesinde hem profesyonel hem de eğlenceli olabilir ve kişisel markanızı güçlendirebilirsiniz.

Çalışmanızı tamamlayan bir şablon seçin

Portföyünüzün amacı, müşterilere sizi işe aldıklarında sizden neler bekleyebileceklerini göstermektir. Bu yüzden asıl işten uzaklaştıran bir estetik kullanmayın.

Karmaşık tasarımlar, gösterişli görseller ve karmaşık animasyonlar kesinlikle hayır.

Gezinmesi kolay ve potansiyel müşterilere tarzınızı ve becerilerinizi hızlı bir şekilde sunan minimalist bir şablona ve tasarıma odaklanın.

Portföyünüzü tasarlarken müşteri deneyimini düşünün. Ziyaretçilerinizi projelerinize ulaşmak için çok fazla tıklatmayın, aksi takdirde geri dönmeyebilirler.

İletişim bilgilerinizi dikkat çekici hale getirin

İletişim bilgilerinizi açıkça görülebilecek bir yere yerleştirerek müşterilerinizin sizinle iletişim kurmasını ve işe almasını kolaylaştırın.

Yani iletişim bilgilerinizi sadece “İletişim” sayfasında vermekle kalmaz, diğer sayfaların alt bilgisine de yerleştirirsiniz.

E-posta adresinizi, telefon numaranızı, fiziksel işletme adresinizi (varsa) ve işletme sosyal medya bağlantılarınızı görünürlüğü yüksek konumlara eklemek iyi bir uygulamadır.

Portföy parçalarınız için çevrimiçi görünürlüğü artırmak ve sosyal kanıt oluşturmak için paylaşım düğmeleri ekleyebilirsiniz.

Portföy web siteleri oluşturmanıza yardımcı olacak siteler

Bir çevrimiçi portföy oluşturucu, satın alınabilirlik, tasarım seçenekleri, SEO araçları ve kullanım kolaylığı temelinde değerlendirilmelidir.

İşte bakabileceğiniz birkaç site:

Wix

Wix, harika SEO desteği sunan, yeni başlayanlar için uygun bir portföy oluşturma web sitesi olarak kabul edilir. Böylece bir Wix portföy web sitesi ile hedef kitlenizi büyütebilirsiniz.

Özellikler:

• Reklam öğeleri için portföy sitelerine uygun 500'den fazla şablon arasından seçim yapabilirsiniz
• Portföyünüzü özelleştirmek için bir sürükle ve bırak düzenleme aracı kullanabilirsiniz. Bu nedenle, portföy siteniz üzerinde tamamen yaratıcı özgürlüğe sahipsiniz.
• Fareyle üzerine gelme araç ipuçları, düzenleyiciyi kullanırken çeşitli özellikler hakkında bilgi sağlar.
• Wix'te bir portföy web sitesi oluşturmak için kodlama deneyimine ihtiyacınız yok.
• 250'den fazla uygulamayı sitenize entegre edebilirsiniz.
• Wix, sitenizi ücretsiz olarak oluşturmanıza olanak tanır, ancak bir Premium Plan için ödeme yaparsanız, özel bir alan, daha fazla depolama alanı, video saatleri ve 24 saat müşteri desteği alabilirsiniz.

WordPress

WordPress, WordPress.org'un daha basit bir sürümüdür ancak sınırlı özelliklere sahiptir. Portföyünüzle birlikte bir blog çalıştırmak istiyorsanız, iyi bir portföy oluşturucudur.

Özellikler:

• Yeni başlayanlar için pek uygun değildir ve WordPress.com'da iyi bir site oluşturmak için biraz kodlama deneyimine ihtiyacınız olabilir.
• Bloglamaya odaklanmıştır, bu nedenle reklam öğeleri onu son derece yararlı bulmayabilir.
• 12'si ücretsiz olan bir portföy oluşturmak için özel olarak 38 şablona sahiptir.
• WordPress.com'da mobil uyumlu bir portföy web sitesi oluşturabilirsiniz.
• Bir İş planı için ödeme yaparsanız yerleşik SEO araçlarına erişebilirsiniz.
• Benzer platformlardan daha cömert olan ücretsiz planda 3GB depolama alanı elde edersiniz.
• Kullanıcı dostu olmayan editör arayüzüne rağmen, ücretli planları paranın karşılığı olarak kabul edilir.

Behance

Behance, tasarımcılar, fotoğrafçılar ve sanatçılar gibi yaratıcı kişiler için ücretsiz ve çok popüler bir çevrimiçi portföy oluşturucudur. İşe alım yapanlar ve potansiyel müşteriler genellikle Behance'deki tasarım portföylerini kontrol eder, bu nedenle en iyi çalışmanızı platforma yüklemek mantıklıdır.

Çalışmanızı, tek bir temaya sahip bir grup resim, video ve diğer medya gibi projeler olarak görüntüleyebilirsiniz.

Özellikler:

• Sınırsız sayıda proje, resim veya diğer medya türlerini kullanmak ücretsizdir ve destekler.
• Ortak bir medya projesi için birden çok sahip ekleyebilirsiniz. Ayrıca ziyaretçilerinizden çalışmalarınız hakkında geri bildirim alabilirsiniz.
• Behance üyeleri, çalışmanızı yüklediğinizde profilinizi takip edebilir ve güncellemeler alabilir.
• Projelerinizi kendilerine atanan benzersiz URL'yi kullanarak Web'de paylaşabilirsiniz.
• İlham almak için en son UX/UI tasarım projelerini arayabilirsiniz.

top sürme

Dribbble, Behance'e benzer başka bir ücretsiz çevrimiçi portföy oluşturucudur. UI/UX tasarımcılarının çalışmalarını sergilemeleri, yeni fikirleri iletmeleri ve tasarım becerilerini geliştirmeleri için özel olarak yapılmıştır.

Özellikler:

• Ücretsiz bir hesap oluşturabilir ve tasarım taslaklarınızın, konseptlerinizin, prototiplerinizin veya süreçlerinizin ekran görüntülerini sergileyebilirsiniz.
• İlham veren tasarımları bulmak için platformda arama yapabilirsiniz.
• Tasarımcıların süreçleri, tasarımları ve deneyimleri hakkında yazabilecekleri bir blog bölümü vardır.
• Tasarımcıların topluluklar oluşturabilecekleri ve çeşitli etkinliklere katılabilecekleri bir Dribbble Meetups bölümü vardır.
• Kullanımı kolaydır ve tasarımcı topluluğundan projeleriniz hakkında geri bildirim alabilirsiniz.
• Ayrıca güvenilir ve tanınmış şirketlerin iş ilanlarını bulabilir ve profilinizi "kiralık" olarak işaretleyebilirsiniz.
• Biraz para kazanmak için tasarımlarınızı ve diğer dijital ürünlerinizi satabilirsiniz.

Pixpa

Pixpa, yaratıcıların ve küçük işletmelerin yerleşik çevrimiçi mağaza, blog ve müşteri galerileriyle tamamlanmış güzel, profesyonel web siteleri oluşturmaları için hepsi bir arada bir platformdur. Pixpa'nın çok yönlü platformu, herhangi bir kodlama bilgisi olmadan çalışmalarınızı sergilemek, fikirlerinizi paylaşmak ve eşyalarınızı çevrimiçi satmak için ihtiyacınız olan her şeye sahiptir.

Web sitenizi Pixpa'da oluşturmak çok kolay . 15 günlük tam özellikli bir denemeye kaydolarak başlayın. Başlangıç ​​noktası olarak istediğiniz bir şablonu seçin. Pixpa, çok sayıda çarpıcı, piksel açısından mükemmel, mobil uyumlu şablonlar sunar. Basit ve güçlü bir görsel stil düzenleyici kullanarak site tasarımınızı özelleştirebilirsiniz. Pixpa'nın sürükle ve bırak sayfa oluşturucusu ile web sitenize sayfa eklemek çok kolay. SEO yöneticisi, Pazarlama Açılır Pencereleri, Duyuru Çubuğu ve çok daha fazlası gibi bir dizi yerleşik araçla, trafiğinizi artırmaya ve daha fazla potansiyel müşteriyi dönüştürmeye başlamak için herhangi bir ek eklentiye ihtiyacınız yoktur.

Özellikler:

• Yaratıcı profesyonellerin entegre bir e-ticaret mağazası, müşteri galerileri, blog ve çok daha fazlasıyla kendi web sitelerini oluşturmaları için hepsi bir arada platform.
• Squarespace'in yarı fiyatından daha az fiyata tam özellikli web sitesi oluşturucu platformu. Fiyatlar ayda sadece 3$'dan başlıyor.
• Sınırsız resim, galeri, sayfa, blog ve çok daha fazlası.
• SSL ile sınıfının en iyisi barındırma
• 7/24 canlı sohbet ve e-posta müşteri desteği
• Pek çok mobil uyumlu, tamamen özelleştirilebilir tema arasından seçim yapın. Temaları istediğiniz zaman değiştirin.
• Görüntüleri müşterilere paylaşmak, satmak ve teslim etmek için müşteri galerileri platformu.
• Tam özellikli, entegre e-ticaret mağazası. Fiziksel ürünler, dijital ürünler veya hizmetler satmak.

Çözüm

Portföy web siteleri, en iyi çalışmanızı sergilemenize ve potansiyel müşterilere sizi neden işe almaları gerektiğini göstermenize yardımcı olur. Ayrıca, işe alım görevlilerinin ve işe alım yöneticilerinin sizi Web'de bulmalarına yardımcı olurlar.

Yaratıcı topluluktan işinizle ilgili geri bildirim alabilir, yeni beceriler öğrenebilir veya mevcut becerilerinizi geliştirebilir ve alanınızda önde gelen isimlerden ilham alabilirsiniz.

Ne iş yaparsanız yapın, fark edilmek istiyorsanız bir portföy web sitesi vazgeçilmezdir.

Konuşmayı sürdürmek...

Ücretsiz Facebook grubumuzda 10.000'den fazla kişi günlük sohbetler yapıyoruz ve sizi orada görmeyi çok isteriz. Bize katıl!