Beş kişinin üç haftada teslim ettiği işi, sen bir öğleden sonrada yapabilirsin. Programlama bilmeden ve terminale bir kez bile dokunmadan.
Düzgün bir kurumsal web sitesi 3.000 ila 12.000 avro arasında tutuyor. Kod yüzünden değil, üç haftalık toplantılar yüzünden. Dün bir tanesini koltuktan kalkmadan yaptım ve sana tüm süreci adım adım anlatacağım.
Tüm süreci adım adım anlatacağım.
Başlamadan önce bir uyarı, çünkü bu konuda çok fazla "duman" var.
Bu, "insanları kandırıp 5.000 avro istemek"le ilgili değil.
Bu, bir web sitesinin asıl işinin (ne söyleyeceğine, kimin için olduğuna ve nasıl görüneceğine karar vermek) hâlâ iş olduğu gerçeğiyle ilgili. Ortadan kalkan şey yavaş kısım: yerleşim, tekrarlar, geliştiriciyi beklemek, tasarımcıyı beklemek, birinin e-postaya cevap vermesini beklemek.
Önemli olan kısmı iyi yaparsan, sonuç kıyaslamaya dayanır. Ve dayanıyorsa, parasını alırsın.
Herkesin sorduğu soru: bu nerede yapılıyor?
Çoğu kişi terminale ihtiyacın olduğunu sanıyor, saygı uyandıran o siyah ekrana. Hayır.
Claude'un masaüstü uygulamasının üst kısmında üç sekme var:
→ Chat, her zamanki sohbet
→ Cowork, dosyalarınla yapılan görevler
→ Code, gerçek projeler geliştir
Code sekmesi, aynı Claude Code ajanı, ama bir arayüzle. Sade bir dille yazıyorsun, o klasörleri ve dosyaları oluşturup her şeyi başlatıyor.
claude.com/download adresinden indir ve hesabınla giriş yap.
Uyarı: ücretli bir plan gerekiyor. Ücretsiz olanla yarım saat içinde limitin tükenir.
ADIM 0: BOŞ BİR KLASÖR
Bir şey istemeden önce, bana iki çirkin web sitesi kurtarabilecek bir ipucu.
Bilgisayarında yeni ve boş bir klasör oluştur. Sadece bu web sitesi için.
Kulağa saçma geliyor ama tipik felaketi önleyen şey bu: masaüstüne saçılmış dosyalar, Claude'un dokunmaması gereken yerlere dokunması ve senin neyin ne olduğunu bilmemen.
Bir klasör, bir proje. Claude'da o klasörü seçiyorsun ve oradan çıkmıyor.
ADIM 1: MARKA DOSYASI
Bu, neredeyse hiç kimsenin yapmadığı adım. Ve tüm farkı yaratan adım.
Verdiğin kararları ve Claude'un uydurmaması gereken şeyleri içeren tek sayfalık bir belge yaz.
Altı satır:
→ Siteye giren kim: "düğün fotoğrafçısı, 2.000 avro bütçe"
→ Girdiğinde hissettiği: "pahalı, sakin, düşük gürültü"
→ Tek eylem: "görüşme ayarla"
→ Fontlar: en fazla iki
→ Renkler: üç. Arka plan, metin, bir vurgu rengi
→ Yasak: hiçbir koşulda görmek istemediğin şeyler
Bu dosya olmadan Claude boşlukları kendisi doldurur. Ve varsayılan dolgusu da 200 avroluk bir şablonunki gibi olur.
Bu şablonu kopyala ve bilgileri doldur :)
1MARKA: [isim]2HEDEF MÜŞTERİ: [kim oldukları, ne aradıkları, bütçeleri]3HİS: [3 sıfat, hiçbiri muğlak olmasın]4TEK EYLEM: [yapmaları gereken tek şey]5FONTLAR: [başlıklar için bir, gövde metni için bir]6RENKLER: [arka plan / metin / vurgu, hex kodlarıyla]7YASAK: gradyanlar, emoji ikonlar, stok fotoğraflar,8her şeyin ortalanması, "yenilikçi çözümler"
Proje klasörünün içine brand.txt olarak kaydet.
Ve Claude'a şunu yaz:
1Herhangi bir tasarım kararı vermeden önce brand.txt dosyasını oku.2Orada olmayan bir şey varsa, bana sor.
Bu son cümle işleri epey değiştiriyor. Artık uydurmuyor, sana soruyor.
ADIM 2: BİR ÖLÇÜT VER
Sıfatlar işe yaramaz. "Zarif" bir model için hiçbir şey ifade etmez. Görseller işe yarar.
Benim yaptığım:
→ Land-book, Godly veya Minimal Gallery'ye gidiyorum. Üçü de ücretsiz ve gerçek yayınlanmış web siteleriyle dolu
→ 3 tane seçiyorum. On tane değil. On tane olunca her şey karışıyor ve ortaya bir karmaşa çıkıyor
→ Her birinden ana sayfayı ve bir iç bölümü ekran görüntüsüyle alıyorum. Altı görüntü
→ Onları proje klasörüne sürüklüyorum
Bunun için Dribbble'dan kaçın. Oradakiler gerçekte var olmayan konseptler ve Claude imkansız şeyleri yeniden üretmeye çalışıyor.
Ve ona tam olarak şunu söylüyorum ↓
1Bu ekran görüntülerini bir kalite ölçütü olarak kullan: yazı2boyutlarına, bölümler arasındaki boşluğa ve sayfanın ritmine3bak. Yapıları veya metinleri KOPYALAMA.
O "kopyalama" olmadan ilk referansı klonluyor ve ortaya üstüne başka bir logo koyulmuş bir intihal çıkıyor. Bunun olduğunu gördüm.
ADIM 3: GÖREV
Tek bir mesaj. Dört blok. Üçer üçer fikir sıralamak yok; her şey böyle bozuluyor.
1. Ne olduğu: "[X] için tek sayfalık web sitesi, şu bölümlerle: [liste]."
2. Metinler: Metinleri kendin yaz. Ciddiyim. Claude'un kafasından uyduramayacağı tek şey bu, çünkü senin işini veya müşterilerini bilmiyor.
3. Nasıl inşa edileceği: "Astro ve Tailwind kullan. Statik web, CMS yok." Ne olduğunu bilmene gerek yok. Bu kombinasyon hızlı yüklenir, bozulmaz ve seni aylık ödeme yapmaya zorlamaz.
4. Sınırlar: "brand.txt dosyasına uy. En fazla iki font ve üç renk."
Gönderiyorsun ve birkaç dakika bekliyorsun.
Çıkan sonuç %70 civarında olacak. Bu normal ve bunu önceden bilmen önemli, çünkü çoğu insan tam burada hayal kırıklığına uğrayıp bırakıyor.
Hiç kimse ilk sürümü yayınlamaz. Ne sen, ne ben, ne de 8.000 avro isteyen ajans. Fark şu: onlar o %70'i sana göstermek için iki hafta bekletiyor, sen altı dakikada ekranında görüyorsun.
ADIM 4: CİLALAMA
Asıl değer burada ve 500 avro mu yoksa 5.000 avro mu göründüğüne burada karar veriliyor.
Herkesin yaptığı hata, "biraz iyileştir, daha profesyonel görünsün" yazmak. Bu hiçbir şey ifade etmiyor ve sonuç daha da kötüleşiyor.
Katman katman düzeltiliyor. Her biri için bir mesaj:
→ Katman 1, metin: "Tüm yazı boyutlarını gözden geçir. Tutarlı bir ölçek bırak. Başka hiçbir şeye dokunma."
→ Katman 2, nefes: "Bölüm bölüm: sıkışık görünen yerlerde beyaz boşluğu ikiye katla. Başka hiçbir şeye dokunma."
→ Katman 3, hareket: "Aşağı kaydırdıkça öğeler yumuşakça görünür olsun. 250ms. Zıplayan hiçbir şey olmasın."
O "başka hiçbir şeye dokunma" kısmı önemli olan. Üçünü birden istersen, birini iyi düzeltip ikisini bozuyor.
Peki beğenmediğin ama nasıl açıklayacağını bilmediğin belirli bir şey varsa? Ekran görüntüsü al, içeri sürükle ve sade bir dille anlat:
"Bu blok üstündekine göre sıkışık görünüyor."
"Bu buton arka plandan ayrışmıyor."
"Bu başlık mobilde çok fazla yer kaplıyor."
Tasarımcı kelime dağarcığına ihtiyacın yok. Sadece göstermen yeterli. Bu, bir müşterinin ajansıyla yaptığının aynısı; tek fark, cevabın dört gün yerine otuz saniyede gelmesi.
Son üç kontrol ↓
Bunları ajanslar bile atlıyor:
→ Mobil: "Bana tüm sayfaları 375px genişliğinde göster ve bozulanları düzelt." Kitlenin çoğu oradan geliyor.
→ Beş saniye: ana sayfayı birine beş saniye göster ve sonra kapat. Ne yaptığını söyleyemiyorsa, başlık işe yaramıyor demektir.
→ Buton: kaydırmadan görünüyor mu? En altta tekrar ediyor mu? Etmiyorsa, web sitesi değil broşür yapmışsın demektir.
ADIM 5: YAYINLAMAK
On beş dakika ve ayda sıfır avro.
En basit yöntem, garip hesaplar veya sunucular olmadan:
→ Claude'dan final proje klasörünü hazırlamasını istersin
→ Netlify'a veya Vercel'e gidip o klasörü ekrana sürüklersin
→ Sana anında bir adres verirler
→ Bir alan adı satın alırsın (yılda 8 ila 12 avro arası) ve panelden bağlarsın
Site yayında. Aylık ücret yok, bakım yok, "yönetilen hosting" için gelen 120 avroluk fatura yok.
ÜCRETLENDİRME
Şimdi kimsenin söylemediği kısım.
Bunu başkaları için yapıyorsan, "web sitesi" satma. Komple paketi sat:
Marka dosyasını çıkarmak için 45 dakikalık bir görüşme, yazılmış metinler (boş laflarla doldurulmamış), alan adıyla birlikte yayınlanmış web sitesi, iki tur değişiklik ve nasıl güncelleneceğini anlatan 10 dakikalık bir video.
Bu, müşteriye göre 800 ila 2.500 avro arasında bir iş ve haftalar yerine günler içinde teslim ediliyor.
Saat başı ücret almıyorsun. Ücret alıyorsun çünkü müşteri hiçbir şeyi olmayan durumdan, kendisine iş getiren bir şeye sahip olan duruma geçiyor.
Sürekli tekrarlandığını gördüğüm üç hata:
→ Tek mesajda beş değişiklik istemek. Bu ters tepiyor. Her mesajda bir tane.
→ Metinleri Claude'a yazdırmak. Doğru ama boş çıkıyor. Metinler senin işin.
→ Yayınlamadan önce mükemmelliği aramak. Üç kusuru olan yayınlanmış web sitesi, klasöründe duran mükemmel olandan sonsuz kat daha değerlidir.
Peki burada asıl değişen ne?
Ajans üç haftalık süreci sattı. Süreç her zaman dört iyi verilmiş karardı:
→ kimin için
→ ne yapması gerektiği
→ nasıl görünmesi gerektiği
→ neyin yasak olduğu
Geri kalanı beklemekti. Ve beklemek artık ücretlendirilmiyor.
İlk web siten beş saatini alacak ve 500 avro görünecek. Üçüncüsü iki saatini alacak ve 3.000 avro görünecek. Beşincisini yarı uykuda yapacaksın.
Bu normal bir öğrenme eğrisi, sihir değil. Kendi sitenle başla. Hata yapmak için en iyi yer orası, çünkü müşteri sensin.
Bunu kaydet ve birkaç saatini buna ayır.
Emin ol, pişman olmayacaksın :)
