Öne Çıkan Bir Portföy Web Sitesi Nasıl Oluşturulur - Kodlama Yok

Büyük becerilere sahip bireysel bir profesyonelseniz, bir portföy web sitesine sahip olmak size daha fazla potansiyel müşteri getirecektir. Ancak çoğu serbest çalışan ve profesyonel, bir portföy web sitesi oluşturmayı zor buluyor.

Bir web sitesi tasarlama konusunda birkaç yanlış anlama vardır ve 'üst düzey kodlama bilgisine ihtiyaç duyar' bunlardan biridir. Web sitesi tasarımının büyük bir bütçeye ihtiyacı olacağını bile düşünebilirsiniz.

Sizi temin ederim ki, kodlama yapmadan ve uygun bir bütçeyle bir portföy web sitesi oluşturabilirsiniz . En iyi yanı, çok fazla teknik bilgi olmadan kendiniz yapabilirsiniz.

Burada bir portföy web sitesi tasarlamak için ayrıntılı bir adım adım kılavuz paylaşacağım.

Portföy web sitesi nedir?

Portföy web sitesi, bireysel bir profesyonel veya belirli bir kişinin veya şirketin becerilerini ve çalışmalarını öne çıkaran bir şirket için bir vitrin gibidir.

Portföy web sitesi çeşitli özellikler ve benzersiz tasarımlar içerebilir. Eskiden bireylere yönelik portföy web siteleri tek sayfalık web siteleriydi. Firmalar için ziyaretçilere detaylı bilgi verebilmek için birden fazla sayfa gerekmektedir.

Neden Portföy Web Siteniz Olmalıdır?

Bir portföy web sitesi oluşturursanız, birkaç avantajınız olacaktır. Her şeyi birinci sınıf tutarsanız, web sitesinden tonlarca olası satış elde etme şansınız yüksektir. Portföy web sitesi ile sahip olacağınız avantajlar şunlardır:

Çalışmanızı Profesyonel Olarak Sergileyin: Bir portföy web sitesi oluşturmak, önceki tüm çalışmalarınızı sergilemenin en iyi yoludur. Özgeçmişte gösteremediğiniz önceki müşterileriniz için yaptıklarınızı profesyonelce sergileyebilirsiniz. Özellikle yaratıcı profesyoneller için, işverene ne tür işler yapabileceğinizi bildirmek kolaydır.

İşverenlere Daha İyi Bir İzlenim Yaratın: Şu anda, farklı sektörlerde çok sayıda serbest çalışan var. Kalabalığın arasından sıyrılmak istiyorsanız, profesyonel bir portföy web sitesi oluşturmak işverenlerin dikkatini çekmenin en iyi yoludur . İşverene olumlu bir hava verir ve projeyi kazanma şansınızı artırır.

Daha Fazla İş Alın: Bir portföy web sitesini sürdürmek, daha fazla müşteri ve daha fazla potansiyel müşteri edinmenin en iyi yoludur. Bir web sitesini koruyarak potansiyel müşterilerinizle iyi bir ilişki kurabilirsiniz. Daha önceki müşterileriniz bile portföy web sitesi aracılığıyla sizi kolayca bulabilir.

Esneklik: Geleneksel yöntemde, insanlar becerilerini sergilemek için bir özgeçmiş tutarlardı. Ancak özgeçmişi düzenli olarak güncellemek zordur. Ancak bir web sitesi size işleri hızla değiştirme esnekliği sağlayacaktır. Yeni bir görevi tamamladığınızda, onu kolayca portföyünüze ekleyebilirsiniz.

Portföy Web Sitesi Oluşturmak İçin İhtiyacınız Olan Şeyler

Yeni bir web sitesinin bazı temel şeylere ihtiyacı vardır, bunlar:

Etki Alanı: Bu, web sitenizin adı ve kimliği olacaktır. Bir alan adı satın alabileceğiniz birkaç pazar yeri vardır. Alan adının kategorisine bağlı olarak, maliyet değişir.

Yepyeni bir portföy web sitesi için yeni bir alan adı kullanmanızı öneririm. Yaklaşık 10 dolara mal olacak . GoDaddy, Namecheap ve benzeri alan adı pazaryerlerinden bir tane satın alabilirsiniz.

Barındırma: Her türlü web sitesi, site sahibinin web sitesi için dosyaları yüklediği bir barındırma hizmetine ihtiyaç duyar. Hosting hizmetleri çok çeşitli paketlere sahiptir. Başlangıç ​​için paylaşımlı bir barındırma hizmeti yeterli olacaktır. Barındırma sağlayıcısına bağlı olarak, fiyatlandırma değişecektir. Tanınmış barındırma hizmeti sağlayıcısı Bluehost'un fiyatlandırma planı ayda 2,95 ABD dolarından başlar.

Tonlarca trafik bekliyorsanız ve barındırmaya çok fazla dosya yüklemek istiyorsanız, yönetilen bir web barındırma seçebilirsiniz. Web sitesi için WordPress CMS kullanmanızı öneririm. Daha fazla ayrıntı bulmak için WordPress için en iyi web barındırma sağlayıcılarını kontrol edebilirsiniz.

Eklentiler: Kodları bilmeniz gerekmeyen yöntemi burada paylaşacağım. Bunun için iki temel eklenti yüklemeniz gerekecek –

• eleman
• ElementsKit

Elementor, kullanıcıların herhangi bir kod yazmadan her türlü web sitesini tasarlamasına olanak tanıyan popüler bir web sitesi oluşturucusudur. Web sitesinde uyguladığınız her şey, belirli widget'ı sürükleyip bırakmaya ihtiyaç duyar.

ElementsKit, gelişmiş özelliklere sahip web siteleri tasarlamaya adanmış bir Elementor eklentisidir. Bir portföy için en iyi web sitesi oluşturucuyu arıyorsanız, kullanabileceğiniz en iyi sayfa oluşturucu budur. ElementsKit ile portföy web sitesi şablonlarını bulacaksınız.

Profesyonel Portföy Web Sitesi Oluşturma Adımları

Tek satır kod yazmadan portföy web sitesi oluşturmak için aşağıdaki adımları izleyin.

1. Adım: WordPress'i yükleyin

Artık bir alan adı ve barındırma hizmeti satın aldığınıza göre, WordPress CMS'yi yüklemeniz gerekiyor.

WordPress'i yüklemek fazla çaba gerektirmez. Barındırma şirketlerinin çoğu, tek tıklamayla WordPress kurulumu için bir seçeneğe sahiptir. Teknik sorunlarla uğraşma zahmetine girmenize gerek yok.

Ancak, seçtiğiniz barındırma sağlayıcısı tek tıklamayla kuruluma sahip değilse, WordPress'i manuel olarak kurabilirsiniz.

2. Adım: Temel Eklentileri Kurun – Elementor ve ElementsKit

WordPress düzgün bir şekilde kurulduysa, artık profesyonel bir portföy web sitesi tasarlamak için gerekli eklentileri yükleyebilirsiniz. Yukarıda belirtildiği gibi, Elementor ve ElementsKit'i yüklemeniz gerekir.

WordPress kontrol panelinden eklentilere gidin, sizi yeni bir sayfaya yönlendirecektir. Orada Elementor'u arayın ve eklenti görünecektir. Yükle düğmesine tıklayın ve eklentiyi etkinleştirin.

Şimdi ElementsKit'in açılış sayfasına gidin ve ihtiyacınıza göre planı seçin. Portföy sitesi kuracağınız için 'kişisel' paket yeterli olacaktır. Planı seçin ve eklentiyi edinin. ElementsKit'in tüm özelliklerinden yararlanmak için eklentiyi kurun ve etkinleştirin.

3. Adım: Bir WordPress Teması Ekleyin

Web siteniz için iyi bir düzen elde etmek istiyorsanız, duyarlı bir portföy teması kurmak çok önemlidir. Ancak her şeyi ElementsKit'in portföy web sitesi şablonlarıyla yapmak istiyorsanız bu adımı atlayabilirsiniz. BLO portföyü WordPress temasını kullanmanızı tavsiye ederim.

Adım 4: Şablonu Seçin

Artık web sitenizi tasarlamaya başlamaya hazırsınız. WordPress kontrol paneline gidin ve 'yeni bir sayfa oluştur' seçeneğini seçin. Ardından, yalnızca ElementsKit öğelerini sürükleyip bırakarak web sitesine özellikler eklemek için 'Elementor ile Düzenle'yi seçin.

Farklı bir sayfaya gideceksiniz. Ekit düğmesine tıklayın ve şablonlar listesine ineceksiniz. Şablonlar, Sayfalar ve Bölümler olmak üzere üç farklı seçenek olacaktır. 'Şablonlar' üzerine tıklayın ve ElementsKit'teki mevcut tüm şablonları göreceksiniz.

Şablon listesinden 'Kişisel Portföy' şablonunu seçin. Ekle'ye tıklayın ve şablon sayfaya aktarılacaktır. Bir sonraki adıma geçin.

Bu şablonun birden fazla sayfası vardır ve tüm bölümleri yalnızca belirli şablon sayfalarını ekleyerek ekleyebilirsiniz. Örneğin, ana sayfa, fiyatlandırma planı sayfası, SSS sayfası ve daha fazlasını ekleyebilirsiniz.

Adım 5: Şablonu Düzenleyin

Şablonu başarıyla eklediyseniz, kendi öğelerinizi değiştirerek şablonu düzenlemenin zamanı geldi.

Düzenlemeniz gereken ilk şey şablonun başlığıdır. Başlığı mesleğinizin adına veya şirket adına göre verin.

Ayrıca demo görüntüsünü değiştirin ve kendinizinkini ekleyin.

Diyelim ki profesyonel bir web geliştiricisisiniz, o zaman “Hey, ben profesyonel bir web geliştiriciyim” gibi bir şey yazabilirsiniz. Daha sonra başlık rengini, yazı tiplerini, yüksekliğini ve genişliğini değiştirebilirsiniz.

Şimdi sayfayı biraz aşağı kaydırırsanız orada çözüm bölümünü göreceksiniz. Bu bölümde, sunduğunuz hizmetleri ekleyebilirsiniz.

Demo hizmeti bölümünün her biri için, üstteki düzenle simgesine tıklayın, yeni metinler ve yaratıcı öğeler ekleme seçeneği sunacaktır.

• Eşit yükseklik: Burada servis bölümlerinin her biri için eşit yükseklik seçebilirsiniz.
• Simge türü: Hizmetin simgesini seçin. Web sitesi için özel simge yükleyebilirsiniz
• Simge ekle: Burada simge seçeneğini eklemeyi devre dışı bırakabilir veya etkinleştirebilirsiniz.
• Başlık simgesi: Burada başlık simgesinin önizlemesini göreceksiniz
• Başlık: Hizmetin başlığını seçin
• Açıklama: Sunduğunuz hizmet için bir açıklama yazın

Daha sonra hakkımda bölümünü düzenleyebilirsiniz. Sizinle ilgili ayrıntıları ekleyin, böylece herkes ne sunduğunuzu kolayca anlayabilir.

Sol bölümde hakkımda ayrıntılarını düzenleyebilir ve özelleştirebilirsiniz ve sağ bölüm açıklamanın önizlemesini gösterecektir. Resimlerden metinlere, bu bölümdeki her şey düzenlenebilir.

• Ttile: Kendinizle ilgili başlığı buraya ekleyebilirsiniz.
• Altyazı: Hakkımda bölümü için altyazıyı özelleştirin.
• Başlık Açıklaması: Başlık için bir açıklama ekleyin.
• Gölge Metin: İsterseniz gölge metin ekleyebilirsiniz.
• Ayırıcı: Ayırıcıyı etkinleştirebilir veya devre dışı bırakabilir ve ayırıcı için farklı stiller seçebilirsiniz.

Benzer şekilde, müşterilerinizin görmeyi seveceği öne çıkan çalışmaları da ekleyebilirsiniz. Şablonda varsayılan bir altbilgi vardır. Ancak isterseniz bunu silebilir ve ElementsKit'in şablon listesinden daha iyi bir altbilgi şablonu ekleyebilirsiniz.

6. Adım: Bir Alt Bilgi Ekle

Portföy web siteniz için özel bir altbilgi eklemek için sayfadaki Ekit düğmesine tıklayın. Şablonlar kategorisinden altbilgiyi seçin. Artık mevcut tüm altbilgi şablonlarının listesine sahip olacaksınız. Birini seçin ve sayfaya ekleyin. Şablon metinlerini ve bağlantılarını ihtiyacınıza göre düzenleyin.

7. Adım: Önizleme ve Güncelleme

Son olarak, şablonda her şey yolunda görünüyorsa, portföy web sitesinin nasıl görüneceği hakkında net bir fikir edinmek için şablonu önizleyin. Site tasarımına son halini verdikten sonra sayfayı güncelleyin.

Yukarıdaki adımları doğru bir şekilde takip ettiyseniz, artık iyi görünümlü bir portföy web sitesine sahip olmalısınız. Benzer şekilde, bir SaaS web sitesi, Mezunlar web sitesi vb. kodlamadan oluşturabilirsiniz.

Portföy Web Sitesinde Bulunması Gerekenler

Müşterinizin beğeneceği bir portföy web sitesi oluşturmak istiyorsunuz, değil mi? Bu nedenle, web sitenize aşağıdaki bölümleri eklemelisiniz -

Sunduğunuz Hizmetler

Ziyaretçilerin sizden neler bekleyebileceklerini kolayca bilmeleri için tüm hizmetlerinizi web sitesinde sergileyin. İster profesyonel bir fotoğrafçı, ister web geliştiricisi veya başka bir şey olun, sunabileceğiniz farklı hizmetleriniz olabilir.

Bunları birer birer ekleyin. ElementsKit'in portföy web sitesi şablonunu kullanırken, varsayılan hizmetler bölümünü göreceksiniz. Sunduğunuz hizmetlerle bu bölümü düzenleyin.

Önceki İş Örnekleri

Müşterilerinizi kritik işlerin üstesinden gelebileceğinize nasıl ikna edebilirsiniz? Potansiyel müşterilerinizin güvenini kazanmanın en iyi yolu, önceki çalışma örneklerinizi saklamaktır. Ziyaretçilerin kolayca tarayabilmesi için önceki çalışma örneklerini temiz tutun.

Benim hakkımda

Bu bölüm sizinle ilgili her şey olacak. Sektörle ilgili anahtar kelimelere sahip olmalıdır. Ayrıca hakkımda bölümü sizi doğru bir şekilde tanımlamalıdır . Hakkımda bölümü, okuyucuların siz veya şirketiniz hakkında anında net bir fikir edinmelerine yardımcı olur.

Hizmetler için Fiyatlandırma

Fiyatlandırma cazipse, işletmeniz için daha fazla potansiyel müşteri elde edeceksiniz. Hizmetleriniz için uygun fiyatlar sunun ve bunları web sitenizin fiyatlandırma bölümünde gösterin. Portföy web sitesi şablonu fiyatlandırma bölümünden memnun değilseniz, widget kitaplığında fiyatlandırma widget'ını arayabilirsiniz. Widget bölümünü ekleyin ve teklif etmek istediğiniz fiyatlandırma ile düzenleyin.

İletişim Formu

Web sitesi ziyaretçileri çalışma örneklerinizi, hizmetlerinizi ve fiyatlandırmanızı beğenirse sizinle iletişime geçmek isterler. Bunun için web sitesinde yer alan bir iletişim formu zorunludur . Ama endişelenme. Kodlama yapmadan sıfırdan bir iletişim formu oluşturabilirsiniz.

En gelişmiş iletişim formu oluşturucu MetForm'u yükleyin ve web siteniz için bir iletişim formu oluşturmaya başlayın. Yine MetForm'un hazır form şablonlarını kullanabilir ve çarpıcı iletişim formları oluşturabilirsiniz.

Sarmak

Artık bir portföy web sitesi oluşturmayı bildiğinize göre, şimdi başlayın. Paylaştığım adımları izleyin ve profesyonel bir portföy web sitesi tasarlamak için uğraşmanıza gerek kalmayacak. Bu nedenle, bir portföy web sitesi oluşturun ve daha fazla potansiyel müşteri ve daha fazla gelir elde edin.