🛒 Müşteri ürün sayfanda cevap bulamazsa, satın almaz
Bir müşteri ürün sayfana geliyor. Ürün fotoğraflarına bakıyor, sonra kapatıyor. Neden?
Çünkü aklında dönen soruların hiçbirine cevap bulamadı. "Bu ne kadar büyük?" "Nasıl kullanılıyor?" "Neden bu markayı seçeyim?" "Diğer ürünlerden farkı ne?" Bu sorular kafasında kalırsa, "düşüneyim" deyip çıkar ve bir daha gelmez. Ürün ne kadar iyi olursa olsun, sayfan bu soruları görsel olarak cevaplamıyorsa dönüşüm yok demektir.
Metin yeterli değil. Çünkü insanlar okumaktan önce bakar. Bir ürün sayfasında ortalama ziyaretçi metni taramaz, görseli tarar. Ölçüyü gösteren bir infografik, beş paragraf yazıdan daha hızlı anlaşılır. Kullanım adımlarını gösteren üç görsel, "nasıl uygulanır" açıklamasının yerini tamamen alır. Avantaj listesini büyük-küçük ikonlarla sunan tek bir görsel, madde madde yazılmış bir bölümden çok daha ikna edicidir.
Sorun şu: Bu görselleri profesyonel düzeyde üretmek zaman alıyordu. Tasarımcıya gidiyordun, ne istediğini anlatmakta zorlanıyordun, revizyonlar geliyordu, birkaç hafta geçiyordu. Küçük bir marka veya sınırlı bütçeyle çalışan ajans için bu süreç hem pahalı hem yorucuydu.
🎯 Şimdi yap: Kendi ürün sayfana gir. Müşterinin gözüyle bak ve şu soruları yanıtla: Ürünün boyutu görsel olarak anlatılıyor mu? Kullanım adımları gösteriliyor mu? Neden bu ürün sorusu tek görselde cevaplanıyor mu? Üçü de "hayır" ise, aşağıdakiler tam sana göre.
🖼️ Bu yetenek sana ne yapıyor
Bu yetenek, ürün sayfası için açıklayıcı görseller ve infografikler üretmeni sağlıyor.
Yani salt ürün fotoğrafı değil, müşterinin kafasındaki soruları doğrudan kapatan görsel içerikler. Bunlar Amazon ve büyük e-ticaret sitelerinde "A+ Content" ya da "sayfa infografikleri" olarak bilinen içerik türüdür. Büyük markalar bunlara ciddi bütçe ayırır. Bu yetenek aynı çıktıyı çok daha hızlı ve ucuz üretmeni sağlar.
Somut olarak şunları yapabiliyorsun:
- Ölçü ve boyut görseli: "Bu ürün ne kadar büyük?" sorusunu bir infografikle kapatırsın. Ürünün yanına el, kutu, A4 kağıt gibi referans nesneler koyarak müşteri zihninde gerçekçi bir boyut algısı oluşturursun.
- Kullanım adımları görseli: "Nasıl kullanılıyor?" sorusunu numaralı adımlarla, her adım için açıklayıcı bir görsel kartla yanıtlarsın. Karmaşık görünen ürünler anında basit ve uygulanabilir hale gelir.
- Avantaj listesi infografiği: "Neden bu ürün?" sorusunu tek bir görselde ikon + kısa metin kombinasyonuyla yanıtlarsın. Rakipten farkı, benzersiz özellikleri, kullanıcının kazancı — hepsi tek bakışta görünür.
- Karşılaştırma tablosu görseli: "Bu vs. rakip" formatında görsel tablo. Müşteri üstünlükleri kendi gözüyle okur.
- İçerik/paket görseli: "Kutunun içinden ne çıkıyor?" sorusuna görsel cevap. Ürün + aksesuar + garanti belgesi + hediye notun varsa hepsini gösteren bir görsel.
💡 Sayfa Dönüşüm Piramidi: E-ticaret ürün sayfasında dönüşümü belirleyen üç katman var. Alt katman: doğru hedefleme (doğru kişi geldi mi?). Orta katman: ürün görseli (ürünü görebildi mi?). Üst katman: karar görseli (soru cevaplandı mı?). Çoğu marka alt iki katmana yatırım yapar ama üst katmanı, yani "karar görsellerini" atlar. Bu yetenek tam o boşluğu kapatıyor.
Yetenek REPO 1'den geliyor: github.com/buluslan/gpt-image2-ecommerce — 25 template içeriyor. Bu template'ler arasında infografik ve A+ içerik için özel tasarlanmış şablonlar bulunuyor (template 11: açıklayıcı infografik, template 13: boyut spesifikasyonu görseli). Kullandığın template numarasını söylüyorsun, gerisini Claude hallediyor.
ℹ️ Not: Bu yetenek doğrudan sana görsel dosya üretmiyor — sana görsel üretmek için optimize edilmiş, detaylı bir prompt hazırlıyor. Bu prompt'u ChatGPT (GPT-Image), Google Gemini veya Nano Banana Pro'ya yapıştırıyorsun ve görsel orada üretiliyor. Aynı sonuç, çok daha az çaba.
🧑💼 İki Senaryo: Sen Nasıl Kullanırsın?
E-ticaret markası için
Diyelim ki kendi takı markanı yönetiyorsun. Yeni bir koleksiyon çıkardın: ince zincir bileklikler, üç farklı renk seçeneği, altın kaplama. Ürün fotoğraflarını çektirdin, sayfaya yükledin. Ama satışlar beklediğin kadar gelmiyor. Sayfaya bakan müşteriler "bu ne kadar ince?" "altın kaplama ne kadar dayanıklı?" "bir arada takılabilir mi?" gibi sorularla çıkıyor.
Sen Claude Code'a giriyorsun ve şunu yazıyorsun:
Ürünüm: İnce zincir altın kaplama bileklik.
Üç farklı renk: sarı altın, rose gold, gümüş.
Müşterilerin kafasındaki sorular: "Ne kadar ince?", "Bir arada takılabilir mi?", "Altın kaplama ne kadar dayanıklı?"
Template 11 (infografik) ve Template 13 (boyut spesifikasyonu) kullanarak
bu soruları cevaplayan ürün sayfası görselleri için prompt hazırla.
Claude sana şunları üretiyor: birinci görselde bileziğin gerçek kalınlığını bir madeni parayla karşılaştırmalı boyut infografiği, ikinci görselde üç rengi yan yana layering önerileriyle gösteren kombinasyon kartı, üçüncü görselde kaplama kalitesini maddeleyen ikon + metin avantaj listesi.
Bu promptları ChatGPT'ye yapıştırıyorsun, görseller geliyor. Ürün sayfanı güncelliyorsun. Müşteri artık sayfada daha uzun kalıyor, çünkü soruları orada cevaplanıyor.
Somut kazanç: Tasarımcıya gitmeden, revizyonsuz, bir öğle molasında üç sayfa infografiği hazırlıyorsun. Normalde bir tasarımcıya sipariş etseydin birkaç gün ve birkaç yüz lira giderdi.
Danışman / ajans / freelance için
Bir dijital pazarlama ajansısın. Müşterilerinden biri fitness ekipmanı satan küçük bir e-ticaret markası. Yeni ürünleri var: ayarlanabilir kettlebell seti. Ürün sayfası düz metin ve iki fotoğraftan ibaret. Dönüşüm oranı düşük, müşteri senden iyileştirme istiyor.
Sen Claude Code'a giriyorsun ve şunu yazıyorsun:
Müşterim fitness ekipmanı satıyor. Ürün: ayarlanabilir kettlebell seti (4-24 kg arası).
Hedef kitle: evde çalışan, 25-45 yaş, alan kısıtlı olan kullanıcılar.
Müşterinin kafasındaki sorular: "Ne kadar yer kaplıyor?", "Nasıl ağırlık ayarlanıyor?", "Hangi egzersizler yapılabilir?"
Template 11 (infografik) ve Template 13 (boyut/boyut) kullanarak
ürün sayfası A+ içerik görselleri için detaylı prompt paketi hazırla.
Üç farklı görsel için ayrı ayrı prompt ver.
Claude sana üç ayrı görsel promptu veriyor: birincisi kettlebell'in katlanmış / açık halini bir ofis masasıyla boyut karşılaştırması yaparak gösteren ölçü görseli, ikincisi 1-2-3 adımlarla ağırlık ayarlama mekanizmasını anlatan kullanım infografiği, üçüncüsü ürünle yapılabilecek 6 temel hareketi ikon formatında listeleyen egzersiz kartı.
Bu üç prompt'u ChatGPT'ye yapıştırıyorsun, görseller geliyor, müşterinin sayfasına yüklüyorsun. Müşterin hem memnun hem de bu iyileştirmeyi hizmet olarak faturalıyorsun.
Somut kazanç: Bir müşteri projesi için normalde tasarımcı bütçesi ayırman veya Canva'da manuel çalışman gerekirdi. Bu yetenek sayesinde A+ içerik üretimini hizmet portföyüne ekleyebiliyorsun, daha hızlı teslim ediyorsun, marjın artıyor.
🛠️ Kurulum
Yetenek tek bir repodan geliyor: github.com/buluslan/gpt-image2-ecommerce
Adım adım kurulum:
- GitHub'da repoya gir. Yeşil Code butonuna tıkla, Download ZIP seç.
- ZIP dosyasını bilgisayarında bir klasöre çıkart. Klasörün kökünde SKILL.md dosyası göreceksin.
- Çıkan klasörün tamamını
~/.claude/skills/klasörünün içine taşı. (Claude Code'da Upload skill seçeneğiyle de yükleyebilirsin.) - Claude Code'u aç. Hazırsın.
İki kullanım modu var. Yeni başlayanlar Mod A ile başlasın:
Mod A — Prompt modu (kolay, ek kurulum gerektirmez):
Claude, istediğin ürün sayfası infografiği için profesyonel ve detaylı bir görsel prompt hazırlar. Sen bu prompt'u ChatGPT (GPT-Image), Google Gemini veya Nano Banana Pro'ya yapıştırıp görseli üretirsin. Videoda gösterilen yol bu.
Mod B — Otomatik mod (ileri seviye):
Bilgisayarında OpenAI Codex CLI kuruluysa, Claude görsel üretimini senin için otomatik tamamlar. OpenAI API erişimi gerekir. Yeni başlayan Mod A ile devam etsin; bu moda geçiş için vakit olacak.
🎯 Şimdi yap: GitHub'a gir, ZIP'i indir,
~/.claude/skills/klasörüne bırak. 3 dakika sürer. Kurulumu tamamla, sonra aşağıdaki örnek komutları dene.
🎨 Nasıl kullanılır
Yeteneği yükledikten sonra Claude Code'a Türkçe yazarak başlıyorsun. Ürününü, hedef kitlesini ve hangi soruya görsel cevap vermek istediğini anlat. Claude uygun template'i seçer (ya da senden seçmeni ister) ve görsel prompt'u hazırlar.
Örnek komutlar:
Ürünüm: organik şampuan, 300 ml.
Müşteriler "ne kadar kullanmam lazım?" diye soruyor.
Template 11 ile kullanım adımlarını gösteren bir infografik için prompt hazırla:
1. saç ıslatma, 2. avuç içine dökme (5 ml), 3. saçı masaj yaparak yıkama, 4. durulama.
Bebek ürünleri satıyorum. Ürün: katlanabilir banyo küveti.
Müşteri sorusu: "Bu küvet ne kadar büyük? Evde nerede kullanılır?"
Template 13 (boyut spesifikasyonu) kullanarak şu bilgileri içeren görsel prompt hazırla:
- Açık boyut: 62x38x22 cm
- Katlanmış boyut: 62x38x5 cm
- Referans: standart mutfak tezgahında kullanım
- Ağırlık: 0.9 kg
Ürünüm: ahşap çocuk oyuncak seti (6 parça).
Amacım: hem ebeveyne "ne alacağım" sorusunu cevaplamak hem de güvenliği göstermek.
Template 11 kullanarak şunları içeren avantaj listesi infografiği için prompt yaz:
- 6 parçanın tek tek isimleri ve ne işe yaradığı
- "Boyasız, doğal ahşap" özelliği
- Yaş aralığı: 2-6 yaş
- CE sertifikalı olduğu bilgisi
Mutfak aleti satıyorum: manuel spiral rende.
Müşteriler "nasıl kullanılıyor ve temizleniyor?" diye soruyor.
Template 11 ile iki bölümlü infografik için prompt hazırla:
Bölüm 1 — Kullanım (3 adım): 1. sebzeyi yukarıdan sok, 2. döndür, 3. tabağa al.
Bölüm 2 — Temizlik (2 adım): 1. suyla çevir, 2. bulaşık makinesine koy.
Her adım için küçük bir ikon ve kısa bir başlık kullan.
💡 Soru-Görsel Eşleme Yöntemi: Ürün sayfanı geliştirmeden önce şu soruyu sor: "Müşterim satın almadan önce hangi üç soruyu sorar?" Bu üç soruyu yaz. Her soruya bir görsel türü karşılık getir: boyut sorusu → Template 13, kullanım sorusu → adımlı infografik, neden bu ürün sorusu → avantaj listesi. Bu üçlü şablonla hangi ürün olursa olsun sayfa infografiklerini sistematik olarak hazırlayabilirsin.
🎯 Şimdi yap: Kendi ürününü al, yukarıdaki dört örnek komuttan en uygun olanı seç, ürün bilgilerini yerleştir ve Claude'a gönder. İlk infografik promptunu gör.
⚠️ Yaygın hatalar ve ipuçları
⚠️ Hata 1 — Çok genel tanımlamak: "Ürünüm için güzel bir görsel yap" yazmak işe yaramaz. Claude'a hangi soruyu cevaplamak istediğini, hangi bilgilerin görselde yer alması gerektiğini ve hangi template'i kullanmak istediğini açıkça belirt. Ne kadar spesifik olursan, üretilen prompt o kadar kullanılabilir olur.
⚠️ Hata 2 — Tüm soruları tek görsele sıkıştırmak: "Boyutu da göster, kullanımı da anlat, avantajları da listele" dersen görsel karmaşık, okunaksız ve düşük dönüşümlü çıkar. Her görsel tek bir soruyu cevaplasın. Üç sorun varsa üç görsel yap. Sade görsel, hızlı karar demektir.
⚠️ Hata 3 — Boyutları sayısal vermemek: "Büyükçe bir ürün" yazmak yerine tam ölçüleri ver: "32 cm genişlik, 18 cm derinlik, 250 gram." Yapay Zeka doğru referans nesneyi seçebilmek için gerçek rakama ihtiyaç duyar. Tahmini ölçüler yanlış algı yaratır, müşteri ürünü elinde tutunca hayal kırıklığı yaşar.
ℹ️ İpucu — Rakip sayfaları referans al: En iyi ürün sayfası infografikleri için Amazon'un büyük markalarına bak. Bir protein tozu, bir oyuncak seti, bir mutfak aleti sayfasını incele. Onların infografiklerindeki yapıyı not al ve Claude'a "bu tarzdaki bir infografik için prompt hazırla" de. Claude başarılı örneklerden öğrenilen yapıyı yeni ürününe uyarlayabilir.
🔧 Kendin nasıl kurarsın (kopyala-yapıştır prompt)
Claude Code'u aç ve aşağıdaki prompt'u olduğu gibi yapıştır:
LÜTFEN ŞUNLARI SEN YAP:
1. Bilgisayarımda ~/.claude/skills/ klasörü var mı kontrol et.
Yoksa oluştur.
2. github.com/buluslan/gpt-image2-ecommerce reposundan
indirdiğim ZIP dosyasını ~/.claude/skills/ klasörüne
taşımam için bana adım adım rehberlik et.
(Klasörün içinde SKILL.md dosyası olmalı.)
3. Kurulum bittikten sonra şunu test et:
Ürünüm için ürün sayfası infografiği:
- Ürün: 500 ml cam su şişesi
- Müşteri sorusu: "Ne kadar büyük? Çantama sığar mı?"
Template 13 kullanarak boyut infografiği için görsel prompt hazırla.
4. Çıktıyı göster. Kurulum doğru çalışıyorsa bana bildir.
Özetleee
- Müşteri ürün sayfanda sorusuna cevap bulamazsa, satın almadan çıkar.
- Bu yetenek boyut, kullanım adımları ve avantaj listesi infografikleri üretiyor.
- Her görsel tek bir soruyu cevaplasın: sade görsel, hızlı karar demektir.
- Template 11 (infografik) ve Template 13 (boyut spesifikasyonu) bu yetenek için en çok kullanılan şablonlar.
- Mod A ile başla: Claude prompt hazırlar, sen ChatGPT / Gemini'de görseli üretirsin.
- E-ticaret markasıysan dönüşüm oranını artırmak için sayfa infografiklerinden başla.
- Ajans veya freelance'san A+ içerik üretimini hizmet portföyüne ekleyebilirsin.