Kodlama yapmadan profesyonel bir portföy sitesi oluşturmayı öğrenin—no-code oluşturucudan şablonlara, içerik, SEO ve sitenizi yayınlamaya kadar adım adım rehber.

yourname.com) için yaklaşık $10–$20/yıl bekleyin. Bazı oluşturucular alan adı ve barındırmayı paketler, bu da kurulum sürecini basitleştirir.\n\nAmaç mükemmellik değil—zamanla iyileştirebileceğiniz temiz, net bir siteyi yayına almak.\n\n## Başlamadan Önce Hedefinizi ve Kitlenizi Belirleyin\n\nBir portföy oluşturucuya veya portföy şablonlarına dokunmadan önce iki şeyi netleştirin: bu sitenin sizin için ne yapmasını istediğiniz ve ilk 30 saniyede kimleri ikna etmeniz gerektiği.\n\nHer karar (düzen, projeler, metin, butonlar) basit bir filtreden geçerse bir no-code portföy sitesi kurmak daha kolay olur: “Bu, ideal ziyaretçimin bir sonraki adımı atmasına yardımcı oluyor mu?”\n\n### Birincil bir hedef seçin\n\nŞu an en çok önemsediğiniz sonucu seçin:\n\n- İşe alınmak (tam zamanlı veya sözleşmeli roller)\n- Müşteri bulmak (hizmet satmak)\n- Projeleri sergilemek (güven oluşturmak, iş birlikleri çekmek)\n\nİkincil hedefler sorun değil, ama ana sayfanızın ilgisiz seçenekler menüsü gibi hissetmemesi için bir hedefe öncelik verin.\n\n### Kitlenizi tanımlayın (ve onların önce ne görmesi gerektiğini belirleyin)\n\nKitleniz işe alım sorumlusu, potansiyel müşteri veya iş birliği arayan biri olabilir. Herkes farklı kanıt arar.\n\nSorun:Birini seçtikten sonra kararlı olun—yapım sırasında araç değiştirmek en hızlı şekilde işi durdurur.\n\n## Hızlıca Özelleştirebileceğiniz Bir Şablon Seçin\n\nBir şablon, günün ilk gününden itibaren niyetli görünen bir portföy için kısayoldur. Amaç “mükemmel tasarımı” bulmak değil. Sektörünüzde insanların işlerinizi nasıl gezmesini beklediklerini zaten karşılayan bir düzenle başlayın—sonra bunu kendinize göre düzenleyin.\n\n### Alanınıza uygun şablonlarla başlayın\n\nÇoğu no‑code oluşturucu şablonları kullanım amacına göre düzenler. Bu filtre zaman kazandırır çünkü bölümler ve sayfa türleri ihtiyacınıza göre önceden hazırlanmıştır.\n\n- büyük görseller, basit gezinme, proje odaklı ana sayfalar\n- net hizmetler, referanslar, iletişim odaklı düzenler\n- vaka çalışmaları, rol netliği, GitHub/LinkedIn bağlantıları, sade yapı\n- projeler + beceriler + güçlü bir Hakkında bölümü, yıllarca müşteri çalışması varsaymadan\n\n### Seçmeden önce kontrol edilecekler\n\nŞablon önizlemesini ziyaretçi gözüyle değerlendirin.\n \n\n- başlıklar gövde metninden net şekilde ayrılmalı ve her şey kolayca taranmalı\n- işler ilk kaydırmada görünmeli, tutarlı küçük resimler ve başlıklar olmalı\n- dokunma hedefleri küçük olmamalı, metin sıkışık olmamalı ve proje ızgarası düzgün çökerek uyum sağlamalı\n\nMümkünse telefonda önizleyin (veya tarayıcı penceresini daraltın) sonra seçin.\n\n### Etkileyici görünse bile kaçınılması gerekenler\n\nBazı şablonlar efektleri göstermek için tasarlanmıştır, işinizi ön plana çıkarmak için değil.\n\nGürültülü animasyonlar, gizli gezinme, otomatik oynatılan video veya açık gri metin gibi öğeler varsa atlayın. Ziyaretçinin sitenizi “çözmesi” gerekirse, özellikle mobilde ayrılırlar.\n\n### Özelleştirmenin kolay olduğundan emin olun\n\nZaman harcamadan önce oluşturucunun sizi kolayca şu temel özellikleri değiştirmenize izin verdiğinden emin olun:
“B2B SaaS için ürün tasarımcısı—ekiplere daha net akışlar gönderme ve aktivasyonu artırma konusunda yardımcı olurum.”\n\nİkinci bir satırda nişinizi, kullandığınız araçları veya aldığınız proje türlerini destekleyin. Kısa tutun.\n\n### Öne çıkan projeleri gösterin (net etiketlerle)\n\nİnsanları işinizi aramak zorunda bırakmayın. Ana sayfada küçük bir “Öne Çıkan Projeler” alanı ekleyin.\n\nHer proje kartını kolay taranabilir tutun:
Bir portföy sitesi üç şeyi yapmalıdır:
Ziyaretçiler işinizi beğenip size hızlıca ulaşamıyorsa, site amacını yerine getirmiyor demektir.
İçeriğiniz hazırsa çoğu kişi bir hafta sonu (veya birkaç yoğun akşam) içinde sağlam bir ilk sürümü yayınlayabilir.
Pratik bir plan:
Basit başlayın; canlıya aldıktan sonra geliştirebilirsiniz.
Tahmini maliyetler:
yourname.com gibi bir şey için yaklaşık $10–$20/yıl.İş başvuruları yapıyorsanız veya müşterilere teklif veriyorsanız, özel alan adı için yükseltme genellikle buna değerdir.
Ana hedef olarak birincil bir amaç seçin, böylece ana sayfanız rastgele bir menü gibi görünmez:
Sonra ona uygun tek bir ana CTA belirleyin (ör. “İletişime geç”, “Görüşme ayarla” veya “Özgeçmiş indir”) ve bunu başlıkta ve ana sayfanın alt kısmında tekrarlayın.
Başlangıç için temel dört sayfa yeterlidir:
Ek sayfalar yalnızca hedefinizi destekliyorsa eklenmelidir (ör. serbest çalışanlar için , işe alımlarda ).
Sürdürmeyeceğiniz aracı seçmektense kullanımı kolay ve sürdürülebilir olanı seçin:
2–3 araçtan kısa bir liste yapın, her birinde hızlı bir ana sayfa taslağı oluşturun ve sonra birine bağlı kalın.
Etkileyici efektler gösteren ama işinizi sergilemeyen şablonlardan kaçının.
Kontrol edin:
Yoğun animasyonlar, gizli gezinme, otomatik oynatılan video veya düşük kontrastlı metinlerden uzak durun. Eğer şablonu 15–20 dakikada kendi renginize, yazı tipinize ve boşluk düzeninize uyarlayamıyorsanız daha basit bir şablon seçin.
Hafif ve tutarlı tutun:
Bu, oluşturmayı sürekli arama yapmaktan ziyade blokları birleştirmek gibi hissettirir.
Tek tip bir yapı kullanın, böylece daha hızlı yayınlayabilirsiniz:
Yeniyseniz, süreç avantajınızdır—taslaklar, karar anları veya önce/sonra karşılaştırmaları ekleyin.
Bulunabilirlik ve bulunma şansını artırmak için temel adımları uygulayın:
/about, , .Hangi soruyu cevaplamaya çalışıyorlar? (“Bu kişi işi yapabilir mi?” “Bütçemi emanet edebilir miyim?”)
Hangi kanıt daha önemli: sonuçlar, süreç, görseller, referanslar, sertifikalar?
Çevrimiçi portföyünüzde ilk olarak ne görmeliler: en iyi 2–3 proje, net hizmet listesi veya kısa bir konumlandırma bildirimi?\n\n### Odak alanınızı daraltın: 1–2 rol veya hizmet\n\n“Herkese açığım” demek kişisel sitenizi unutulabilir kılar. Bir hedef rol seçin (ör. “Junior UX Tasarımcısı”) veya bir ana hizmet (ör. “Startup’lara marka kimliği”). İsterseniz yakın ilişkili ikinci bir seçenek de ekleyin.\n\n### CTA'nızı belirleyin\n\nSürükle-bırak düzeniniz ziyaretçiyi tek bir sonraki adıma yönlendirmeli:
E-posta bağlantısı (en hızlı)\n- İletişim formu (düzenli)\n- Rezervasyon bağlantısı (müşteri görüşmeleri için en uygun)\n\nBu CTA'yı başlıkta ve ana sayfanın sonunda tekrarlayın (örneğin, görünür bir /contact bağlantısı yerine açık bir metinle yönlendirme yapın).\n\n## Site Yapınızı Planlayın (Sayfalar ve Navigasyon)\n\nBir şablona dokunmadan önce sitenizin ne yapması gerektiğine karar verin: birinin kim olduğunuzu, ne yapabildiğinizi ve size nasıl ulaşacağını hızlıca anlamasına yardımcı olmak. Basit bir yapı her no-code oluşturucuyu kullanmayı kolaylaştırır ve mobilde ziyaretçilerin kaybolmasını engeller.\n\n### Temel sayfalarla başlayın\n\nÇoğu portföy sitesi küçük ve üst gezinme çubuğuna sığan bir “çekirdek” ile en iyi şekilde çalışır:\n\n- Ana Sayfa: kısa özet ve net bir sonraki adım (işleri gör, iletişime geç, özgeçmiş indir).\n- İşler / Projeler: ana galeri veya proje listesi.\n- Hakkında: hikayeniz, becerileriniz ve ne aradığınız.\n- İletişim: form veya e-posta bağlantısı artı sosyal bağlantılar.\n\nEmin değilseniz bu dört sayfa ile başlayın. Her şeyi yeniden kurmadan daha sonra ekleyebilirsiniz.\n\n### Yardımcı sayfaları yalnızca hedefinizi destekliyorsa ekleyin\n\nOpsiyonel sayfalar yardımcı olabilir, ama yalnızca ziyaretçinin karar vermesini kolaylaştırıyorsa:
Hizmetler (serbest çalışıyorsanız): sunduklarınız, tipik paketler, süreç nasıl başlar
Özgeçmiş / CV: ayrı bir sayfa veya indirilebilir PDF
Blog: düzenli yayın yapacaksanız faydalı
Vaka çalışmaları: en güçlü projeler için derinlemesine yazılar\n\n### Navigasyon etiketleri ve tıklama sırasını seçin\n\nİnsanların beklediği etiketleri kullanın: “Work” yerine “Projeler” veya “İşler” gibi. En önemli bağlantınızı öne koyun (genellikle İşler) ve dönüşüm bağlantınızı sona bırakın (İletişim). Yaygın bir sıra:\n\nAna Sayfa → Projeler → Hakkında → İletişim\n\n### Mobilde basit tutun\n\nTelefonlarda menü küçük bir simgeye dönüşür, bu yüzden üst düzey öğeleri 4–6 ile sınırlayın. Fazla içeriğiniz varsa bir öğe altında gruplandırın (ör. “Daha Fazla” veya “Kaynaklar”) veya dipnottan erişim sağlayın.\n\n## İhtiyacınıza Uyan Bir No‑Code Oluşturucu Seçin\n\nŞablonlara veya renk seçimlerine dokunmadan önce hangi araçla inşa edeceğinize karar verin. “En iyi” oluşturucu, aslında güncelleyeceğiniz olan araçtır—bu yüzden özelliklerden çok sadelik ve uyuma göre seçim yapın.\n\n### No‑code seçeneklerinin ana türleri\n\nWeb sitesi oluşturucular (en esnek): Wix, Squarespace, Webflow, Framer, WordPress.com. Bunlar sayfalar, menüler ve yerleşik yayınlama özellikleri sunar.\n\nPortföy platformları (başlangıç için en hızlı): Behance, Dribbble, Adobe Portfolio. İşlerinizi hızlıca paylaşmak ve topluluklardan faydalanmak için iyi, ama yapı ve marka üzerinde daha az kontrolünüz olur.\n\nHepsi bir arada araçlar (minimalist, basit portföyler için iyi): Notion tabanlı siteler, Carrd veya tek sayfa oluşturucular. Özellikle erken aşamada temiz ve hafif bir varlık için ideal.\n\nSohbetle uygulama oluşturucular (şablonlardan daha özel, yine de kodsuz): Özel formlar, dinamik proje sayfaları, gated vaka çalışmaları veya benzersiz düzenler gibi küçük web uygulamaları istiyorsanız Koder.ai gibi sohbet tabanlı platformları düşünün. İstediğinizi tarif edersiniz, sohbet içinde yineleme yaparsınız ve yayınlarsınız—görsel editörde sıfırdan başlamaya göre daha hızlı olabilir.\n\n### Güvenle seçmek için kriterler\n\nŞunlara bakın (şık animasyonlardan daha önemliler):\n\n- Düzenleme kolaylığı: Metni değiştirmek ve görselleri birkaç dakikada değiştirmek mümkün mü?\n- Beğendiğiniz şablonlar: Başlangıç tasarımları tarzınıza uyuyorsa daha hızlı bitirirsiniz.\n- Mobil tasarım: Telefonlarda otomatik olarak iyi görünüyor mu ve gerekiyorsa mobil düzeni değiştirmeniz mümkün mü?\n- SEO kontrolleri: Sayfa başlıkları, meta açıklamalar, temiz URL'ler ve resim alt metni kolaylıkla ayarlanabiliyor mu?\n- Formlar ve iletişim seçenekleri: Yerleşik iletişim formları veya basit entegrasyonlar (e-posta, takvim bağlantıları) var mı?\n\n### Ücretsiz plan sınırlarını anlayın\n\nÜcretsiz planlar denemek için iyidir, ama genellikle şunları içerir:
Oluşturucunun markası (logo veya banner)
Özel alan adı yok (subdomain olur, ör. yourname.builder.com)
Sınırlı depolama veya sayfa sayısı
Daha az SEO kontrolü ve entegrasyonlar\n\nİşe başvuruyor veya müşterilere teklifte bulunuyorsanız, özel alan adı sunan ücretli plan genellikle değer katacaktır.\n\n### Kısa bir kısa liste yapın (sonra seçin)\n\n2–3 araç seçin, her birinde hızlı bir taslak ana sayfa oluşturun ve hedefinize göre karar verin:
İşe odaklı portföy: en kolay editör + güçlü şablonlar
Tasarım ağırlıklı işler: düzen kontrolü ve tipografiyi önceliklendirin
Basit varlık sitesi: en hızlı tek sayfa seçeneğini tercih edin
Renkler: birincil rengi ayarlayıp düğmeler/bağlantılar üzerinde uygulayabiliyor musunuz?\n- Yazı tipleri: başlık ve gövde yazı tiplerini her bloğu düzenlemeden değiştirebiliyor musunuz?\n- Bölümler: bölümleri yeniden sıraya koymak, silmek veya eklemek düzeni bozmadan mümkün mü?\n\nKural: Şablonu 15–20 dakikada kendinize benzetemiyorsanız (renkler, yazı tipleri, boşluklar ve birkaç bölüm değişimi), daha basit bir şablon seçin. Portföyünüz şablon değil, projelerinizi öne çıkarmalı.\n\n## İçerikleri Toplayın: Metin, Görseller ve Kişisel Marka\n\nOluşturucuya dokunmadan önce siteye koyacağınız içerikleri toplayın. Bu adım sonradan saatler kazandırır çünkü her beş dakikada bir fotoğraf aramak, biyografi yeniden yazmak veya ekran görüntüsü yeniden boyutlandırmak zorunda kalmazsınız.\n\n### Bir net başlık yazın (insan diliyle)\n\nBaşlık ziyaretçinin okuduğu ilk şeydir—anında anlaşılır olmalı. Bir cümleyle ne yaptığınızı ve kime yardımcı olduğunuzu söyleyin.\n\nUyarlayabileceğiniz örnekler:
“Kaba fikirleri basit akışlara dönüştüren startup UX tasarımcısı.”\n- “Düğünler, markalar ve editoryal çekimler için serbest fotoğrafçı.”\n- “Küçük işletmeler için hızlı pazarlama siteleri yapan ön yüz geliştiricisi.”\n\nÇok yetenekliyseniz her şeyi listelemeyin. Şu an daha çok istediğiniz hizmeti seçin.\n\n### Ana varlıklarınızı tek bir klasörde toplayın\n\nTek bir ana klasör (ve alt klasörler) oluşturun ki oluşturma birleştirmek gibi hissedilsin, aramak gibi değil.\n\nToplanacaklar:
Logo (opsiyonel): Bir kelime işareti yeterli. Burada takılmayın.\n- Portre fotoğrafı: dostça, iyi aydınlatılmış ve kare ve geniş formatlara uygun kırpılmış.\n- Proje görselleri: ekran görüntüleri, fotoğraflar, maketler—sonuçları gösteren her şey.\n- Referanslar: 1–2 kısa alıntı bile yardımcı olur. Mümkünse isim, rol ve şirket ekleyin.\n\nİpucu: Görselleri web dostu formatlarda dışa aktarın (JPG/PNG; araç destekliyorsa WebP) ve dosya adlarını açıklayıcı yapın (örn. brand-redesign-homepage.jpg).\n\n### En iyi 3–6 projeyi hazırlayın (kalite, nicelikten üstün)\n\nGüçlü küçük bir set, uzun bir “fena olmayan” listeye göre daha ikna edicidir. Her proje için 3–5 madde yazın:
Hedef neydi?\n- Siz ne yaptınız (rolünüz)?\n- Hangi araçlar/beceriler kullanıldı?\n- İşiniz sayesinde ne değişti (sonuç)?\n\nYeni başlayanlardansanız kullanabileceğiniz örnekler:
Net bir brief ile kişisel proje\n- Yeniden tasarım konsepti (“önce/sonra”)\n- Gönüllü veya okul projesi\n\n### Basit bir marka stili oluşturun (her şey niyetli görünsün diye)\n\nTam bir marka rehberi gerekmez. Tutarlılık yeterli.
Yazı tipleri: Oluşturucunuzun varsayılanlarından 1–2 tane seçin (biri başlık, biri gövde için).\n- Renkler: 2–3 renk seçin (ana, nötr, vurgu). Vurgu düğmeler/bağlantılar için ölçülü kullanın.\n- Boşluk: Varsayılan bir boşluk kararı verin (ör. bol dolgu ve net bölüm ayrımları) ve buna sadık kalın.\n\nİçerikler hazır olduğunda no-code inşa çoğunlukla sürükle-bırak olur—çünkü gerçek iş (açıklık) zaten yapılmıştır.\n\n## Ziyaretçiyi Tıklamaya İkna Eden Ana Sayfayı Oluşturun\n\nAna sayfanızın bir görevi var: birinin kim olduğunuzu, ne yaptığınızı ve bir sonraki adımı birkaç saniye içinde anlamasına yardımcı olmak. Ziyaretçi sizi “çözmek” zorunda kalırsa, çoğu zaman sayfayı terk eder.\n\n### Keskin bir kahraman bölümüyle başlayın\n\nRol + uzmanlık + sonuç kombinasyonunu içeren basit bir girişle başlayın. Müşteri veya işe alım yöneticisinin arayabileceği bir cümle hedefleyin.\n\nÖrnek:
Proje adı + etiket (örn. “UX Vaka Çalışması”, “Marka Kimliği”, “Web Yeniden Tasarımı”)\n- Bir satırlık sonuç veya odak (örn. “Kayıt tamamlama oranını iyileştirdi”)\n- Tam proje sayfasına net bir bağlantı (bağlantı hedeflerini açık metin halinde gösterin) \nYeni başlayan biriyseniz kişisel projeler, gönüllü çalışmalar, yeniden tasarım konseptleri veya sınıf işleri öne çıkarın—açıklık ve sunum logo’dan daha önemlidir.\n\n### Bir birincil CTA kullanın (ve görünür yapın)\n\nTek ana düğme seçin ve 1–2 yerde tekrarlayın (üstte ve sayfa sonunda): İletişim veya Görüşme Ayarla. /contact gibi yönlendirmelerin yerine açık metinle ziyaretçiyi yönlendirin.\n\n“Özgeçmiş indir”, “Bana e-posta gönder”, “Takip et” ve “Randevu al” gibi çoklu rekabet eden düğmelerden kaçının—bir ana eylem seçin, diğerlerini ikincil yapın.\n\n### Taranabilir tutun\n\nKısa bölümler, net başlıklar ve boşluk kullanın. Basit bir ana sayfa yapısı genellikle yeterlidir:\n\nGiriş → Öne Çıkan Projeler → Kısa Hakkında → Referanslar/müşteriler (opsiyonel) → CTA\n\n## Proje Sayfaları Oluşturun (Yeni Başlayan Olsanız Bile)\n\nProje sayfaları portföyünüzün güven kazanmasını sağlar. Basit ve tekrar edilebilir bir format ziyaretçilerin ne yaptığınızı anlamasını sağlar—uzun metin okumaya zorlamadan.\n\n### Tekrarlanabilir bir düzen kullanın (daha hızlı yayınlamak için)\n\nNo‑code oluşturucunuzda bir “proje sayfası şablonu” oluşturun, sonra her proje için çoğaltın. Net bir akış hedefleyin:\n\n- Genel bakış: projenin ne olduğu ve kimin için olduğu (kişisel proje olsa bile)\n- Sizin rolünüz: sorumluluklarınız (araştırma, tasarım, yazı, fotoğrafçılık vb.)\n- Araçlar: kullandığınız uygulamalar, materyaller veya yöntemler\n- Adımlar: sırayla ne yaptınız\n- Sonuçlar: ne değişti, ne yayınlandı veya bir sonraki adımda neyi geliştirmek isterdiniz\n\n### Sürecinizi gösterin (sadece son çıktıyı değil)\n\nYeni başlayanlar genellikle “yeterli” materyale sahip olmadıklarını düşünür. Süreç bunu tamamlar ve gerçek yetenek sinyali verir. Kısa düşünce anlarını ekleyin—eskizler, taslaklar, kilit kararlar veya önce/sonra karşılaştırmaları.\n\nKural: Birisi “Fikirden sonuca nasıl geldiniz?” diye sorsa, sayfanız bunun cevabını vermeli.\n\n### Hafızada kalmanızı sağlayacak bağlam ekleyin\n\nBiraz bağlam küçük bir projeyi bile önemli kılabilir:
Kısıtlar (sınırlı zaman, düşük bütçe, marka kuralları)
Zaman çizelgesi (basit “hafta sonu sprinti” gibi)\n- İş birliği (kimlerle çalıştınız ve nasıl)\n- Öğrendikleriniz (dürüst bir çıkarım)\n\n### Paylaşamıyorsanız paylaşabildiğinizi gösterin\n\nMüşteri veya işyeri işleri için ayrıntı paylaşamıyorsanız temizlenmiş bir vaka çalışması yazın: hedefi, sizin sorumluluklarınızı, yaklaşımınızı ve etkiyi genel terimlerle açıklayın. Hassas görselleri basitleştirilmiş versiyonlarla (tel kafes, filtrelenmiş ekran görüntüleri veya yeniden oluşturulmuş örnekler) değiştirin ve neyin çıkarıldığını not edin.\n\nHer projeyi küçük bir CTA ile bitirin: “Böyle bir şey ister misiniz? Bana /contact üzerinden ulaşın.” (düz metin olarak gösterin).\n\n## Hakkında Sayfası ve Net İletişim Seçenekleri Yazın\n\nHakkında sayfanız bir ziyaretçinin “onun kişi olup olmadığını” karar verdiği yerdir. Sıcak, spesifik ve kolay taranabilir tutun—özellikle mobilde.\n\n### Size ait bir biyografi (4–6 cümle)\n\nKısa bir paragraf yazın: ne yaptığınız, kime yardımcı olduğunuz ve ne tür sonuçlar amaçladığınız. Hatırlanmanızı sağlayacak bir detay ekleyin (niş, yöntem veya önem verdiğiniz bir değer).\n\nÖrnek yapı: “Ben [rol]im, [hedef kitle] için [iş türü] yapıyorum. Uzmanlık alanım [odak]. Son zamanlarda [proje/sonuç] üzerinde çalıştım. [Konum/zaman dilimi]’nde bulunuyorum ve [tam zamanlı/serbest/collab] için müsaitim.”\n\n### Özgeçmişe dönüşmeden güven oluşturun\n\nİşiniz için önemli olan 3–6 güven sinyali seçin:
Temel beceriler (projelerinizin gösterdikleri)\n- Müşteriler veya şirketler (küçük olanlar bile)\n- Eğitim, sertifikalar veya ilgili eğitimler\n- Ödüller, yayınlar veya konuşmalar\n\nYeniyseniz sahip olduklarınızı gösterin: ders projeleri, gönüllü işler, stajlar veya takip ettiğiniz net bir süreç.\n\n### Serbest çalışıyorsanız: hizmetleri basitçe listeleyin\n\nKısa bir hizmet listesi gereksiz görüşmeleri azaltır. Somut tutun ve genellikle nelerin dahil olduğunu yazın (ve nelerin olmadığını).\n\n- Hizmet adı (örn. “Marka Tasarımı”)\n- Neler dahil (teslimatlar, revizyon turları, zaman aralığı)\n- Başlangıç fiyatı veya “Başlangıçtan itibaren…” (opsiyonel)\n\n### Size ulaşmayı zahmetsiz hale getirin\n\nBirden fazla iletişim seçeneği sunun ve beklentileri belirtin:
E-posta (tıklanabilir olarak gösterin ama gerçek bağlantı eklemeyin)\n- Kısa bir iletişim formu (isim, e-posta, mesaj)\n- Gerçekten yanıt verdiğiniz sosyal bağlantıları gösterin\n\nBir satır ekleyin: “1–2 iş günü içinde dönüş yaparım” ve neye açık olduğunuzu yazın (“serbest projeler, tam zamanlı roller, iş birlikleri”). Bu küçük detay güven oluşturur ve her iki tarafın da zamanını kurtarır.\n\n## Teknik Derinlik Olmadan SEO ve Erişilebilirlik Temelleri Ekleyin\n\nBir pazarlamacı gibi SEO yapmak zorunda değilsiniz, ancak birkaç küçük ayar sitenizin ne sunduğunu arama motorlarına ve insanlara anlatmaya yardımcı olur.\n\n### Sayfa başlıkları + meta açıklamalar (hızlı kazançlar)\n\nHer sayfanın kendi sayfa başlığı ve meta açıklaması olmalı. Sayfa başlığı Google’da görünen başlık, meta açıklama ise kısa bir tanıtımdır.\n\n- Başlık: Rolünüz + uzmanlık (örn. “UX Tasarımcı — Mobil Uygulamalar | Sam Lee”).\n- Meta açıklama: Kimi hedeflediğiniz ve ne yaptığınız hakkında bir cümle (örn. “Sam Lee’nin portföyü: onboarding akışları, prototipler ve kullanılabilirlik testleri üzerine çalışır.”).\n\nEğer oluşturucunuz sayfa başına SEO ayarları sunuyorsa, bunlar orada bulunur.\n\n### Mantıklı başlıklar + okunabilir URL'ler\n\nBaşlıkları net bir yapı oluşturmak için kullanın:\n\n- Her sayfada H1’i bir kez kullanın (genellikle ana başlık).\n- Bölümler için H2/H3 kullanın (“Seçili İşler”, “Süreç”, “Sonuçlar”).\n\nURL’leri okunabilir ve tutarlı tutun, örnekler:\n\n- / (ana sayfa)\n- /about\n- /work/project-name\n- /contact\n\nOtomatik oluşturulan /page123 gibi karışık slug’lardan kaçının.\n\n### Görseller: daha hızlı sayfalar ve daha iyi erişilebilirlik\n\nPortföyler görsel ağırlıklıdır, bu yüzden sayfaların hızlı yüklenmesini sağlayın:
Görselleri yüklemeden önce sıkıştırın (çoğu oluşturucu da otomatik optimize eder).\n- Önemli olanı tarif eden alt metin ekleyin: “Ödeme ekranının yeniden tasarımının önce/sonra görüntüsü” gibi ifadeler “image1” yerine daha faydalıdır.\n\nAlt metin ekran okuyuculara yardımcı olur ve işlerinizin arama motorlarına daha net açıklanmasını sağlar.\n\n### Altbilgi: küçük detay, büyük netlik\n\nHer sayfaya basit bir altbilgi ekleyin:
Hızlı gezinme (Ana Sayfa, İşler, Hakkında, /contact gibi açık metin)\n- Net bir iletişim yöntemi (e-posta veya form)\n- Opsiyonel: konum/zaman dilimi ve ilgili sosyal bağlantılar\n\nBu, kullanılabilirliği artırır ve müşterilerin sitenin herhangi bir yerinden size ulaşmasını kolaylaştırır.\n\n## Alan Adınızı Ayarlayın ve Güvenle Yayınlayın\n\nÖzel bir alan adı (örn. yourname.com) portföyünüzü daha profesyonel gösterir ve özgeçmiş, LinkedIn ve e-posta imzalarında paylaşmayı kolaylaştırır. Amaç basit: yazması kolay bir isim seçin, oluşturucunuza bağlayın ve hızlı bir kalite kontrol sonrası yayınlayın.\n\n### Hatırlanması kolay bir alan seçin\n\n“Söyleyince/hemen yazınca doğru yazılır mı?” testini geçecek bir şey seçin.\n\nİyi seçenekler:
firstnamelastname.com (en yaygın)\n- lastname.design / lastname.dev / lastname.photo (işinize uyuyorsa)\n- firstnamecreates.com (isim alınmışsa)\n\nTirelerden, yazım hatası yapmaya müsait çift harflerden ve aşırı zekice ifadelerden kaçının.\n\n### Oluşturucunuza bağlayın (DNS basitçe açıklanmış)
\nAlan adını satın aldığınız yer kayıt şirketidir. Portföyünüz oluşturucuda barınır (Squarespace, Wix, Webflow, Framer, Carrd vb.).\n\nDNS, internetin ziyaretçileri nereye göndereceğini söyleyen “işaretler”dir. Genelde oluşturucunuz size birkaç kayıt verir ve bunları alan adı kayıt şirketinizin paneline yapıştırırsınız:
A kaydı: alan adınızı bir IP adresine yönlendirir\n- CNAME: www gibi bir alt alan adını sitenize yönlendirir\n\nÇoğu oluşturucu adım adım alan adı bağlama ekranı sağlar ve bağlandıktan sonra onay verir. Değişiklikler dakika içinde veya birkaç saate kadar sürebilir.\n\nEğer Koder.ai gibi barındırma ve dağıtımı destekleyen bir platformla inşa ederseniz, yayın ve özel alan adı süreçleri daha sorunsuz olabilir—ve gerekirse kaynak kodu dışa aktarma seçeneği de sunulabilir.\n\n### Yayına basmadan önce her yerde önizleyin\n\nYayınlamadan önce kontrol edin:
Mobil, tablet ve masaüstü düzenleri\n- Navigasyon ve düğmeler (mobilde rahat dokunulabilir)\n- Yazı boyutları ve satır aralığı (yaklaştırmadan okunabilir olmalı)\n\n### Basit bir ön-yayın kontrol listesi çalıştırın\n\nSon bir kontrol için:
Kırık bağlantılar (özellikle proje düğmeleri ve sosyal simgeler)\n- Yazım hataları ve tutarsız büyük-küçük harf kullanımı\n- İletişim formu çalışıyor mu (test gönderimi + onay mesajı)\n- Görsel kalitesi (bulanık, uzatılmış değil, makul dosya boyutu)\n\nBunlar tamamlanınca yayınlayın—sonra portföyünüzü paylaşmak istediğiniz her yerde alan adınızı duyurun.\n\n## Zamanla Bakım, Ölçüm ve İyileştirme\n\nPortföyünüzü yayınlamak bitiş noktası değil—çalışmaya başladığı andır. Biraz bakım onu doğru, gezinmesi kolay ve istediğiniz sonuçlara odaklı tutar (mesajlar, görüşmeler, rezervasyonlar, mülakatlar).\n\n### Hafif analitik ekleyin (ne olduğunu bilmek için)\n\nÇoğu no‑code oluşturucu yerleşik istatistikler veya basit entegrasyonlar sunar. Temel analitiği açın ki şu soruları cevaplayabilesiniz:
Hangi sayfalar en çok ziyaret ediliyor (Ana Sayfa, Hakkında, belirli projeler)?\n- Ziyaretçiler nereden geliyor (LinkedIn, arama, yönlendirmeler)?\n- İnsanlar İletişim bölümüne ulaşıyor mu yoksa daha erken mi ayrılıyor?\n\nTercihinize göre Google Analytics veya gizliliğe daha duyarlı alternatifler bağlayabilirsiniz. Basit tutun: ayda bir kontrol edin ve günlük gürültü yerine eğilimlere odaklanın.\n\n### Sadece görüntüleri değil, dönüşümleri takip edin\n\nSayfa görüntülenmeleri iyi hissettirir ama dönüşümler değer gösterir. Önemli 1–3 eylem seçin ve düzenli takip edin:
İletişim formu gönderimleri\n- E-posta tıklamaları (mailto)\n- Rezervasyon linki tıklamaları (Calendly vb.)\n\nBasit bir not tutun: tarih, yapılan değişiklik ve birkaç hafta sonra sonuçlar. Bu, neyin yanıt getirdiğini öğrenmeye yeter.\n\n### Kolay bir güncelleme takvimi belirleyin\n\nBakım planlı olunca en kolay halini alır:
Aylık (15 dakika): eski bilgileri düzeltin, bağlantıları kontrol edin, bir referans veya metrik ekleyin.\n- Çeyreklik (30–60 dakika): güçlü bir projeyi ekleyin, ana sayfa metnini sıkılaştırın, “öne çıkan” işleri yenileyin.\n\nAmaç “güncel ve net” olmak, “mükemmel” değil.\n\n### Zaten bakılan yerlerde tanıtın\n\nPortföyünüzü görünür kılın:
LinkedIn profilinize ekleyin (öne çıkan bölüm + başlık bağlantısı)\n- E-posta imzanıza koyun\n- İş başvurularında ilk bağlantı olarak ekleyin\n- Düzenli yayın yapıyorsanız basit bir /blog düşünün (güncellemeler, vaka çalışmaları, süreç notları için)\n\nKüçük geliştirmeler zamanla birleşir—özellikle ölçüm yapıp, ayarlayıp ve düzenli görünürlük sağlayınca.
/work/project-name/contactYayınlamadan önce hızlı bir kontrol yapın: mobil düzen, kırık bağlantılar, form testi, yazım hataları ve görsel kalite.