Çevrimiçi Portföy Çalışmanızı Sunmak İçin Fikirler

Çevrimiçi bir portföy, çoğunlukla içerik odaklıdır; burada, kullanıcının web sitesinde gezinmek için inisiyatif alması gerekir. Amacınız, çalışmanızı net bir şekilde sunmak ve kullanıcıları tıklamaya teşvik etmektir.

Bu yazıda, ziyaretçilerin portföy çalışmanıza daha derinden girmelerine yardımcı olacak bazı teknikleri paylaşmak istiyorum. Bunu yapmanın birçok farklı yolu vardır, bazıları yalnızca statik sayfalar eklerken diğerleri slayt gösterileri ve tam vaka çalışmaları ekler.

Yaptığınız işin türü sitenizin tasarımında bir faktör oynayacaktır. Ancak bu ipuçları evrenseldir ve internetteki herhangi bir portföy sitesine uygulanabilir.

Dinamik Kategoriler

Birçok farklı türde iş yapıyorsanız, portföy sayfanıza dinamik sıralama etiketleri eklemeyi denemelisiniz. Bu, ziyaretçilerin yaptığınız her şeye göz gezdirmek yerine görmek istedikleri işe göz atmalarını sağlar.

Örneğin, bir dijital tasarımcının birçok farklı işi olabilir ve her portföy girişi farklı bir beceri seti sergileyebilir. Bu kategoriler şu şekilde bozulabilir:

• kimlik tasarımı
• Simge tasarımı
• web siteleri
• Mobil uygulamalar
• UI/UX tel çerçeveleme

Dinamik kategoriler oluşturursanız, ziyaretçiler her birine ayrı ayrı göz atabilir. Bu, sitede gezinmeyi çok daha hızlı hale getirir ve portföy çalışmasını sunmanın en güçlü yoludur.

Kahraman teması, eylem halindeki bu kategori sıralamanın güzel bir örneğidir. Ana portföy sayfası, farklı proje stillerini düzenlemek için üste yakın küçük etiket bağlantıları kullanır.

Kullanıcı bir kategori bağlantısını tıkladığında, portföy, kategoriye eklenenlerin yanı sıra tüm projeleri otomatik olarak gizler. Tüm bunlar arka uçta WordPress tarafından kontrol edilir, bu nedenle sitenize projeler eklemeniz ve bunları buna göre düzenlemeniz yeterlidir.

Birçok WordPress portföy teması, varsayılan olarak bu özelliklerle birlikte gelir ve harikadırlar. Basit metin bağlantılarını kullanan Beckett temasında başka bir örnek görebilirsiniz.

Ancak her iki örneğin de temelde tam ekran tasarımlar olduğuna ve portföyün sayfadaki alanın çoğunu kapladığına dikkat edin.

Dinamik kategoriler, kullanımı kolay ve göz atması kolay olduğunda en iyi sonucu verir. Bu örnekler, başlamak için harika bir yer sunar ve bu temaları tasarım stilinize uyuyorlarsa kendi siteniz için bile kullanabilirsiniz.

Proje Fotoğraf Slayt Gösterileri

Proje slayt gösterilerinin büyük çoğunluğu, bir portföy projesi sayfasında ek öğeler olarak kullanılır. Dolayısıyla bu slayt gösterileri, bir düğmeye tıklayarak fotoğraflara göz atabileceğiniz sayfaya belirli bir ayrıntı düzeyi ekler.

Slayt gösterilerini seviyorum çünkü fazla yer kaplamadan iş akışına bir bakış sunuyorlar. Ama bunları dikkatli kullanmalısın.

Bazen ziyaretçiler, hepsini aynı anda gözden geçirmek için bir küçük resim galerisini tercih eder. Ancak slayt gösterileri çok büyük değilse ve çok fazla slayt içermiyorsa (15'in altında diyelim) bir yeri vardır.

Bramble, portföy sayfalarında resim slayt gösterilerini destekler ve bunlar da tamamen duyarlıdır. Bu, fotoğraflara hızlı bir şekilde göz atmanızı sağlar ve gezinme için iki farklı yöntemi vardır:

• Sol/sağ oklar
• Her slayt için nokta gezinme

Akıllı telefon kullanıcıları yine de bu slayt gösterisinde kolaylıkla çalışabilir ve tam etkiyi elde edebilir. Ancak, kullanıcı fotoğrafı büyütmek için dokunabileceğinden küçük resimler için de bir argüman var.

İdeal portföy slayt gösteriniz, yaptığınız işin türüne bağlıdır. Çekimleriniz yatay olarak bir kaydırıcıya sığabiliyorsa, kesinlikle proje sayfanıza bir tane eklemeyi düşünün.

Veya Oshine temasında olduğu gibi ana sayfanıza bir tane bile ekleyebilirsiniz. Özellikle iç tasarım ve mimariyi sunan bu demo.

Bu benzersiz tarz, fotoğrafçılar, dijital tasarımcılar ve dijital sanatçılar için çok uygundur. Bu çalışma tarzları oldukça büyük olma eğilimindedir ve tam ekran bir slayt gösterisine iyi uyum sağlar.

Ana sayfa kaydırıcıları hemen dikkat çeker, böylece bir bakışta tam olarak ne yaptığınızı satmanıza da yardımcı olurlar.

Navigasyon ve otomatik yönlendirme için bazı en iyi uygulamaları öğrenmek için atlıkarıncaları biraz okuduğunuzdan emin olun.

Modal Kutular

Portfolyo çalışmasını sunmak için tercih ettiğim teknik bu. Kalıcı pencere kutusu, altındaki içeriği grileştirerek sayfanın "üst kısmında" görünür.

Bu genellikle, kullanıcının aynı anda birçok proje resmine tıklayabildiği (veya kaydırabildiği) bir resim galerisi biçiminde gelir. Kalıcı pencere sayfanın üstünde göründüğü için yeni bir sekme ile kullanıcıyı rahatsız etmeden tüm sayfayı kaplayabilir.

Bunun harika bir örneği ThemeForest'taki Vitae temasıdır. Her portföy öğesi sayfasında, görüntünün daha büyük bir görünümünü görmek için tıklayabileceğiniz ışık kutusu modelleri ile birlikte gelir.

Kişisel olarak daha koyu arka planı tercih ederim çünkü bu, modal pencere ile içerik arasında gerçekten kontrast oluşturur. Vitae gibi bazı temalar daha açık bir arka plan kullanır ve bu da iyi çalışır.

Amaç, bu modu tüm sayfanın üzerinde zorlayarak kullanıcı katılımını artırmaktır. Bunu kalıcı bir açılır pencere ile yaptığınızda süper can sıkıcı olabilir. Ancak, kullanıcı beklediğinde portföy içeriği için şaşırtıcı derecede iyi çalışır.

Bunu daha çok, bir dizide sunmak istediğiniz birçok fotoğrafın olduğu galeri öğeleri için öneriyorum. Dark modal pencereler, Honshi temasındaki gibi eksiksiz portföy öğeleri de sunabilir.

Bir sette bir araya gelen bir dizi fotoğrafınız varsa, bunları kalıcı slayt gösterileriyle çalıştırmayı düşünün. Veya bir tasarımcıysanız, çalışmanızın farklı aşamalarını bir slayt gösterisine, neredeyse baştan sona bir ilerleme gibi ekleyebilirsiniz.

Her tür görsel portföy sitesi kalıcı pencerelerden yararlanabilir. Bu özelliğe sahip bir portföy teması bulmak ve proje sayfalarınıza doğal olarak dahil etmek istiyorsunuz.

Tam Sayfa Vaka Çalışmaları

Portföy çalışmanızın yanına biraz yazılı içerik eklemek her zaman iyidir. Bu şekilde ziyaretçiler projenin neye benzediğini, yaptığınız işi ve ilk planlama aşamasından tamamlamaya nasıl geçtiğinizi anlayabilir.

Vaka çalışmaları, projenin tam bir resmini sunmak için en iyisidir. Sayfada doğal olarak çok sayıda fotoğrafınız olmalı, ancak aynı zamanda tüm yaratıcı sürecinizi parçalayan kişisel anekdotlar ve listeler de eklemelisiniz.

Ziyaretçiler ne yaptığınız hakkında daha fazla bilgi edinmek istiyor. Bu vaka çalışmaları güven oluşturur ve sizi konuyla ilgili bir otorite olarak sunar.

Mandala, vaka çalışmalarının ne kadar basit görünebileceğini gösteren mükemmel bir temadır.

Üst kısım, proje tarihi, kategori, müşterinin adı ve kısa bir projeye genel bakış gibi ekstra ayrıntılarla birlikte projenin örnek bir fotoğrafını içerir.

Okuyuculara perde arkasına bakma ve ne yaptığınız hakkında daha fazla bilgi edinme şansı verin. Görseller yardımcı olur, ancak hikayenin yalnızca bir kısmını gösterirler.

Vaka çalışmaları yazarak, ortak sorunlarınızı ve bunları nasıl çözdüğünüzü açıklayabilir ve harika fikirler bulmak için beyin fırtınası sürecinizi anlatabilirsiniz.

Fotoğraf çekiyorsanız, muhtemelen yazacak çok şeyiniz olmayacak. Ancak Dazzle teması, sadece birazcık içeriğin uzun bir yol kat edebileceğini gösteriyor.

Portföy teması düzinelerce stille birlikte gelir. Bazıları proje hakkında çok az bilgiye sahipken, diğerleri proje sayfasında daha fazla ayrıntıya sahiptir. Ancak her iki şekilde de bu temanın sunduğu birçok stile bakarak çok şey öğrenebilirsiniz.

Örnek olay incelemelerini alın ve onları gerçekten kendinize ait yapın. Tam bir tez yazmadan, ziyaretçiler için değerli kılacak kadar bilgi ekleyin.

Toplama

Portföy çalışmanızı sunmak her zaman kolay değildir. İşin türüne ve sahip olduğunuz proje sayısına göre farklılık gösterir.

Ancak yukarıda listelediğim trendler, grafik tasarımından fotoğrafçılığa, animasyona, kullanıcı arayüzü çalışmasına veya başka herhangi bir şeye kadar hemen hemen her şey için iyi çalışıyor. Özel slayt gösterileri, kategori sıralama, modal pencereler ve vaka incelemelerinin tümü, portföy web sitenizdeki etkileşimi kökten artırabilir.

Henüz kendi portföy sitenizi başlatmadıysanız, çevrimiçi portföyünüz için barındırma ve bir temanın nasıl kurulacağını açıkladığımız bir WordPress portföy sitesi oluşturma hakkındaki makalemize göz atmalısınız.