Portföy Sitesi Oluşturmak için Weston Kullanmanın 5 Yolu
Yayınlanan: 2018-05-08Portföy sitesi, her serbest çalışanın veya yaratıcı ajansın işinin hayati bir bileşenidir. Çevrimiçi pazarlamanın avantajlarından yararlanabilmeniz ve dünyanın her yerinden müşterileri çekebilmeniz için en iyi çalışmalarınızın bir galerisini sergilemeniz için bir yol sunar. Ayrıca, en iyi becerilerinizi, eğitiminizi, geçmiş deneyiminizi, referanslarınızı ve yeni müşterileri çekmek için bir iletişim formunu listelemenize izin vererek etkileşimli bir özgeçmiş işlevi görebilir.
Bu, bir portföy sitesinin nasıl oluşturulacağı, hatta buna ne eklenebileceği veya portföyünüzün tasarımını nasıl iyileştireceğiniz üzerine bir gönderi değil, bu yüzden vites değiştireceğim ve odağını hızlı bir şekilde en iyi çok amaçlı sitelerimizden biri olan Weston'a kaydıracağım. Temalar burada ThemeTrust'ta. Özellikle geliştiriciyseniz, çok amaçlı bir temayı diğerine göre kullanmanın sayısız avantajı vardır. Portföy siteleri ve Weston söz konusu olduğunda, bu avantaj, tek bir tema ile çeşitli portföy siteleri oluşturabilme şeklinde ortaya çıkıyor.
Portföy Sitelerinin Türleri
Farklı türde portföy siteleri oluşturabilmenin faydalarını tam olarak anlamak için, ne tür portföy sitelerinin bulunduğunu anlamanız gerekir. Yeni başlayanlar için, bu tür web sitelerine yaygın olarak ihtiyaç duyan iki grup insan, serbest çalışanlar ve yaratıcı ajanslar gibi belirli türde yaratıcı, hizmet tabanlı şirketlerdir. Bununla birlikte, portföy web siteleri arasında göreceğiniz en yaygın nişler, fotoğrafçılık, tasarım, web geliştirme ve her türlü sanat biçimini içerir.
Teknik olarak, herhangi bir hizmet tabanlı işletme bir portföy web sitesi oluşturabilir. Bununla birlikte, portföyler tasarımları için genellikle görsellere dayandığından, bu tür web siteleri, serbest çalışanlar ve görsel işler yaratan şirketler arasında çok daha yaygındır.
Portföy Sitesinin Bölümleri
Weston'ın tüm bunlardaki rolüne geçmeden önce, bir portföy web sitesinin bileşenlerini hızlıca gözden geçirelim. Bir portföy verilir, bu yüzden bunu ele almayacağım. Bunun yerine, sitenizin bir hedefe ihtiyacı olduğunu söyleyerek başlayacağım. Potansiyel müşterilerin bir teklif almak için sizinle iletişim kurmasını ister misiniz? Web sitenizi genişletilmiş bir özgeçmiş olarak kullanmak ve harika bir ajansta iş bulmak ister misiniz? Potansiyel müşterilerin bir plana abone olmasını istiyor musunuz? Bunların her birinin ana sayfanızın görüneceği şekilde bir etkisi vardır.
Hedefinize ulaşabilmeniz için ziyaretçileri harekete geçmeye teşvik etmek için sitenizin birkaç farklı öğeye ihtiyacı olacaktır. Bu, esas olarak ana sayfada bir harekete geçirici mesaj ve sitenizin herhangi bir yerindeki bir iletişim formunu içerir. Daha fazla abonelik istiyorsanız, bir fiyat tablosuna da ihtiyacınız olacak.
Ziyaretçilerin karar vermesine yardımcı olmak için ana sayfaya ekleyebileceğiniz birkaç ek öğe vardır. Bunlar, hizmetlerinizi listeleyebileceğiniz bir satır, sosyal kanıt için referanslar, çalışmanızın öne çıktığını göstermek için kullanabileceğiniz bir logo modülü ve varsa ekip üyelerini sergilemek için bir satır veya kaydırıcı içerir.
Weston, Birden Çok Portföy Sitesi Oluşturmanıza Nasıl Yardımcı Olur?
Weston, tam teşekküllü portföy siteleri oluşturmanıza olanak tanıyan bir dizi özellikle birlikte gelir. Yeni başlayanlar için, bir düğmeye basit bir tıklama ile kurulabilen 12 ana sayfa demosu ile birlikte gelir. Bu demolardan beşi, özellikle portföyler için tasarlanmıştır. Demonun tasarımını ve içeriğini basit bir tıklamayla içe aktarmanıza izin vererek bir web sitesi oluşturma sürecini otomatikleştirirler. Tek yapmanız gereken orijinal içeriği kendiniz için değiştirmek.
Weston, aşağıdaki demolarda göreceğiniz aşağıdaki portföy düzenlerini de sunar:
- Dört Sütunlu Portföy
- Duvarcılık Portföyü Tam Genişlik
- Duvarcılık Portföyü
- Daha Fazla Yüklü Duvarcılık Portföyü
Ayrıca portföylerinize kategoriler ekleyebilirsiniz. Tek portföy öğeleri için dört, özel düzenler için bir düzen bile vardır.
Temamızda ayrıca yerleşik Görsel Besteci vardır. Teknik olarak, bu eklenti artık WordPress için WPBakery Sayfa Oluşturucu olarak bilinir. Bu, ücretsiz olarak kullanılabilen 45 dolarlık bir değerdir. Bu eklenti, kendi sayfalarınızı tasarlamanıza ve ana sayfanıza istediğiniz herhangi bir öğeyi eklemenize olanak tanır.
Google Yazı Tipleri ile entegrasyon, birden çok yazı tipi görünümünü deneyerek tasarımınızın her bölümünü optimize etmenize olanak tanır. Ayrıca, kendi iletişim formunuzu tasarlamanıza yardımcı olacak bir sürükle ve bırak form oluşturucu olan WPForms ile de uyumludur. Son olarak, bir Google Haritalar modülü, hizmetlerinizi çevrimdışı sunuyorsanız, iş yerinize yol tarifleri vermenize olanak tanır.
Weston'ın tüm özelliklerini ve demolarını görmek isterseniz, bu tema için satış sayfamızı ziyaret ettiğinizden emin olun.
Weston'ı ziyaret edin
Dediğim gibi, bu tema portföyler için beş ana sayfa demosu ile birlikte gelir, bu yüzden lafı daha fazla uzatmadan Weston'ı bir portföy sitesi oluşturmak için kullanmanın beş yolunu burada bulabilirsiniz.
01. Yaratıcı Ajans Demosu
Yaratıcı Ajans, yaratıcı işletmeler için optimize edilmiştir, ancak bu demo, yapılandırılma şekline bağlı olarak serbest çalışanlar tarafından da kolayca kullanılabilir. Bu açılış sayfasının asıl amacı, demonun en üstünde görebileceğiniz bir harekete geçirici mesajdır. Bir portföy sitesi söz konusu olduğunda, harekete geçirici mesajınız olarak “Beni Kiralayın” (serbest çalışanlar) veya “Bizi Kiralayın” (şirketler) kullanmak ve düğmenin İletişim sayfanıza yönlendirmesini sağlamak en iyisidir. Alternatif olarak “Teklif İste” veya “Bize Ulaşın” seçeneklerini de kullanabilirsiniz.
Abonelik planları veya müşterilerin satın alabileceği başka türde önceden paketlenmiş teklifler sunuyorsanız, onları satış sayfanıza yönlendirmek için "Planları Görüntüle", "Abone Ol" veya "Şimdi Satın Al"ı kullanabilirsiniz. Ayrıca, onları satış sayfanıza yönlendirmeden önce onları bir Özellikler sayfasına yönlendirmek için "Özellikler" satırları boyunca bir şey kullanabilirsiniz.
Bu demo, portföyü içine alan Masonry Portföy düzenini kullanır. Portföyün üzerine bakarsanız, logolar için bir kaydırıcı görürsünüz. Bunu, birlikte çalıştığınız müşterileri sergilemek veya çalışmanızın öne çıktığı birkaç önemli yeri sergilemek için kullanabilirsiniz. Bakılması gereken iki ek öğe, hizmetlerinizi veya becerilerinizi listelemek için kullanabileceğiniz hizmetler dizisidir ve referanslar için kaydırıcı.

Kreatif Ajans Demosunu Görüntüle
02. Stüdyo Demosu
Bu demo, Creative Agency demosuna oldukça benziyor, bu yüzden onun hakkında ayrıntılara girmeyeceğim. Az çok önceki demodan farklı bir stil kullanıyor ancak aynı öğeleri sergilemenize izin veriyor. Bu demonun dışarıda bıraktığı tek unsur, referans ve en son gönderi unsurlarıdır. Bunun dışında, yine de harekete geçirici mesaj kullanabilir, birlikte çalıştığınız müşterileri sergilemeye devam edebilir, portföyünüzü sergilemeye ve hizmetlerinizi sergilemeye devam edebilirsiniz.
Ancak bu demo, Masonry Portföy Tam Genişlik düzenini kullanır ve işinizi sayılarla özetlemek için kullanabileceğiniz bir öğe içerir.
Stüdyo Demosunu Görüntüle
03. Serbest Çalışan Demosu
Freelancer, yaratıcı serbest çalışanlar için tasarlanmış basit bir demodur. Belirli bir harekete geçirme ifadesi yoktur, ancak becerilerinizi, deneyiminizi ve uzmanlığınızı sergilemeniz için yeterli öğe sunar. En iyi becerilerinizi veya hizmetlerinizi listeleyebileceğiniz başlıkta başlar. Bundan sonra Dört Sütunlu Portföy düzenini kullanır. Ayrıca, işinize ilişkin sayılarla genel bir bakış sunabilir, en son blog gönderilerinizi sergileyerek uzmanlığınızı paylaşabilir ve geçmiş müşterilerinizden gelen referansların bir kaydırıcısıyla sosyal kanıt sunabilirsiniz.
Serbest Çalışan Demosunu Görüntüle
04. Minimal Portföy Demosu
Bu demo belirli bir işletme türünü hedeflememektedir. Hem serbest çalışanlar hem de şirketler tarafından kullanılabilir. Bu demonun amacı, gereksiz ayrıntıları ortadan kaldırmak ve yalnızca potansiyel müşterilerin sizinle iletişime geçip geçmemelerini veya harekete geçirici mesajınızla etkileşime girip girmemelerini büyük ölçüde etkileyen ayrıntıları eklemektir.
Bunu, harekete geçirme ifadesinin sayfanın alt kısmında yer alma biçiminde görebilirsiniz. Genellikle, harekete geçirici mesajınızı sayfanın en üstüne yerleştirmeniz önerilir. Bu, ziyaretçilerinizin çoğunun web sitenizin altbilgisine bile ulaşacağının garantisi olmadığı için basit bir sigorta poliçesidir. Harekete geçirici mesajı en alta yerleştirerek ve minimalist bir düzen kullanarak, müşterilerinizi işiniz ve becerileriniz/hizmetlerinizle tuzağa düşürebilir ve harekete geçirici mesajınızla kancayı ayarlayabilirsiniz.
Minimal Portföy Demosunu Görüntüle
05. Minimal Fotoğraf Demosu
Bu Weston'ın niş portföy demosu. Fotoğrafçıları hedefler, ancak grafik tasarımcılar ve diğer sanatçılar tarafından da kolayca kullanılabilir. Portföyde kullanılan siyah beyaz fotoğrafları güzel bir şekilde tamamlayan siyah bir arka plan ve beyaz metin kullanır. Bundan bahsetmişken, bu demo kutulu duvar portföy düzenini kullanıyor. Kullandığı diğer öğeler yalnızca bir slogan ve harekete geçirici mesajdır. Bu, T için minimalisttir, bu nedenle bu demo, potansiyel müşterileri çekmek için ek unsurlara ihtiyaç duymadan kendi başına ayakta durabilecek kadar güzel veya nefes kesici görsel işler yaratan serbest çalışanlar ve şirketler tarafından kullanıldığında en iyi sonucu verir.
Minimal Fotoğrafçılık Demosunu Görüntüle
Tek Proje Düzenleri
Bunlardan daha önce bahsetmiştim, ama onları biraz genişletmek istedim. Yeni müşterileri çekmek için en iyi çalışmanızın resimlerinden oluşan bir portföyü ana sayfanızda göstermeniz harika olurdu. Bununla birlikte, çoğu müşteri hangi hizmetleri sunduğunuzu, hangi alanda çalıştığınızı, becerilerinizi ve, tabiki senin tecrüben.
Tek proje düzenlerinin kullanışlı olduğu yer burasıdır. Potansiyel müşterilerin nasıl çalıştığınızı ve elde etmelerine yardımcı olabileceğiniz sonuçları daha iyi anlamaları için belirli bir projeyi vurgulamanıza izin verirler. Sonuçları biraz daha iyi göstermek için bir projenin daha fazla görüntüsünü görüntüleyebilir ve size verilen görev, bu görevi gerçekleştirmek için ne yaptığınız, karşılaştığınız sorunlar ve bunlarla nasıl başa çıktığınız ve daha fazlası hakkında ayrıntılara girebilirsiniz.
Daha önce de belirttiğim gibi, Weston dört adet tek proje düzeniyle birlikte gelir ve birini özel bir düzen oluşturmak için kullanabilirsiniz. İşte Bölünmüş Metin ve Resim Galerisi düzeni:
İşte diğer düzenler için demolar:
- Özel Düzen
- Yığılmış Görüntüler
- Tam Genişlik Karusel
- Video Arka Planı
Özel Düzen için kaydedilen her düzen, aynı öğeleri farklı şekillerde kullanmanıza olanak tanır. Bu, projenizi temsil etmek için bir ana görsel kullanmayı ve daha küçük boyutlarda ek görselleri paylaşmayı içerir. Ayrıca proje ile ilgili detayların paragraf formatında paylaşılmasını da içerir. Ayrıca projeyi tamamladığınız müşteri, sunduğunuz hizmet türü ve projeyi tamamladığınız yıl hakkında hızlı bir genel bakış da sağlayabilirsiniz.
Son olarak, bu ekran görüntüsünün altına bakarsanız, ziyaretçilerin portföyünüzde kolaylıkla gezinmelerine olanak tanıyan bir "Sonraki" ve "Önceki" işlevi olduğunu görebilirsiniz.
Son düşünceler
İster kendinize ister bir müşteriye ait olsun, bir portföy web sitesi oluşturmak, bir işletme web sitesinin benzersiz, pek de tipik olmayan bir varyasyonu olduğu için zor görünebilir, ancak böyle olması gerekmez. Weston gibi çok amaçlı bir tema tarafından sağlanan bir demoyu kullanırsanız, tek yapmanız gereken ona hangi bilgileri eklemek istediğinize karar vermektir. Sıfırdan bir tema oluşturma konusunda endişelenmek veya karmaşık ayrıntılarla uğraşmak sorun değil.
Weston'a gelince, portföy web sitelerinin yanı sıra, bu tema için mevcut diğer yedi ana sayfa demosu, birden fazla e-ticaret demosu, birkaç açılış sayfası demosu ve bir tanesi düğünler için.
Weston'ın fiyatı 58 dolar. Bu fiyat, bir yıllık destek ve güncellemelerle birlikte gelir. Destek, müşterilere özel bir forum biçiminde gelir. Bu tema hakkında daha fazla bilgi edinmek için aşağıdaki bağlantıları tıklayın.
Weston'ı ziyaret edin | Demoları Görüntüle