30 Dakikada Portföy Sitesi Nasıl Oluşturulur (Kod Yazmadan)

30 Dakikada Ne İnşa Edeceksiniz

Bu hızlı yapımın sonunda, üç işi iyi yapan temiz, tek sayfalık bir portföy sitesine sahip olacaksınız: işinizi gösterir, kim olduğunuzu açıklar ve sizinle iletişim kurmayı kolaylaştırır.

"Yayınla"ya bastığınızda neler olacak

Basit bir sayfa:

• Üst bölüm (adınız + yaptığınız iş + net bir harekete geçirici mesaj)
• 3–6 işten oluşan bir projeler bölümü, her biri kısa bir açıklama ile
• Bir dakika içinde okunabilecek bir Hakkında bölümü
• Doğru bağlantıları içeren bir İletişim bölümü (e-posta, sosyal, rezervasyon bağlantısı veya bir form)

Bu kasıtlı olarak minimal. Tek sayfalık portföy, oluşturması daha hızlı, güncellemesi kolay ve birisi çalışmalarınızı tararken çok sayfalı sitelere göre genellikle daha iyi dönüşüm sağlar.

Kimler için uygun

Bu yaklaşım, hızlıca profesyonel bir şey gerekli olan serbest çalışanlar, öğrenciler, yaratıcılar ve iş arayanlar için uygundur—özellikle işe başvuruyorsanız, müşterilere teklif sunuyorsanız veya çalışmalarınızı sosyal platformlarda paylaşıyorsanız.

Başlamadan önce hazır bulundurmanız gerekenler

30 dakika içinde kalmak için önce şunları toplayın:

• 3–6 proje (görseller, bağlantılar veya kısa vaka çalışması notları)
• 1 vesikalık fotoğraf (veya basit bir logo/avatar)
• Kısa bir biyografi (2–4 cümle)
• Ziyaretçilerin tıklamasını istediğiniz bağlantılar (e-posta, LinkedIn, Behance, GitHub, Dribbble vb.)

30 dakikalık zaman planı

• Kurulum (5 dakika): bir oluşturucu seçin, siteyi başlatın, başlangıç tasarımını seçin
• İçerik (15 dakika): projeleri ekleyin, başlığınızı ve Hakkında kısmını yazın, iletişim bağlantılarını ekleyin
• Düzeltme (10 dakika): boşluklar, okunabilirlik, mobil kontrol ve yazım denetimi için son bir tur

Başlamadan Önce Siteyi Planlayın

30 dakikalık bir yapım, 3–5 dakikayı "tamamlanmış" görünümünü tanımlamaya ayırırsanız işe yarar. Aksi halde yazı tipleriyle uğraşmak, bölümleri yeniden düzenlemek ve ne ekleyeceğinize karar vermek zamanınızı alır.

1) Tek bir net hedef belirleyin

Portföyünüzün birincil amacını seçin:

• İşe alınmak (işe alımcılar ve yöneticiler)
• Müşteri kazanmak (hizmetinizi almaya hazır kişiler)
• Bir uzmanlığı sergilemek (ör. “fintech uygulamaları için UX” veya “yiyecek fotoğrafçılığı”)

Bu hedef, en önce neyi vurgulayacağınızı belirler: işe alım için rolünüz ve sonuçlar, müşteri için teklifiniz ve süreciniz veya uzmanlık için niş çalışmalarınız.

2) Basit bir yapı seçin

Şunlardan birine karar verin:

• Tek sayfa site: en hızlısı, çoğu yaratıcı ve serbest çalışan için en iyisi. Ziyaretçiler kaydırır, sizi anlar ve iletişime geçer.
• Çok sayfalı site: çok sayıda vaka çalışmanız, yazılarınız veya birden fazla hizmetiniz varsa faydalı.

Zamanla yarışıyorsanız, şimdi tek sayfa ile başlayın—daha sonra sayfalara ayırabilirsiniz.

3) 1–2 harekete geçirici mesaj (CTA) seçin

Bir birincil CTA ve (isteğe bağlı) bir ikincil CTA seçin. Örnekler:

• “Bana e-posta atın”
• “Görüşme ayarla”
• “Özgeçmiş indir”

Sayfadaki her şey bu aksiyonları desteklemeli.

4) Bir cümlelik konumlandırma açıklaması yazın

Bir şablona dokunmadan önce kısa bir satır taslağı hazırlayın:

Ben [kimi] [ne ile] yardımcı olurum, böylece [sonuç] elde ederler.

Örnek: “SaaS girişimlerine, kaybı azaltan ve aktivasyonu artıran onboarding akışları tasarlamada yardımcı oluyorum.”

Bu cümleyi inşa ederken görünür tutun—ne ekleyeceğinize ve neyi çıkaracağınıza karar vermenize yardımcı olur.

Bir Oluşturucu Seçin (Nelere Dikkat Etmeli)

Kullandığınız oluşturucu, bu “30 dakikalık” projenin ne kadar hızlı hissedeceğini belirler. Menülerle uğraştırmayan bir şey seçin.

Yaygın seçenekler (ve kimlere uygun oldukları)

• Web site oluşturucular (genel amaçlı): basit çok sayfalı site ve ileride büyüme isteyenler için iyi.
• Portföy odaklı araçlar: galeriler, projeler ve vaka çalışmaları için harika—tasarımcılar, fotoğrafçılar, illüstratörler gibi görsel yaratıcılar için ideal.
• Açılış sayfası araçları: güçlü bir CTA (ör. “Görüşme ayarla” veya “Bana e-posta at”) içeren tek sayfalık portföyler için mükemmel.

Daha kişiselleştirilmiş bir sonuç istiyorsanız, geleneksel bir geliştirme sürecine girmeden başka bir yol olarak Koder.ai de var: portföyünüzü sohbette tarif ettiğinizde gerçek bir React web uygulaması üreten bir platform. Kaynak kodu dışa aktarabilir, dağıtabilir/barındırabilir, özel alan adı bağlayabilir ve anlık görüntü/geri alma kullanabilirsiniz—esnek ama hızlı bir şey istiyorsanız faydalı olabilir.

Zaman kaybetmemek için arayın

Başlarken şu özelliklere öncelik verin:

• Gerçekten düzenlenebilir şablonlar: temiz düzenler, kolay bölüm yeniden sıralama ve mantıklı tipografi varsayılanları
• Görsel yönetimi: otomatik sıkıştırma, iyi görünen galeriler ve elle yeniden boyutlandırma gerektirmeyen hızlı yükleme
• Mobil düzenleme ve önizlemeler: mobil için boşluk, font boyutu ve görsel kırpma ayarları
• Özel alan adı desteği: yourname.com olarak yayınlama (uzun alt etki alanları değil)

Kaydolmadan önce sınırlamaları kontrol edin

Birçok araç ucuz görünür ama bir ödeme duvarına takılabilirsiniz. Şuna bakın:

• Sayfa sınırları (1 sayfa vs. 5+ sayfa)
• Depolama ve bant genişliği (görsel ağırlıklı portföyler için önemli)
• Formlar (iletişim formu dahil mi? e-posta bildirimleri? spam koruması?)
• Analitik (temel trafik istatistikleri veya tercih ettiğiniz izleme aracını destekleme)
• Marka kaldırma (oluşturucunun logosunu/alt bilgisini kaldırabiliyor musunuz?)

Fiyat önemliyse, /pricing sayfasında katmanları karşılaştırın ve özel alan adı ile yukarıdaki özellikleri destekleyen en düşük planı seçin. Portföyünüz genişledikçe yükseltebilirsiniz.

Size Mücadele Ettirmeyecek Bir Şablon Seçin

İyi bir şablon yardımcı bir başlangıç gibi hissettirmeli—yayınlamadan önce çözmeniz gereken bir bulmaca değil. 30 dakikada hedefliyorsanız, yanlış şablon en hızlı şekilde zaman kaybettirendir.

Portföy (veya kişisel site) şablonu ile başlayın

Çalışma sergilemeye uygun bir şablon seçin: net bir hero bölümü, proje ızgarası, kısa bir Hakkında alanı ve belirgin bir İletişim bölümü. Bir iş veya etkinlik şablonuyla başlarsanız, silmek ve yeniden düzenlemekle vakit harcarsınız.

Göze hoş olandan çok temiz olana öncelik verin

Temiz tipografi, güçlü boşluk ve beyaz alan tercih edin. Gösterilerde etkileyici görünen özel animasyonlar, alışılmadık navigasyon ve “yaratıcı” kaydırma efektleri, içeriği taramayı ve düzenlemeyi zorlaştırabilir.

Portföyünüz üründür. Şablon engel olmamalı.

Gerekli bölümleri desteklediğinden emin olun

Karar vermeden önce şu temel öğeleri sorunsuzca destekleyip desteklemediğini doğrulayın:

• Projeler bölümü (görsel, başlık ve kısa açıklama ile ızgara veya liste)
• İletişim bölümü (buton, e-posta bağlantısı veya basit form)
• Duyarlı düzen (telefonlarda düzgün yeniden düzenleme)

Şablon bunları doğal olarak içermiyorsa, zorlayarak eklemek sizi rahatsız eder.

Aşık olmadan önce mobilde önizleyin

Mobil önizlemeyi açıp üç şeye bakın:

• Yazı yakınlaştırmadan okunuyor mu?
• Proje küçük resimleri garip şekilde kırpılıyor mu?
• Menü basitçe davranıyor mu (karmaşık navigasyon yok)?

Mobil görünüm şu an karışıksa, daha sonra kendiliğinden düzelmez. Daha basit bir şablon seçin ve ilerlemeye devam edin—portföy yayınlandıktan sonra görünümü yükseltebilirsiniz.

Markanızı 5 Dakikada Belirleyin

Portföyünüzün profesyonel görünmesi için bir marka rehberine gerek yok. Birkaç tutarlı seçim yeterlidir.

1) Logo veya sözcük işareti (opsiyonel) + bir vurgu rengi

Zaten bir logonuz varsa, başlık ve altbilgide kullanın. Yoksa temiz bir sözcük işi (adınız iyi bir fontla) gayet yeterlidir—özellikle serbest çalışanlar için.

Butonlar, bağlantılar ve küçük vurgular için tek bir vurgu rengi seçin (büyük metin blokları için değil). Seçimi basitçe: en iyi projenizdeki bir renkten çekin.

2) 1–2 font seçin (okunabilirlik kazanır)

Başlıklar için bir font, gövde yazısı için bir font ile yetinin. Birçok şablon fazla yazı stili karıştırdığı için dağınık görünür.

Okunabilirliği ön planda tutun:

• Gövde metni bakışta rahat olmalı (çok ince veya aşırı stilize fontlardan kaçının)
• Net bir boyut hiyerarşisi kullanın: büyük başlıklar, normal gövde, daha küçük altyazılar

Emin değilseniz, şablon varsayılanlarıyla devam edip sadece vurgu rengini değiştirin.

3) Boşluk, butonlar ve görsel köşelerini sabitleyin

Tutarlılık, no-code portföy sitesini özel gösterir.

Hızlı ayarlar:

• Boşluk: bölümler arasında aynı dikey boşluğu kullanın (örn. her yerde “Büyük” padding)
• Butonlar: tek bir stil seçin (dolu veya kenarlı) ve sitede tutarlı kullanın
• Görsel köşeleri: keskin köşe veya tek bir yuvarlatma kullanın, tüm küçük resimlerde aynı olsun

Bu ayrıntılar gösterişli efektlerden daha önemlidir ve şablonun daha cilalı görünmesini sağlar.

4) Erişilebilirlik: kontrast ve okunabilirliği kontrol edin

10 saniyelik bir tarama yapın: her arka plan üzerinde metin rahatça okunuyor mu?

• Beyaz üzerinde açık gri metinden kaçının
• Metnin bir fotoğrafın üzerinde olması gerekiyorsa, hafif bir kaplama ekleyin veya metni düz bir blok içine yerleştirin

Mobilde kontrast sorunları genellikle ilk ortaya çıkar; bu yüzden mobil önizlemeyi kontrol edin.

Sayfa Yapısını Hızlı ve Basit Oluşturun

Karmaşık bir site haritasına gerek yok. Tek net bir sayfa çoğu ziyaretçinin bir dakika içinde aradığı bilgiyi verir.

İşe yarayan minimum bölümler

Basitten karmaşığa doğru akış kullanın. Bu bölümler çoğu ziyaretçinin bir dakika içinde aradığını karşılar:

• Hero (sayfanın üstü)
• İşler (projeleriniz)
• Hakkında (kısa, insancıl, spesifik)
• Referanslar (opsiyonel)
• İletişim (kolaylaştırın)

Şablonda ekstra bloklar (blog, bülten, fiyatlandırma, uzun özellik ızgaraları) varsa, şimdilik silin. Daha sonra ekleyebilirsiniz.

İşini yapan bir Hero oluşturun

Hero, “neden umursamalıyım?” bölümüdür. Kısa kontrol listesi:

• Kim olduğunuz (isim + rol)
• Ne yaptığınız (bir cümle)
• Kanıt (müşteri isimleri, deneyim yılları, ödül, niş)
• CTA (örn. “İşlerime bak” veya “İletişime geç”)

Kısa cümleler, net başlıklar ve nefes alacak boşluk kullanın.

Navigasyon: sadece gerekliyse ekleyin

Sayfa uzun ise navigasyon çubuğu ekleyin. Sayfa birkaç kaydırmada sığıyorsa, navigasyona gerek yok—düzen insanları doğal olarak yönlendirir.

Yapıyı tutarlı tutun

Her bölümde aynı deseni kullanın: bir başlık, bir kısa giriş satırı, sonra içerik. Tutarlılık, hızlı oluşturulmuş olsa bile portföyünüzü kasıtlı gösterir.

Yeteneklerinizi Net Gösteren Projeler Ekleyin

Projeler portföyün ana noktasıdır. Her şeyi serpiştirmek yerine 3–6 güçlü çalışma seçin.

Doğru 3–6 projeyi seçin

Sonraki yapmak istediğiniz işe uygun işleri seçin. Tasarımcıysanız tasarım gösterin; fotoğrafçıysanız en iyi serinizi öne koyun; genelciyseniz tutarlı kalan bir karışım seçin.

Kısa bir filtre: kısa bir görüşmede kendinizden emin şekilde açıklayamayacağınız herhangi bir şeyi çıkarın. “Ben aslında çok fazla katkı yapmadım” türü açıklamalar projeyi zayıflatır.

Basit, tekrarlanabilir proje formatı kullanın

Her proje için aynı temel detayları ekleyin ki insanlar hızlıca tarayabilsin:

• Problem: ne çözülmeliydi?
• Sizin rolünüz: nelerden sorumluydunuz?
• Ne teslim ettiniz: somut çıktı(lar)
• Sonuç: sonuçlar, öğrenimler veya etki (paylaşabiliyorsanız)

Genelde 2–5 kısa cümle yeterlidir.

En iyi görseli öne çıkarın

Her proje için 3–6 görsel veya hareket işi ise kısa bir video kullanın. En güçlü görseli ilk sıraya koyun—o tıklatır.

Mümkünse bir “süreç” görseli ekleyin (taslak, eskiz, before/after, kontakt tablosu) ve düşünme şeklinizi gösterin—ama sayfayı bir vaka çalışması romanına döndürmeyin.

Her projeyi taraması kolay yapın

Açık başlıklar ve etiketler kullanın (örn. “Marka kimliği”, “Web yeniden tasarımı”, “Editöryel çekim”). Projede bir bağlantı varsa, açıkça belirtin: “Canlı siteyi görüntüle” veya “Son kurguyu izle.”

İnsanların Okuyacağı Bir Hakkında Bölümü Yazın

Hakkında bölümünüzün tek işi: birinin sizi hızlıca iletişime geçip geçmemeye karar vermesine yardımcı olmak.

Basit bir fotoğraf (veya avatar) ile başlayın

Dostça bir vesikalık veya temiz bir illüstrasyon kullanın. Arka plan sade ve aydınlatma doğal olsun. Kalabalık sahneler, parti fotoğrafları ve ağır filtreler insanları sizi okumak için zorlar.

Taraması kolay 3 parçalı biyografi kullanın

Toplam 4–6 satır hedefleyin:

• Şu anki odak: şu anda ne yaptığınız ve kim için ("SaaS ekipleri için açılış sayfaları tasarlıyorum")
• Geçmiş öne çıkanlar: bir veya iki güvenilir nokta (müşteri tipi, bir sonuç, tanınmış proje)
• Sonraki istekleriniz: hangi tür işler aradığınız ("Sözleşmeli ürün tasarımı, haftada 2–3 gün için açık")

Örnek:

Ben, erken aşama SaaS'ler için dönüşüm odaklı açılış sayfaları tasarlayan serbest UI tasarımcısıyım. Daha önce bir fintech girişiminin yeni onboarding akışını yayımlamasına yardımcı oldum ve aktivasyonu %18 artırdım. Bu ay 1–2 yeni müşteri projesi arıyorum.

Güvenilirlik ekleyin (sadece gerçekse)

Gerçekten kullandığınız araçları (Figma, Webflow, Notion), deneyimli olduğunuz sektörleri (sağlık, fintech, eğitim) ve ödülleri/sertifikaları yalnızca doğru ve ilgiliyse belirtin.

Bir sonraki adımı zahmetsiz hale getirin

Alanınız uygunsa, kısa bir satırda açık etiketli bir PDF ekleyin:

“Özgeçmişi indir (PDF)”

Bunu iletişim butonunun yakınında tutun ki biri hikayenizi hızlıca okur, güven duyar ve tek kaydırmada harekete geçebilsin.

Sizinle İletişime Geçilmesini Kolaylaştırın

Güzel bir portföy, biriyle iletişim kurulamazsa işe yaramaz. İletişim bölümünüz belirgin, kısa ve sürtünmesiz olmalı—araştırma yok, tahmin yok.

2–3 net iletişim yolu sunun

İki seçenek hedefleyin, üçten fazlasına çıkmayın:

• İletişim formu (çoğu ziyaretçi için en iyisi)
• Doğrudan e-posta bağlantısı (kendi gelen kutusunu tercih edenler için)
• Tek bir sosyal bağlantı (gerçekten kontrol ettiğiniz bir tane)

Daha fazlası ziyaretçiyi tereddütte bırakır. Eğer bir navigasyon varsa, bunu “İletişim” olarak etiketleyin.

Beklentileri ayarlayın (güven oluşturun)

Tek bir cümle, gereksiz yazışmayı azaltır ve daha iyi talepler çeker. Örnek:

"Serbest marka projeleri için gelecek ay müsaitim. Ortalama yanıt süresi: 1–2 iş günü içinde."

Bunu yalnızca gerçekse söyleyin. Eğer iş almıyorsanız, neye açık olduğunuzu belirtin (iş birlikleri, tam zamanlı roller, konuşma davetleri vb.).

Takvim rezervasyonu: sadece sürdürebilecekseniz ekleyin

Hizmet tabanlı işler için rezervasyon bağlantıları iyi olabilir, ama sadece güncel tutabilecek ve insanların bir randevu almasını sorun etmeyecek durumdaysanız ekleyin. Programınız sık değişiyorsa, e-posta + form ile devam edin.

Konum veya zaman dilimini dahil edin

Müşterilerle çalışıyorsanız kısa bir not ekleyin: “Berlin merkezli (CET)” veya “Küresel çalışıyorum (UTC-5).” Bu, toplantı zamanları önermeyi kolaylaştırır ve uzaktan işler için profesyonellik sinyali verir.

İletişim bağlantısını footer'da da tekrarlayın. İnsanlar kaydırır, karar verir ve oradan tıklar.

Mobil, Hız ve Son Kalite Kontrolleri

Güzel bir portföyünüz olabilir ama telefonlarda hantal veya yavaşsa insanlar kaybeder. Birkaç dakika harcayın, site cilalı hissedecektir—üstelik ekstra sayfa eklemeden.

Önce mobil kontrol edin (sonra diğerleri)

Çoğu ziyaretçi portföyünüzü telefonda görecek. Oluşturucunun mobil görünümünü açın ve üstten alta hızlıca kaydırın.

Farklı ekran boyutlarında önizleyin (mobil, tablet, masaüstü) ve şunlara bakın:

• Çok küçük veya çok geniş olan metinler
• Garip sırayla üst üste binen projeler
• Kenarlara yapışmış gibi görünen öğeler veya garip boşluklar
• Dokunması zor butonlar

Çoğu düzeltme basittir: padding azaltmak, tutarlı boşluk ayarlamak veya mobilde çok sütunlu blokları tek sütuna geçirmek.

Hız: ağır öğeleri çıkarın

Hızlı siteler daha profesyonel hissedilir. En büyük hız katilleri büyük görseller ve arka plan medyalarıdır.

Büyük görselleri sıkıştırın (özellikle proje ekran görüntüleri). Genel kural: portföy görselleri nadiren ~2000px'den geniş olmalı. Oluşturucunuzda “optimize” seçeneği varsa açın.

Büyük arka plan videolarından kaçının. Hareket istiyorsanız, hafif bir döngü veya küçük bir gömülü klip genelde yeterlidir—çalışmanız odak olmalı, başlık değil.

Butonlar ve bağlantılar: “güven” testi

Her buton ve bağlantıya tıklayın—sosyal simgeler, proje kartları ve e-posta/iletişim butonu dahil.

Kontrol edin:

• Bağlantılar doğru yere gidiyor mu (harici siteler için yeni sekmede açılmalı)
• Etiketler net mi (“Vaka çalışmasını görüntüle” "Tıkla" yerine daha açıklayıcı)
• Mobilde dokunma hedefleri yeterince büyük mü

2 dakikalık cilalama kontrol listesi

Yayınlamadan önce hızlı bir tur:

• Yazım ve noktalama (özellikle proje başlıkları ve başlıklarda)
• Tutarlı başlık stilleri (bölümler arasında aynı başlık kapitalizasyonu)
• Boş bloklar yok (placeholder veya “Lorem ipsum”)
• Hizalamalar temiz (kartlar hizalanmış, padding kasıtlı hissettiriyor)

Portföyünüz mobil uyumlu, hızlı yüklenen ve küçük hatalardan arınmışsa, 30 dakikada yapılmış olsa bile daha güvenilir görünür.

Yayınlayın ve Özel Alan Adı Bağlayın

Özel alan adı portföyünüzü tamamlanmış hissettirir—özgeçmişlerde, e-posta imzalarında ve sosyal profillerde paylaşması daha kolay olur. Yayınlama genellikle tek bir butondur. Alan adı bağlantısı birkaç dakika daha alır ama yine de basittir.

Pişman olmayacağınız bir alan adı seçin

Basit ve profesyonel tutun:

• Basit bir alan adı kullanın: yourname.com veya müsaitse yourname.design

Tam adınız alınmışsa küçük okunabilir varyasyonlar deneyin (orta baş harfi, “studio” veya mesleğiniz). Tire ve uzun ifadelerden kaçının—insanlar yanlış yazabilir.

Oluşturucunuzda bağlayın

Çoğu oluşturucu adım adım bir kontrol listesiyle rehberlik eder.

Alan adını oluşturucu ayarlarına bağlayın ve DNS talimatlarını dikkatle izleyin.

Genelde bir veya iki DNS kaydını (çoğunlukla bir A kaydı ve/veya CNAME) domain kayıt firmanıza kopyalarsınız. Yazım, noktalama ve kaydın kök alan adına (yourname.com) mı yoksa “www” alt alan adına mı işaret ettiği gibi ayrıntıları iki kez kontrol edin.

Güvenli ve doğru göründüğünden emin olun

• Platform destekliyorsa SSL/HTTPS etkinleştirin (çoğu otomatik yapar)
• Tarayıcı sekmeleri için bir favicon ve net bir site başlığı ekleyin

DNS değişiklikleri zaman alabilir. Bazı domainler dakikalar içinde bağlanırken bazıları birkaç saat sürebilir. Bağlandıktan sonra hem yourname.com hem de www.yourname.com (her ikisini kullanıyorsanız) açıp güvenlik uyarısı olmadan yüklendiğini doğrulayın.

Son olarak, tercih edilen sürümü (genellikle non-www veya www) birincil alan adı olarak ayarlayın ki her zaman tek temiz bir URL paylaşasınız.

Dakikalar İçinde Yapılabilecek Temel SEO Ayarları

SEO teknik gelebilir ama no-code portföy için temeller çoğunlukla basit alanlar ve net ifadeler.

Sayfa başlığını ve meta açıklamayı ayarlayın

Oluşturucunuzun SEO ayarlarında Sayfa Başlığı ve Meta Açıklama alanlarını bulun.

Sayfa başlığını açık ve okunaklı yapın. Güçlü bir format:

Adınız — Rol | Portföy

Örnek: Jordan Lee — Ürün Tasarımcısı | Portföy

Meta açıklama için bir kısa cümle yazın: ne yaptığınızı ve ziyaretçilerin neler bulacağını belirtin.

Örnek: “Mobil uygulamalar ve tasarım sistemleri konusunda uzman ürün tasarımcısı. Seçilmiş projeler, süreç ve iletişim bilgileri.”

Net bir H1 ve temiz bölüm başlıkları kullanın

Ana sayfanızda bir H1 olmalı—genellikle adınız ve rolünüz. Bu ziyaretçilere ne yaptığınızı anında gösterir.

İyi H1 örnekleri:

• “Jordan Lee — UX/UI Tasarımcı”
• “Sam Patel — Marka Fotoğrafçısı”

Sonra “Seçilmiş İşler”, “Hakkında” ve “İletişim” gibi açıklayıcı başlıklar kullanın. “Hoş geldiniz” veya “Yaptıklarım” gibi belirsiz etiketlerden kaçının.

Önemli görsellere alt metin ekleyin

Portföy siteleri görsel ağırlıklıdır; bu yüzden küçük resimler, hero görseli ve sonucu anlatan görsellere alt metin ekleyin.

Alt metin, tüm pikselleri açıklamak yerine ihtiyaç duyulan bilgiyi vermeli. Örnekler:

• “Ödeme ekranı yeniden tasarımının önce-sonra görünümü”
• “Soğuk demleme markası için logo ve ambalaj”

Bu erişilebilirliği artırır ve arama araçlarına daha fazla bağlam verir.

Site bağlantınızı paylaşın

Bazı oluşturucular arama araçlarına bağlanma veya otomatik sitemap oluşturma imkanı sunar. Varsa kullanın. Yoksa, yayınlamada vakit kaybetmeyin: linki LinkedIn biyografinizde, Instagram profilinizde ve aktif olduğunuz dizinlerde paylaşın.

Yayın Kontrol Listesi ve Nasıl Tanıtılır

Paylaşmadan önce her şeyin çalıştığından ve profesyonel göründüğünden emin olun. Temiz çalışan bir site, bozuk linkleri olan gösterişli bir siteden her zaman iyidir.

5 dakikalık yayın kontrol listesi

• Her bağlantıya tıklayın (proje butonları, sosyal simgeler, e-posta bağlantısı). 404 yok mu?
• İletişim yöntemini test edin: formu gönderin veya e-posta bağlantısına tıklayın ve gerçekten ulaşıp ulaşmadığını kontrol edin.
• Yer tutucu metinleri tarayın: lorem ipsum, “Project Name”, varsayılan referanslar vb.
• Başlıkları ve proje adlarını düzeltin: yazım hataları, tutarsız büyük/küçük harf kullanımı, garip satır sonları
• Mobilde kontrol edin: telefonunuzda menü, butonlar ve görseller kolayca dokunuluyor mu?
• Ana sayfa hikayenizi doğrulayın: bir ziyaretçi 10 saniyede ne yaptığınızı ve bir sonraki tıklamanın ne olduğunu anlamalı.

Rahatsız etmeyen basit tanıtım yolları

• LinkedIn'de paylaşın ve portföy bağlantısını profilinize ekleyin (Featured bölümü + iletişim bilgileri).
• E-posta imzanıza siteyi ekleyin ve sosyal biyolarınıza koyun.
• Kısa bir “öne çıkan proje” gönderisi hazırlayıp problem, rol ve sonucu özetleyin; tam vaka çalışmasına link verin.

Ne işe yaradığını takip edin

Temel analitikle görüntülemeleri, proje tıklamalarını ve iletişim gönderimlerini ölçün. Bir hafta sonra en çok tıklama alan projeyi vurgulayın ve insanların görmediği proje başlıklarını yeniden yazın.