E-Ticaret & Pazaryeri Rehberi

Trendyol Mağaza Kapak, Banner ve Görsel Boyutları Rehberi

Pazaryerlerinde sadece fiyata oynayarak kalıcı bir marka yaratamazsınız. Mağazanızı profesyonel bir vitrine dönüştüren, müşteri güvenini inşa eden ve doğrudan satın alma kararını tetikleyen en güncel Trendyol görsel standartlarını derledik.

Trendyol Mağaza Kapak, Banner ve Ürün Görselleri Boyutları
Tüketici Karar Mekanizması

Pazar Yerlerinde Mağaza Sayfasının Gizli Gücü

Fiyat, yorum ve puanlar elbette önemlidir; ancak satın alma kararının son ve en güçlü kilidini mağazanın kurumsal görsel kimliği açar.

Gerçek Tüketici Deneyimi

Klavye & Fare Satın Alırken Ne Olur?

Diyelim ki yeni bir klavye ve fare satın alacaksınız. Ürün sayfasına girdiğinizde aynı modelin onlarca farklı satıcıda farklı fiyatlarla listelendiğini görürsünüz. İlk refleks mağaza puanlarına, yorumlara ve satıcının müşterilere verdiği cevaplara bakmaktır.

Birçok satıcı sürecin burada bittiğini düşünür. Oysa görsel kalitesi ve mağazanın marka kimliği tam bu eşikte devreye girer:

“Şahsen ben alacağım ürün için 200₺ - 300₺ fark olsa dahi, ucuz ama özensiz satıcı yerine; kurumsal, güven veren ve markasına değer katan mağazayı tercih ederim. Çünkü markasına özen gösteren satıcı, müşterisine de değer verir.”

Bu algı, e-ticaretten alışveriş yapan tüketicilerin büyük çoğunluğunda tamamen aynıdır. Güven satın almayı tetikler, güveni ise grafik bütünlük inşa eder.

Algı Karşılaştırması

Standart Satıcı vs. Kurumsal Marka

İhmal Edilmiş Mağaza
  • Boş veya rastgele yüklenmiş kalitesiz mağaza kapağı
  • Banner alanlarının boş bırakılması veya kopuk renkler
  • Sadece fiyat kırmaya dayalı düşük kâr marjlı satış
  • Müşteride "sorun yaşarsam muhatap bulamam" endişesi
Kurumsal Mağaza Kimliği
  • Özel tasarlanmış, takip etmeye teşvik eden CTA kapağı
  • Kategori hiyerarşisine uygun profesyonel banner seti
  • Fiyat rekabetinden sıyrılan güçlü marka değeri
  • Daha yüksek sepet tutarı ve sadık müşteri kitlesi
Teknik Standartlar

Trendyol Mağaza ve Ürün Görsel Boyutları

Tasarım hazırlarken piksel kaybı yaşamamak ve her cihazda kusursuz görünmek için uygulamanız gereken net ölçüler ve tasarım stratejileri.

01

Trendyol Mağaza Kapak Boyutları

Masaüstü ve Mobil Ekranlar İçin Çift Format
Web / Masaüstü 1200 × 98 px
Mobil Uygulama 750 × 254 px

Mağaza kapağı, kullanıcının mağaza profilinize girdiğinde karşılaştığı ilk vitrindir. Masaüstü tarayıcılarda ve Trendyol mobil uygulamasında ekran oranları tamamen farklı olduğundan mutlaka iki ayrı dosya hazırlayıp yüklemelisiniz:

  • Masaüstü Ekranı (1200×98 px): Çok ince ve yatay panoramik bir alandır. Metinlerin ve logonun dikeyde taşmaması, kenarlardan emniyet payı bırakılması şarttır.
  • Mobil Uygulama (750×254 px): Çok daha ferah dikey alana sahiptir. Mobil ekranlarda parmakla kaydırmaya uygun, okunabilir puntolar tercih edilmelidir.
Tasarımcının CTA Stratejisi:

Mağaza kapaklarında pasif bir arka plan yerine; müşteriye doğrudan eyleme geçiren “Mağazayı Takip Et, İndirim Kuponunu Yakala!” gibi yönlendirici CTA butonları yerleştirmek takipçi sayınızı ve sadık alıcı kitlenizi katlar.

Trendyol Web Mağaza Kapağı Tasarımı 1200x98
Trendyol Web Mağaza Kapağı (1200×98 px) — Yatay alanda logonun, marka vaadinin ve takip CTA'sının dengeli dağılımı.
02

Trendyol Mağaza Banner Boyutları

Hiyerarşik Kampanya ve Kategori Vitrini
Büyük Ana Banner 1800 × 855 px
Küçük Kare Banner 1800 × 1800 px

Başarılı bir Trendyol mağaza mimarisinde ideal akış: En üstte mağaza ismini, marka sloganını ve ana kampanyayı taşıyan Büyük Banner; hemen altında ise kategorileri ve özel koleksiyonları listeleyen Küçük Kare Bannerlar kombinasyonudur.

  • Büyük Boyutlu Ana Banner (1800×855 px): Mağaza vitrininin en görkemli sahnesidir. Sezon indirimi, yeni koleksiyon lansmanı ya da en çok satan ürün serisi burada konumlandırılır.
  • Küçük / Kare Bannerlar (1800×1800 px): 1:1 oranında hazırlanan bu alanlar, müşteriyi ilgili kategoriye (Örn: "Mekanik Klavyeler", "Kablosuz Fareler", "Gaming Aksesuarlar") veya "Ürünleri İncele" CTA'sına yönlendirir.
Hiyerarşi ve Düzen Kuralı:

Tüm banner setinde aynı yazı tipi ailesini ve marka paletini koruyun. Renk karmaşası yaratmak yerine, tek bir kurumsal kimliğin parçası gibi hissettiren bir grid kurgusu oluşturun.

Trendyol Banner Tasarımları 1800x855 ve 1800x1800
Trendyol Banner Tasarımları — Büyük ana banner ile kare kategori bannerlarının mağaza içinde yarattığı kurumsal vitrin etkisi.
03

Trendyol Ürün Kapak ve Galeri Boyutları

Satın Alma Kararını Belirleyen 2:3 Oranı
Ürün Görseli Ebatı 1200 × 1800 px
En-Boy Oranı 2 : 3 (Dikey)

Müşteri arama sonuçlarında gezinirken yüzlerce ürün arasından yalnızca kapak görseline bakarak tıklama kararı verir. Trendyol ürün listeleme standardı 1200×1800 px boyutunda dikey (2:3) formattır.

Ürün Görselleri İçin Hayati İki Kural:

1
Ana Kapak: Dikkat Çekici & Kurumsal Grafik Tasarım

İlk görselde markanızın kurumsal kimliğine uygun renkler, ürünün en güçlü avantajını özetleyen ikonik grafik unsurlar ve profesyonel tipografi kullanılmalıdır.

2
İkinci ve Üçüncü Görsel: Saf Beyaz Fonda Gerçek Ürün Fotoğrafı

Ana görsel ne kadar grafik tasarımla zenginleştirilmiş olursa olsun; müşteri ürünü tüm çıplaklığıyla görmek ister. İkinci veya üçüncü görsel mutlaka profesyonel stüdyo ışığı altında ve kusursuz beyaz arka planda çekilmiş net ürün fotoğrafı olmalıdır.

Trendyol Ürün Kapak Tasarımları 1200x1800
Trendyol Ürün Kapak Tasarımı — 1200×1800 px oranında dikkat çekici grafik kapak ile stüdyo ürün fotoğrafının dengeli kullanımı.
Hızlı Başvuru Kartı

Trendyol Görsel Boyutları Özet Tablosu

Figma & Photoshop İçin Hazır Ölçüler
Görsel Türü Önerilen Boyut (px) En-Boy Oranı Kullanım Amacı Format
Masaüstü Mağaza Kapağı 1200 × 98 px 12.2 : 1 (Ultra Geniş) Web mağaza profili üst vitrini JPG / PNG
Mobil Mağaza Kapağı 750 × 254 px ~2.95 : 1 (Yatay) Trendyol Mobil Uygulama mağaza başlığı JPG / PNG
Büyük Ana Banner 1800 × 855 px 2.1 : 1 (Geniş Açılı) Marka sloganı, büyük kampanya & lansman JPG / PNG
Küçük Kare Banner 1800 × 1800 px 1 : 1 (Kare) Kategori vitrinleri & alt kampanya blokları JPG / PNG
Ürün Görseli (Kapak & Galeri) 1200 × 1800 px 2 : 3 (Dikey E-Ticaret) Arama sonuçları listelemesi & ürün galerisi JPG (RGB, 72-150 DPI)
Dönüşüm Optimizasyonu

Trendyol’da Satış Katlayan 4 Altın Tasarım Prensibi

01

Bütünsel Tasarım Dili

Banner’dan ürün kapağına kadar aynı kurumsal fontu, renk paletini ve ikonografi stilini uygulayarak mağazanızı tek bir profesyonel marka gibi hissettirin.

02

Harekete Geçirici CTA’lar

Banner ve kapak tasarımlarınıza "İncele", "Fırsatı Yakala", "Kuponu Kullan" gibi yönlendirici görsel butonlar ekleyerek ziyaretçiyi eyleme sevk edin.

03

Net Beyaz Fon Güvencesi

Grafik kapak tıklatır; ancak saf beyaz fondaki gerçek stüdyo fotoğrafı ürünü satın aldırır. Galeri diziliminde bu ikiliyi mutlaka birlikte kullanın.

04

Mobil Öncelikli Tipografi

Trendyol trafiğinin %85'inden fazlası mobil uygulamadan gelir. Banner metinlerinizi küçük telefon ekranlarında bile rahatça okunabilecek boyutlarda tutun.

Stratejik Sonuç

Tasarım, Pazaryerinde Fiyat Rekabetini Bitirir

Rakipleriniz fiyat kırarak kâr marjlarını tüketirken, siz profesyonel bir kurumsal kimlikle müşteride güven inşa edebilir ve 200₺-300₺ daha pahalıya satsanız dahi ilk tercih edilen mağaza olabilirsiniz. Doğru ebatlar ve özenli tasarımla pazaryeri vitrininizi hemen yenileyin.