Portfolyo Sitesi Nasıl Yapılır? Promake ile Adım Adım
İş seçkisinden proje vaka anlatımına, kişisel marka ve iletişim akışına kadar sonuç odaklı portfolyo sitesi hazırlama rehberi.

Portfolyo sitesi nasıl yapılır sorusunun yanıtı, bütün işleri bir galeriye yüklemek değildir. İyi portfolyo doğru projeleri seçer, her işte hangi problemi çözdüğünüzü anlatır ve ziyaretçiye sizinle nasıl çalışabileceğini gösterir.
Promake, proje seçkinizi doğal dille tarif ederek ilk sayfa yapısını oluşturmayı hızlandırabilir. Sonucun size ait görünmesi için proje metinleri, görseller ve çalışma yaklaşımı gerçek bilgilerle tamamlanmalıdır.
Öne çıkan noktalar
- En çok işi değil, hedeflediğiniz işi getirecek seçkiyi gösterin.
- Her projeyi bağlam, rol, süreç ve sonuçla anlatın.
- Ana sayfada uzmanlık ve hedef müşteri açık olsun.
- Görsel galerinin yanında karar sürecinizi de gösterin.
- Kişisel alan adı ve net iletişim çağrısı kullanın.
- Mobilde görsel kırpma ve proje sırasını kontrol edin.
- Gizli müşteri bilgilerini izin olmadan yayımlamayın.
Portfolyonun amacı nedir?
Portfolyo aynı anda üç işi yapar:
- Ne tür iş ürettiğinizi gösterir.
- Nasıl düşündüğünüzü açıklar.
- Doğru müşteriyi iletişime yönlendirir.
İş başvurusu için hazırlanan UX portfolyosuyla düğün fotoğrafçısının müşteri portfolyosu aynı yapıyı kullanmaz. Önce hedefi seçin: işveren, müşteri, galeri, yayıncı veya iş ortağı.
Hangi projeler seçilmeli?
Beş güçlü proje, yirmi zayıf projeden daha etkilidir. Seçimde:
- Hedeflediğiniz iş türüne yakınlık
- Kendi katkınızın açıklığı
- Görsel ve süreç malzemesinin kalitesi
- Sonuç veya öğrenim
- Birbirini tekrar etmeme
ölçütlerini kullanın.
Müşteri işi yoksa kendi kendinize verdiğiniz gerçekçi bir brief, kavramsal proje olarak açıkça etiketlenebilir. Gerçek müşteri çalışması izlenimi yaratmayın.
Portfolyo sayfa yapısı
- Ana sayfa
- Seçilmiş projeler
- Her proje için detay sayfası
- Hakkımda
- Hizmetler veya çalışma biçimi
- İletişim
- Gerekirse özgeçmiş
Ana sayfa seçkinin özetidir; bütün vaka metinlerini tek sayfada sıkıştırmayın.
Vaka çalışması nasıl yazılır?
Her proje şu iskeleti kullanabilir:
Bağlam
Müşteri veya proje neydi? Hangi problem çözülüyordu?
Rol
Sizin sorumluluğunuz neydi? Ekipte kimlerle çalıştınız?
Kısıt
Süre, bütçe, teknik veya içerik sınırı neydi?
Süreç
Hangi kararları neden verdiniz? Bütün eskizleri göstermek yerine sonuca etki eden kararları seçin.
Çıktı
Ne teslim edildi? Site, kimlik, fotoğraf serisi, kampanya veya ürün?
Sonuç
Doğrulanabilir ölçüm varsa kullanın. Yoksa “satışları artırdı” gibi iddia yazmayın; teslim edilen değeri ve öğrenimi anlatın.
Promake brief örneği
İstanbul’da çalışan bağımsız marka tasarımcısı için Türkçe ve İngilizceye hazırlanabilir portfolyo sitesi oluştur. Ana sayfada uzmanlık ve seçilmiş dört proje görünsün. Her proje için bağlam, rol, süreç ve çıktı bölümleri olsun. Hakkımda, hizmetler ve iletişim sayfaları ekle. Tasarım editoryal, sade ve görsel odaklı; ana çağrı “Projenizi anlatın” olsun.
İlk taslaktan sonra projeleri tek tek gerçek içerikle doldurun.
Ana sayfa nasıl olmalı?
İlk ekran şu bilgileri taşımalıdır:
- İsim veya stüdyo adı
- Uzmanlık
- Hedef müşteri veya sektör
- Seçilmiş işlere geçiş
- İletişim çağrısı
“Merhaba, ben yaratıcı bir tasarımcıyım” yerine “Bağımsız gıda markaları için kimlik ve ambalaj tasarımı” daha seçici ve hatırlanabilir bir konumlandırmadır.
Görsel kullanım
Her proje için tutarlı kapak oranı belirleyin. Proje detayında:
- Genel sonuç
- Yakın plan ayrıntı
- Gerçek kullanım bağlamı
- Süreçten seçilmiş görüntü
dengesi kurun.
Çok büyük dosyalar mobil performansı düşürür. Görselleri modern formatta optimize edin ve alternatif metin yazın. Otomatik oynayan ağır video yerine tıklamayla başlayan kısa video tercih edilebilir.
Gizlilik ve izin
Müşteri adı, ekran görüntüsü, performans verisi ve yayınlanmamış çalışma için izin alın. Gizlilik sözleşmesi varsa proje tamamen veya kısmen gösterilemeyebilir.
Çözüm seçenekleri:
- Müşteri adını anonimleştirmek
- Hassas sayıları aralık veya nitel sonuçla anlatmak
- Yalnızca kamuya açık çıktıyı göstermek
- Parola korumalı vaka hazırlamak
- Süreci genelleştirip gizli veriyi çıkarmak
İletişim çağrısı
Portfolyonun sonunda “İletişim” yazan belirsiz buton yerine beklenen adımı söyleyin:
- Projenizi anlatın
- Uygun tarih sorun
- Portfolyo görüşmesi planlayın
- Teklif için brief gönderin
Formda bütçe veya tarih sorusu gerçekten eleme için kullanılıyorsa eklenebilir. İlk teması gereksiz uzun hale getirmeyin.
Portfolyo SEO’su
Ana sayfanın başlığı yalnızca adınız olmamalı. Uzmanlık ve gerekiyorsa konumu ekleyin. Proje sayfalarında “Proje 01” yerine iş türünü açıklayan başlık kullanın.
Görsel ağırlıklı sayfada arama motoru ve erişilebilirlik için bağlam metni gerekir. Proje açıklaması, rol ve çıktı hem kullanıcıya hem arama sistemine anlam verir.
Yaygın hatalar
- Her işi göstermek
- Rolü açıklamamak
- Uydurma performans sonucu
- Küçük ve okunmayan görsel içi metin
- İletişim yolunu saklamak
- Mobil kırpmayı kontrol etmemek
- Eski işleri tarih ve bağlam olmadan bırakmak
- Hazır şablon metinlerini değiştirmemek
Farklı meslekler için proje anlatımı
Tasarımcı
Brief, rol, kısıt, tasarım kararı ve uygulama çıktısını gösterin. Yalnızca son mockup değil, karar mantığı da önemlidir.
Fotoğrafçı
Çekim türü, yaratıcı yaklaşım, ekip veya prodüksiyon kapsamı ve seçilmiş seriyi sunun. Aynı projeden onlarca benzer kare yerine güçlü bir kurgu yapın.
Yazılımcı
Problem, mimari sorumluluk, teknik kısıt ve üretilen sonucu açıklayın. Gizli depoyu paylaşmadan ekran, diyagram ve doğrulanabilir katkı kullanılabilir.
Yazar veya editör
Yayın, konu, rol ve örnek metin bağlantısı verin. Hayalet yazarlık veya gizli işler için anonimleştirilmiş kapsam ve izinli kısa örnek kullanılabilir.
Mimar veya iç mimar
Proje tipi, konum, metrekare, rol, ekip ve tamamlanma durumunu belirtin. Uygulanmamış görselle tamamlanmış proje fotoğrafını açıkça ayırın.
Portfolyo sitesi için içerik takvimi
Her yeni işi otomatik eklemeyin. Üç ayda bir seçkiyi gözden geçirin:
- Hâlâ almak istediğiniz iş türünü temsil ediyor mu?
- En güçlü proje ilk ekranda mı?
- Eski veya zayıf çalışma çıkarılmalı mı?
- İletişim ve müsaitlik bilgisi güncel mi?
- Kırık bağlantı veya eksik görsel var mı?
Portfolyo büyüdükçe kategori ve filtre eklemek cazip olabilir. Proje sayısı azsa sade seçki daha güçlüdür; filtreyi gerçekten gezinme sorunu oluştuğunda ekleyin.
Kişisel marka ve alan adı
Alan adı adınız, stüdyo adınız veya uzun vadeli marka adınızla uyumlu olmalıdır. İş unvanını domain içine aşırı dar biçimde koymak, uzmanlık değiştiğinde sorun yaratabilir.
E-posta adresini alan adına bağlayın. Sosyal profil bağlantıları destekleyici olabilir; ana iletişimi tek bir platform mesaj kutusuna bağımlı bırakmayın.
İş başvurusu için portfolyo
İş ilanındaki becerilerle ilgili projeleri öne alın. Her vaka için rolünüzü ve ekip katkısını netleştirin. Özgeçmişin indirilebilir sürümü bulunabilir; ancak temel deneyim web sayfasında da okunabilmelidir.
Başvuruya özel gizli portfolyo gerekiyorsa tahmin edilmesi zor bağlantı veya parola kullanılabilir. Yine de son kullanma, paylaşım izni ve hassas veri sınırlarına dikkat edin.
Portfolyo performansı
Görsel kaliteyi korurken dosya boyutunu azaltın. Kapaklar için tutarlı boyut üretin, ekran dışındaki görselleri gecikmeli yükleyin ve videoyu otomatik başlatmayın.
İlk açılışta bütün projelerin tam çözünürlüklü görsellerini indirmek yerine detay sayfasına dağıtmak mobil deneyimi iyileştirir. Hız, portfolyonun kendisi kadar profesyonel izlenimin parçasıdır.
Hakkımda sayfası nasıl yazılır?
Hakkımda metni yalnızca doğum yeri ve okul sıralaması değildir. Şu yapıyı kullanabilirsiniz:
- Ne yaptığınız
- Kimlerle çalıştığınız
- Yaklaşımınızın farkı
- İlgili deneyim
- Şu anda aradığınız proje türü
Birinci kişi anlatımı kişisel portfolyoda doğal olabilir. Kurumsal stüdyo diline özenmek için gereksiz resmiyet kullanmayın. Biyografinin kısa sürümü ana sayfada, ayrıntılı sürümü ayrı sayfada bulunabilir.
Hizmet sayfası portfolyoya nasıl bağlanır?
Her hizmetin yanında ilgili iki veya üç projeye bağlantı verin. Ziyaretçi önce bir vaka üzerinden geldiyse benzer çalışma biçimini ve iletişim adımını kolayca bulabilmelidir.
Hizmet kapsamında:
- Teslim edilenler
- Süreç
- Tipik zaman aralığı
- Müşteriden gerekenler
- Fiyat yaklaşımı
açıklanabilir. Böylece portfolyo yalnızca ilham panosu değil, satın alma kararını destekleyen site olur.
Referans ve müşteri yorumu
Yorum için müşteriden izin alın; adı, rolü ve ilişkinin bağlamını doğru aktarın. Uzun övgü yerine yapılan işi ve deneyimi anlatan kısa, özgül yorum daha inandırıcıdır.
Henüz yorum yoksa uydurmak yerine proje süreci, teslim edilen çıktı ve kamuya açık sonuç kullanın. Ekip projesinde bütün başarıyı kendinize mal etmeyin; rolünüzü net yazın.
Promake revizyon komutları
İlk taslaktan sonra şu tür tek hedefli komutlar kullanılabilir:
- “Ana sayfada yalnızca dört seçilmiş projeyi göster.”
- “Proje kartlarında sektör ve rol bilgisi ekle.”
- “Hakkımda metnini daha kısa ve birinci kişiyle yaz.”
- “Mobilde proje kapaklarını aynı oranda kırp.”
- “Her vaka sayfasının sonuna ilgili hizmet ve iletişim çağrısı ekle.”
Değişiklikleri bölüm bölüm vermek, seçkinin görsel düzenini korumayı kolaylaştırır.
Yayın öncesi portfolyo kontrolü
- Proje görselleri için izin var
- Her projede rol ve tarih açık
- Gizli bilgi kaldırılmış
- Mobil kırpmalar doğru
- Görseller optimize
- İletişim formu çalışıyor
- Alan adı ve e-posta doğru
- Özgeçmiş güncel
- Sosyal bağlantılar açılıyor
- Uydurma ölçüm veya yorum yok
Portfolyoyu farklı meslekten bir kişiye gösterin. Beş saniye içinde ne yaptığınızı ve sizinle nasıl iletişim kurulacağını anlayabiliyor mu diye sorun.
Portfolyo analitiğinde ne ölçülmeli?
Toplam ziyaretçi sayısından önce proje görüntüleme, iletişim tıklaması, özgeçmiş indirme ve nitelikli başvuru sayısına bakın. Bir proje çok görüntüleniyor fakat iletişim getirmiyorsa rol veya hizmet bağlantısı belirsiz olabilir.
Kişisel veriyi gereksiz toplamadan basit analitik kullanılabilir. Portfolyoya gelen işveren veya müşterinin hangi projeyi referans gösterdiğini görüşmede sormak da değerli nitel veri sağlar. Yeni seçki kararını yalnızca sayfa görüntülemesine göre vermeyin.
Portfolyoyu paylaşma
Sosyal profiller, e-posta imzası, özgeçmiş ve teklif belgelerinde tek kanonik alan adını kullanın. Projeye özel başvuruda ana sayfa yerine ilgili vaka bağlantısını paylaşmak karşı tarafın doğru kanıta daha hızlı ulaşmasını sağlar.
Bağlantıyı göndermeden önce gizli sayfanın parolasını, mobil açılışı ve dosya indirme izinlerini kontrol edin. Kısa mesaj içinde neyi incelemelerini istediğinizi bir cümleyle belirtin.
İlgili Promake rehberleri
Sonuç
Portfolyo sitesi, çalışma arşivi değil; gelecekte almak istediğiniz işlerin seçilmiş kanıtıdır. Promake sayfa yapısını hızlandırabilir, ancak projenin hikâyesini ve katkınızı sizin yazmanız gerekir.
Az sayıda güçlü vaka, açık uzmanlık ve doğrudan iletişim çağrısıyla başlayın. Yeni iş geldikçe seçkiyi büyütmek yerine daha iyi hale getirin.
Sık sorulan sorular
Portfolyoda kaç proje olmalı?
Sabit sayı yoktur; başlangıç için üç ila altı güçlü ve ilgili proje çoğu durumda yeterlidir.
Müşteri işim yoksa ne göstermeliyim?
Kavramsal veya kişisel proje hazırlayabilir, bunun gerçek müşteri işi olmadığını açıkça belirtebilirsiniz.
Portfolyoya fiyat eklenmeli mi?
Hizmet standartsa başlangıç fiyatı veya paket yazılabilir. Özel işlerde fiyatı etkileyen kapsam ve süreç açıklanabilir.
PDF portfolyo yeterli mi?
PDF belirli başvurularda kullanışlıdır; web sitesi güncellenebilir, aranabilir ve alan adınız üzerinden sürekli erişilebilir bir merkez sağlar.
Promake’i partner bağlantımız üzerinden inceleyebilirsiniz. Bu bağlantı üzerinden işlem yaparsanız Ortak Alan komisyon kazanabilir.
İlgili yazılar

Küçük İşletme Web Sitesi Nasıl Kurulur?
Küçük işletmeler için en az sayfayla güven veren, mobil çalışan ve müşteriyi iletişime ya da satın almaya yönelten site planı.

Yapay Zekâ Web Sitesi Oluşturucu Nasıl Seçilir?
AI site araçlarını ilk tasarımın ötesinde alan adı, entegrasyon, performans, maliyet ve taşınabilirlik ölçütleriyle karşılaştırma rehberi.

Kod Yazmadan Web Sitesi Nasıl Kurulur?
Teknik kurulum yükünü azaltarak amaç, içerik, araç seçimi, alan adı ve yayın kontrolü üzerinden web sitesi hazırlama rehberi.