selupucin
Tasarım

Freelance İçin Dönüşüm Odaklı Portfolyo Nasıl Olmalı?

Freelance portfolyo bir galeri değil, riski düşüren bir satış aracıdır. Vaka anlatımı, dürüst sonuçlar, güven ve iletişim üzerine pratik rehber.

Deniz Selupuçin8 dk okuma

Portfolyo bir galeri değil, satış aracıdır

Freelance portfolyoların çoğu sergi gibi kurulur: parlak ekran görüntüleri, iki cümlelik açıklama, hiç bağlam. Oysa seni işe alacak kişi "ne kadar yetenekli?" sorusunu sormuyor. Sorduğu soru şu: bu kişi benim problemimi çözer mi, ve süreç boyunca başım ağrır mı?

Bu yazıda freelance'a özgü olan kısmı konuşuyorum: vaka anlatımı, iş seçimi, dürüstlük, güven ve iletişim. İlk ekran kurgusu, görsel hiyerarşi, tek birincil eylem ve form sürtünmesi gibi her sayfa için geçerli genel ilkeleri dönüşüm odaklı arayüz tasarımı yazısında topladım; burada onları tekrar etmiyorum, üstüne koyuyorum.

Portfolyonun asıl işi: riski düşürmek

Bir işi bir yabancıya vermek risklidir. Karşı taraf üç ayrı riski aynı anda tartıyor:

  1. Yeterlilik riski: Bu işi yapabilir mi?
  2. Süreç riski: Çalışması nasıl olacak, ben ne zaman ne yapacağım?
  3. Süreklilik riski: İş bittikten sonra bu siteyle tek başıma ne yapacağım?

Portfolyonun her bölümünü bu üç riskten birini azaltmak için kur. Vaka çalışmaları yeterlilik riskini, süreç anlatımı süreç riskini, teslim ve yönetim anlatımı süreklilik riskini düşürür. Hiçbir riski azaltmayan bölüm — dekoratif "yeteneklerim" çubukları, bağlamsız ödül rozetleri — sayfada yer kaplamaktan başka bir iş yapmıyordur.

Vaka çalışmasının anatomisi

Portfolyonun en güçlü parçası vaka çalışmalarıdır, ama yalnızca doğru anlatılırsa. Her vakayı üç bölümlü bir hikâye olarak kuruyorum.

Problem

Müşterinin başlangıçtaki durumu ve gerçek acısı. Soyut değil somut: "eski site mobilde okunmuyordu ve teklif talepleri telefonla geliyordu" gibi. Ziyaretçi kendi durumunu burada tanırsa, geri kalanı zaten okuyacaktır. Dürüst bir problem tanımı, en iyi ön eleme aracıdır.

Yaklaşım

Ne yaptığın değil, neden öyle yaptığın. Hangi seçenekleri değerlendirdin, neyi bilerek yapmadın, hangi kısıt kararı şekillendirdi? Bir freelancer'ın satabileceği en değerli şey el becerisi değil, karar kalitesidir. Kararı görünür kılmazsan ekran görüntüsünden başka bir şey satmıyorsun demektir.

Sonuç

İşin sonunda ne değişti? Ölçtüysen ölçümü, ölçmediysen niteliksel ama somut çıktıyı yaz. Bir de rolünü net çerçevele: tasarım mı, kod mu, ikisi mi? Yarısını başkasının yaptığı bir işi bütünmüş gibi göstermek, ilk teknik konuşmada zaten ortaya çıkar. Ben tasarım ve kodu tek elde topladığım için bunu ayrıca anlatıyorum; nedenini tasarımdan koda uçtan uca çalışmak yazısında yazdım.

Hangi işleri göstermeli, hangilerini göstermemeli

Portfolyo bir arşiv değil, bir seçkidir. Seçkinin kuralı basit: almak istediğin işe benzeyen işleri göster. Ne gösterirsen onun benzeri gelir.

İyi anlatılmış az sayıda vaka, yarım anlatılmış çok sayıda görselden her zaman daha çok iş getirir. Dışarıda bırakmam gerekenler:

  • Bir daha almak istemediğin iş tipi. Onu gösterdiğin sürece o iş gelmeye devam eder.
  • Katkının çok küçük olduğu işler. Konuşma derinleşince pozisyonun zayıflar.
  • Yayından kalkmış veya bakımsız kalmış siteler. Kaldırmak istemiyorsan "arşiv" olduğunu açıkça yaz.
  • İzin verilmemiş işler. Müşteri onayı olmayan ekran ve veri paylaşılmaz.
  • Yalnızca spekülatif tasarımlar. Gerçek kısıtla üretilmemiş iş, gerçek işin yerini tutmaz.

Sonuçları dürüstçe anlatmak

Vaka çalışmalarında en çok yapılan hata, süslü rakamlar uydurmaktır. Bu kısa vadede etkili görünür, uzun vadede pahalıya patlar: rakamı savunamadığın ilk toplantıda güvenin tamamı gider.

Benim kuralım şu: ölçmediğim şeyi yazmam. Ölçtüğümde de yöntemi söylerim — hangi araçla, hangi zaman aralığında, neyle karşılaştırarak. Ölçüm yoksa nitel ama doğrulanabilir sonuçlar zaten yeterince güçlüdür:

  • "İçerik güncellemesi artık geliştirici olmadan, yönetim panelinden yapılıyor."
  • "Teklif talepleri telefondan forma kaydı; talepler tek yerde toplanıyor."
  • "Site, ekran okuyucu ve yalnızca klavye ile baştan sona kullanılabiliyor."

Bir adım daha ileri gideceksen, işin eksik kalan tarafını da yaz. "Şu modülü ikinci faza bıraktık" cümlesi, sayfadaki en güven veren cümle olabilir. Kusursuz anlatı inandırıcı değildir.

Hakkımda sayfasının rolü

Freelance işte müşteri bir ajansı değil, bir kişiyi satın alır. Bu yüzden hakkımda sayfası, ana sayfadan sonra en çok okunan sayfa olmaya adaydır ve dekoratif bir özgeçmiş olarak yazılırsa boşa gider.

Orada olması gerekenler: gerçek ad, gerçek fotoğraf, nasıl çalıştığın, hangi işleri aldığın ve hangilerini almadığın. "Şu işi yapmıyorum" demek, her işi yapabildiğini iddia etmekten çok daha güçlü bir uzmanlık sinyalidir. Bir de çalışma ritmini yaz: ne sıklıkla ilerleme paylaşıyorsun, geri bildirimi nasıl topluyorsun. Süreç riskini en ucuz düşüren şey budur; ben ayrıntısını sürecim sayfasında topladım.

Güven unsurları: freelance'a özgü olanlar

Genel güven öğelerinin ötesinde, tek kişi olmanın kendine has soruları vardır ve bunlar sorulmadan cevaplanmalıdır.

  • Gerçek referanslar. İsim, rol ve firma ile. Anonim övgü, hiç övgü olmamasından zayıftır. Ayrı bir referanslar sayfası bu sinyali indekslenebilir hâle de getirir.
  • Devredilebilirlik. Kod nerede, alan adı ve barındırma kimin hesabında, yönetim paneline kim erişiyor? "Bir gün yollarımız ayrılırsa ne olur?" sorusunun yazılı cevabı, en güçlü güven unsurudur.
  • Kapsam netliği. Neyin dâhil olduğu kadar neyin olmadığı da yazılı olsun.
  • Yanıt beklentisi. Ne kadar sürede döneceğini söylemek, belirsizliği anında bitirir.
  • Veri şeffaflığı. Formun yanında verinin ne için işlendiğine dair kısa bir not; ayrıntısını KVKK uyumlu web sitesi kontrol listesi yazısında topladım.

İletişim sürtünmesini azaltmak

Form kurgusunun genel kuralları öbür yazıda. Freelance tarafında asıl gerilim şurada: kısa form daha çok talep getirir, uzun form daha nitelikli talep getirir.

Çözümüm şu: formu kısa tutuyorum, niteliği ilk yanıtta topluyorum. Ziyaretçiden yalnızca kim olduğunu, ne yapmak istediğini ve ne zaman başlamayı düşündüğünü istiyorum. Geri kalanı ilk cevabımda soruyorum; çünkü orada artık karşımda ilgisini kanıtlamış bir insan var.

İki küçük detay dönüşümü belirgin biçimde değiştirir. Birincisi, "ne yazacağımı bilmiyorum" engelini kaldırmak: mesaj alanının altına iki satırlık bir ipucu koymak yeterli. İkincisi, gönderim sonrası net bir teşekkür ve sonraki adımın açıkça yazılması. Bir de teknik ama doğrudan ticari bir madde: form, arka plandaki bir servis o an cevap vermese bile mesajı kaybetmemeli. Kaybedilen her talep, kazanılmış trafiğin çöpe gitmesidir.

Teknik temel: görünmez ama belirleyici

Yavaş açılan bir portfolyo, daha okunmadan müşteri kaybeder. Hız, erişilebilirlik ve teknik SEO burada üç kat çalışır: ziyaretçiyi tutar, arama görünürlüğünü besler ve — web işi satıyorsan — yeteneğinin en doğrudan kanıtıdır. Kendi siten senin en görünür vakan; yavaşsa geri kalan her iddia zayıflar.

Uygulama tarafı için kurumsal sitelerde teknik SEO kontrol listesi yazısına ve hız metriklerinin ne ölçtüğünü anlatan Core Web Vitals maddesine bakabilirsin.

Çok sayfalı yapı ve içerik stratejisi

Tek sayfalık portfolyonun tek bir giriş kapısı vardır. Freelance için organik trafik en sürdürülebilir kanal olduğuna göre, kapı sayısını artırmak doğrudan iş sayısını artırır.

Kurduğum yapı şöyle: her hizmet için ayrı ve derin bir sayfa, her iş için ayrı bir vaka sayfası, müşterinin gerçekten aradığı soruları cevaplayan blog yazıları ve kısa tanımlardan oluşan bir sözlük. Blog ve sözlük düşük rekabetli aramaları toplar; hizmet sayfaları ise ticari niyeti karşılar. Kritik nokta ikisini birbirine bağlamaktır: her bilgilendirici sayfadan en az bir ticari sayfaya köprü kurulmalı, yoksa trafik gelir ama iş gelmez.

Bu sitenin kendisi de tam olarak bu mantıkla kurulu; projeler bölümünde her işin kendi sayfası var, çünkü bir vaka çalışması hem satış aracı hem de bir arama giriş kapısıdır.

Ne ölçmeli?

Huninin genel olayları öbür yazıda. Freelance tarafında bakmaya değer olanlar şunlar:

  • Talep sayısı değil, uygun talep sayısı. Yanlış talep, iyi bir metrik değil bir maliyettir.
  • Talebin geldiği sayfa. Hangi vaka veya hangi yazı gerçekten iş getiriyor? Sonraki içeriği bu belirlemeli.
  • İlk yanıt süresi. Kontrolündeki en güçlü dönüşüm değişkeni büyük ihtimalle budur.
  • Görüşmeye dönüşen talep oranı. Portfolyonun ön eleme kalitesini gösterir.
  • Reddedilen taleplerin sebebi. Aynı sebep tekrar ediyorsa, portfolyo yanlış mesaj veriyordur.

Yaygın hatalar

  • "Her şeyi yapabilirim" mesajı. Herkese hitap eden portfolyo kimseye hitap etmez.
  • Bağlamsız görsel yığını. Karar anlatılmayan ekran görüntüsü, dekordan ibarettir.
  • CTA'sız vaka sayfası. İkna olan ziyaretçi ne yapacağını bilemeden çıkar.
  • Gizlenmiş iletişim bilgisi. Ulaşılmak istemiyor gibi görünmek, en pahalı tasarım hatasıdır.
  • Ağır giriş animasyonu. Etkileyici olmaya çalışan açılış, çoğu zaman yalnızca beklemeye zorlar.
  • "Yakında" bölümleri. Boş vaat, sayfanın tamamının bakımsız olduğunu ima eder.

Özet

  • Portfolyonun işi vitrin olmak değil, yeterlilik-süreç-süreklilik risklerini düşürmek.
  • Her vaka problem, yaklaşım ve sonuç olarak kurulsun; rolün net yazılsın.
  • Almak istediğin işe benzeyen işleri göster; seçki arşivden güçlüdür.
  • Rakam uydurma; ölçtüğünü yöntemiyle, ölçmediğini niteliksel ve somut anlat.
  • Hakkımda sayfası ve devredilebilirlik anlatımı, freelance'a özgü en güçlü güven unsurları.
  • Formu kısalt, niteliği ilk yanıtta topla; hiçbir talebi kaybetme.
  • Çok sayfalı yapı kur, her bilgilendirici sayfadan ticari sayfaya köprü at.

Portfolyo, yeteneği göstermekten çok güven inşa eder. Ziyaretçi "bu kişiyle çalışmak güvenli" hissine ulaştığı anda portfolyo işini yapmış demektir. Kendi sayfalarını bu gözle birlikte geçirmek istersen kurumsal website tasarımı yaklaşımıma göz atabilir ya da bir proje konuşmak için yazabilirsin.

Devamı

İlgili yazılar

Tasarım
7 dk okuma

Dönüşüm Odaklı Arayüz Tasarımı

Ziyaretçiyi müşteriye çeviren arayüz kararları: net değer önermesi, tek birincil eylem, sürtünmesiz form, güven unsurları, hız ve doğru ölçüm.

Tasarım
8 dk okuma

Web Erişilebilirliğinin Temelleri (WCAG 2.2)

WCAG 2.2 AA'yı pratiğe çeviren temeller: anlamlı HTML, klavye erişimi, kontrast, formlar, ARIA sınırları, hareket duyarlılığı ve gerçek test.

Sırada ne var?

Bir fikriniz mi var? Hayata geçirelim.

merhaba@selupucin.com

Genelde 24 saat içinde dönüş yapıyorum.