Grafik Tasarım Portfolyo Sitesi: Sayfalar, Vaka Çalışmaları, Kontrol Listesi

Grafik tasarım portfolyo sitesi nasıl kurulur: kaç proje gösterilmeli, hangi sayfalar gerekir, kopyalayabileceğiniz vaka şablonu ve yayın öncesi kontrol listesi.

Sıkça sorulan sorular

Bir grafik tasarım portfolyo sitesinde kaç proje olmalı?

6 ile 10 proje hedefleyin; en güçlü iki üç projeniz sayfanın başında yer alsın. Resmi bir sayı yok. Önemli olan, her projenin yerini hak etmesi ve bütünün işe alınmak istediğiniz türden işleri göstermesi. Diğerlerinden zayıf kalan bir çalışmayı çıkarın. Seçici bir set, uzun bir sete göre daha iyi bir yargı gücü gösterir.

Grafik tasarım portfolyosu için özel alan adı gerekli mi?

Zorunlu değil, ancak adınızdan oluşan bir alan adı (adiniz.com ya da adiniz.design) özgeçmişte ve e-posta imzasında daha profesyonel görünür; platform değiştirseniz bile sizinle kalır. Fiyatlar değiştiği için satın almadan önce kayıt kuruluşunuzda uygunluğu ve yenileme ücretini kontrol edin.

Yalnızca bitmiş tasarımları mı göstermeliyim, süreç çalışmalarını da mı?

İkisini de dengeli biçimde gösterin. Her projeye bitmiş sonuçla başlayın, ardından eskizlere, taslaklara ya da vazgeçtiğiniz alternatiflere kısa bir bakış ekleyin. Süreç, nasıl düşündüğünüzü gösterir; bu özellikle şirket içi ve ajans pozisyonları için en çok önem taşıyan şeydir. Hızlıca göz gezdirilen bir sayfa için süreci ana sayfada değil, proje sayfasında tutun.

Öğrenci, kişisel ya da konsept projeleri ekleyebilir miyim?

Kariyerinizin başındaysanız evet. Bunları öğrenci projesi, kişisel proje ya da konsept olarak dürüstçe etiketleyin; kimse müşteri işi sanmasın. Kendi yazdığınız briefler, sorunu ve kısıtları açıkça belirttiğiniz sürece sorun değil. Gerçek müşteri işleri geldikçe bunların yerine koyun.

Portfolyo görselleri için hangi dosya formatlarını ve boyutlarını kullanmalıyım?

Web'e uygun görseller dışa aktarın: fotoğraf içeren mockup'lar için genellikle JPEG ya da WebP, düz grafikler ve logolar için PNG ya da SVG. Görselleri gösterilecekleri genişliğe göre yeniden boyutlandırın ve sayfalar hızlı açılsın diye sıkıştırın. E-posta başvuruları için portfolyonuzun yüksek çözünürlüklü bir PDF sürümünü ayrıca saklayın.

Portfolyo sitesi PDF portfolyodan daha mı iyi?

İkisinin işlevi farklı. Web sitesi bağlantıyla kolayca paylaşılır, aramada bulunur ve istediğiniz zaman güncellenebilir. PDF ise bir başvuru özellikle ek istediğinde işe yarar. Çoğu tasarımcı ikisini de tutar: ana olarak web sitesini, aynı projelerden hazırlanmış bir PDF'i de yedek olarak.

Kısa cevap: Bir grafik tasarım portfolyo sitesi için en iyi 6 ile 10 projeniz gerekir. Her biri kısa bir vaka çalışması olarak sunulmalı (sorun, rolünüz, süreç, sonuç). Bunlara dört sayfa eklenir: Ana Sayfa, İşler, Hakkımda ve İletişim. En güçlü üç projenizle başlayın, yalnızca daha fazla almak istediğiniz türden işleri gösterin ve iletişim bilgilerinizi gözden kaçmayacak bir yere koyun. Aşağıdaki şablon ve kontrol listesi gerisini kapsıyor.

Bir grafik tasarım portfolyo sitesinin gerçekten neye ihtiyacı var

Portfolyonun tek bir görevi var: bir yabancının bir iki dakika içinde size e-posta atıp atmayacağına karar vermesine yardımcı olmak. Sitedeki her şey bu karara hizmet etmeli. Ziyaretçiler genellikle üç kişiden biridir:

  • Bir müşteri: Kendi türünden bir sorunu (marka kimliği, ambalaj, sosyal medya, baskı) çözüp çözemeyeceğinizi öğrenmek ister.
  • Bir işe alım yöneticisi ya da İK uzmanı: Zevkinizi, çeşitliliğinizi ve başkalarıyla nasıl çalıştığınızı gösteren kanıt arar.
  • Bir iş ortağı ya da ajans: Uzmanlık alanınızı hızla görmek ister.

Projeleri seçmeden önce asıl okuyucunuzun kim olduğuna karar verin. Serbest marka müşterileri için hazırlanmış bir portfolyo, kurum içi bir junior pozisyon için hazırlanandan farklı görünür.

Kaç proje gösterilmeli

6 ile 10 arasını hedefleyin. Her biri derin bir vaka çalışması olmadıkça 6'dan azı yetersiz görünebilir. 10'dan fazlası ise genellikle bazı çalışmaların en iyilerin etkisini zayıflattığı anlamına gelir.

Nelerin kalacağına karar vermenin basit bir yolu:

  1. Gurur duyduğunuz tüm projeleri listeleyin.
  2. Daha fazla yapmak istediğiniz işlere uyanları işaretleyin. Geri kalanları, ücretli olsalar bile çıkarın.
  3. Kalanları kaliteye göre sıralayın. İlk üçü en başa koyun.
  4. Nişiniz içindeki çeşitliliği kontrol edin: örneğin bir logo sistemi, bir ambalaj çalışması, bir editoryal ya da kampanya çalışması.
  5. İki proje aynı beceriyi kanıtlıyorsa daha iyisini tutun.

Oluşturulacak sayfalar

Dört sayfayla çok yol alabilirsiniz. Diğerlerini yalnızca gerçekten içeriğiniz varsa ekleyin.

SayfaAmaçİçinde ne olmalı
Ana SayfaZiyaretçiyi saniyeler içinde yönlendirirNe yaptığınızı anlatan tek cümle, 3 ile 6 öne çıkan proje, net bir iletişim bağlantısı
İşler (ya da Projeler)Tam galeriProje adı ve disiplini ile küçük görseller; her biri ilgili vaka çalışmasına bağlanır
Vaka çalışması sayfalarıNasıl düşündüğünüzü kanıtlarHer proje için bir sayfa, aşağıdaki şablonla hazırlanır
HakkımdaSizi bir insan olarak tanıtırKısa biyografi, fotoğraf, beceriler veya araçlar, hizmetler ya da müsaitlik durumu
İletişimSürtünmeyi ortadan kaldırırE-posta, isterseniz bir form, profesyonel profillerinize bağlantılar

İsteğe bağlı ekler: serbest çalışıyorsanız bir Hizmetler sayfası, iş arıyorsanız bir Özgeçmiş sayfası ve her projede aynı adımları izliyorsanız kısa bir Süreç sayfası.

Vaka çalışması yapısı şablonu

Bu taslağı her proje için kopyalayın. Her bölümü kısa tutun. Çoğu ziyaretçi göz gezdirir, bu yüzden hikâyeyi başlıklar ve görseller taşısın.

Şablon

  1. Proje başlığı ve tek cümlelik özet. Müşteri ya da proje adı, disiplin ve yıl. Örnek: "Harbor Coffee Roasters, ambalaj ve marka kimliği, 2025."
  2. Brief. Müşterinin neye, neden ihtiyaç duyduğunu anlatan iki üç cümle. Varsa kısıtı (bütçe, süre, hedef kitle) belirtin.
  3. Rolünüz. Ne yaptığınız, ekip işiyse başkalarının ne yaptığı. Net olun: "Bir metin yazarı ve bir matbaa ile birlikte baş tasarımcı" ifadesi, "Her şeyi tasarladım" demekten daha inandırıcıdır.
  4. Süreç. Üç ile beş görsel ya da kısa altyazı: eskizler, moodboard'lar, ilk yönelimler ve seçtiğiniz yolun ardındaki mantık.
  5. Nihai çalışma. Sayfadaki en büyük ve en temiz görseller. Tasarımı mockup'larla ya da basılı işin gerçek fotoğraflarıyla bağlam içinde gösterin.
  6. Sonuç. Neyin değiştiği; yalnızca doğru olarak söyleyebileceğiniz şeylerle: müşteri yayına aldı, eski kimliğin yerini aldı, şimdi raflarda, belli bir ölçekte basıldı. Rakamlarınız yoksa atlayın. Metrik uydurmayın.
  7. Sonraki proje bağlantısı. İnsanların işlerinizde gezinmeye devam etmesini sağlayın.

Uyarlayabileceğiniz örnek ifadeler

  • Brief: "Küçük bir mahalle fırını olan müşteri, el yapımı hissi veren ama tek renkle ucuza çoğaltılabilen bir logo ve ambalaj istiyordu."
  • Rol: "Araştırmayı, logo tasarımını ve ambalaj sistemini ben yürüttüm. Ürün metinlerini müşteri yazdı."
  • Süreç altyazısı: "Üç ilk yönelim. El yazısı logotipi, küçük boyutlarda okunabilirliğini yitirdiği için eledik."
  • Sonuç: "Yeni ambalaj ilkbaharda piyasaya çıktı ve şimdi tüm ürün hatlarında kullanılıyor."

Siteyi, çalışmalar ön planda olacak şekilde tasarlayın

  • Gezinmeyi dört beş öğeyle sınırlayın. Ana Sayfa, İşler, Hakkımda, İletişim yeterlidir.
  • Nötr arka planlar ve bol boşluk kullanın. Rengi projeleriniz taşısın. Kalabalık bir şablon onlarla yarışır.
  • Bir ya da iki yazı tipi seçin. Bir tasarımcı olarak kendi siteniz bir tipografi örneğidir. Tutarlı ve okunaklı tutun.
  • Görselleri büyük kullanın. Küçük görseller net olmalı, proje sayfalarında ana görseller genişliğin tamamını kaplayabilmeli.
  • Ana sayfanın en üstüne adınızı ve disiplininizi yazın. "Maya Chen, marka ve ambalaj tasarımcısı", kimsenin çözemediği zekice bir sloganı geride bırakır.
  • Telefonda kontrol edin. Birçok ziyaretçi bağlantınızı mobilde açacak. Galeriyi, menüyü ve iletişim bağlantısını test edin.
  • Görselleri sıkıştırın. Ağır dosyalar sayfaları yavaşlatır; bu da hem ziyaretçilere hem de arama görünürlüğüne zarar verir.

Adım adım: sıfırdan yayına

  1. Odağınızı ve okuyucunuzu seçin. Tek cümle: "[Kim] için [ne] tasarlıyorum."
  2. 6 ile 10 proje seçin; yukarıdaki filtreyi kullanın.
  3. Her vaka çalışmasını şablondan yazın, en iyi projenizle başlayın.
  4. Web'e uygun görselleri, gösterilecekleri boyutta dışa aktarın ve dosyalara anlaşılır adlar verin.
  5. Görselleri öne çıkaran ve dikkat dağıtan öğesi az bir oluşturucu ve düzen seçin. Bir başlangıç noktası istiyorsanız grafik tasarımcı web sitesi oluşturucu sayfası ve AI tasarımcı portfolyo şablonu, hazır bir düzenin nasıl göründüğünü gösterir.
  6. Dört temel sayfayı oluşturun ve vaka çalışmalarınızı ekleyin.
  7. Adınızı içeren bir alan adı bağlayın.
  8. Her şeyi gözden geçirin, ardından bir arkadaşınızdan ya da eski bir iş arkadaşınızdan sitede e-posta adresinizi bulmasını isteyin. Zorlanıyorsa iletişim sayfasını düzeltin.
  9. Yayınlayın, sonra bağlantıyı paylaşın: e-posta imzanızda, özgeçmişinizde ve profesyonel profillerinizde.

Araçları karşılaştırıyorsanız, We.Inc'in ücretsiz planı hazır şablonlardan üç siteye kadar yayınlamanıza izin verir; bir istemden site taslağı hazırlayan AI oluşturucu ise ayda $20'lık Starter planıyla başlar. Buradan kaydolabilirsiniz. Başka bir portfolyo platformundan ayrılıyorsanız Portfoliobox alternatifleri listesine göz atın.

Yayın öncesi kontrol listesi

Bunu kopyalayın ve bağlantıyı paylaşmadan önce maddeleri işaretleyin.

İçerik

  • [ ] 6 ile 10 proje, en güçlü üçü başta
  • [ ] Her projede brief, rolünüz, süreç, nihai çalışma ve sonuç var
  • [ ] Öğrenci, kişisel ve konsept projeler dürüstçe etiketlenmiş
  • [ ] Paylaşma izniniz olmayan müşteri işi gösterilmiyor
  • [ ] Hakkımda sayfasında fotoğraf, kısa biyografi ve müsait olduğunuz işler var
  • [ ] E-posta adresi İletişim sayfasında ve alt bilgide görünür

Tasarım

  • [ ] Gezinmede beş ya da daha az öğe var
  • [ ] Bir ya da iki yazı tipi tutarlı biçimde kullanılmış
  • [ ] Metin arka planına karşı okunaklı
  • [ ] Görseller büyük, net ve galeride tutarlı boyutta
  • [ ] Her görselde açıklayıcı alt metin var

Teknik

  • [ ] Telefonda, tablette ve masaüstünde doğru görünüyor
  • [ ] Görseller sıkıştırılmış; sayfalar hızlı yükleniyor
  • [ ] Tüm bağlantılar çalışıyor, "sonraki proje" bağlantıları dahil
  • [ ] Ana sayfa ve her proje için sayfa başlıkları ve açıklamaları ayarlanmış
  • [ ] Özel alan adı bağlı ve site HTTPS üzerinden yükleniyor
  • [ ] Paylaşılan bağlantılar iyi görünsün diye sosyal medya önizleme görseli ayarlanmış

Yayından sonra

  • [ ] Bağlantı e-posta imzasına, özgeçmişe ve profesyonel profillere eklenmiş
  • [ ] Portfolyoyu birkaç ayda bir gözden geçirip yeni işlerle güncellemek için hatırlatıcı kurulmuş

Kaçınılması gereken yaygın hatalar

  • Şimdiye kadar yaptığınız her şeyi göstermek. Seçici olmak, sergilediğiniz becerinin bir parçasıdır.
  • Bağlamsız görseller. Briefsiz güzel bir mockup, ziyaretçiye düşünce biçiminiz hakkında hiçbir şey söylemez.
  • İletişim bağlantısını saklamak. Bir tıktan fazla sürüyorsa talepleri kaybedersiniz.
  • Destekleyemeyeceğiniz sonuçlar iddia etmek. Olanı doğru anlatın. Dürüst ve mütevazı bir sonuç, belirsiz büyük bir iddiadan daha inandırıcıdır.
  • Hiç güncellememek. Eski çalışmaları daha güçlü, yeni olanlarla değiştirin.

Sırada ne var

Site yayına girdikten sonra aynı portfolyo serbest çalışma işinizi de destekleyebilir. Bu rehberler sonraki adımları kapsıyor: web tasarım müşterileri nasıl bulunur ve bir web tasarım işi nasıl büyütülür; ikisi de grafiklerin yanında web siteleri sunmaya başlayan tasarımcılar için geçerlidir.

Ücretsiz başlayın · Kredi kartı gerekmez

İlgili: Blog

Ürün

Kimler için

Özellikler

Kaynaklar

Şirket

Site haritası