Ticaret operasyonunuzu tek merkezden yönetin. Platformu Keşfet
+90 850 840 91 50
← Tüm Yazılar
Rehber Musab Özçevik 20.10.2026

E-Ticaret Sitesi Tasarımı Nasıl Olmalı? (Sektöre Özel)

E-ticaret sitesi tasarımında hangi bölümler olmalı, sektörüne göre nelere dikkat etmelisin? Profesyonel görünüm için adım adım kontrol listesi.

E-Ticaret Sitesi Tasarımı Nasıl Olmalı? (Sektöre Özel)

Tasarım Rehberi

Profesyonel site = güven + kolay alışveriş

Ürünün kaliteli ama siten dağınık görünüyorsa müşteri sipariş vermeden çıkar. Tasarım güzel görünmekten çok güven vermek ve satışı kolaylaştırmak demek.

İnternetten alışveriş yapan müşteri sana güvenmek zorunda. Ürünü eline almıyor, dükkânını görüp tanımıyor. Güvenini kazanmanın ilk yolu sitenin tasarımı. Dağınık menü, küçük fotoğraf, eski görünümlü renkler ya da mobilde bozuk sayfa müşteriyi hemen kaybettirir.

Profesyonel tasarım pahalı ajansa para vermek demek değil. Doğru yapıyı kurmak, sektörüne uygun bölümleri eklemek ve müşterinin aradığını kolayca bulmasını sağlamak demek. Bu yazıda hangi bölümlerin olması gerektiğini, sektörüne göre nelere dikkat edeceğini ve kendin nasıl düzenleyeceğini adım adım anlatacağım.

Her sitede olması gereken bölümler

Hangi sektörde olursan ol, bu bölümler eksik olmamalı:

Ana sayfa: ilk 3 saniyede ne sattığını anlat

  • Açık başlık: 'El yapımı gümüş takı', 'Organik bebek gıdası' gibi. Müşteri ne sattığını hemen anlamalı.
  • Öne çıkan ürünler: En çok satanlar, yeni gelenler ya da kampanyalı ürünler görünsün.
  • Kategoriler: Müşteri aramadan kategoriye tıklayıp bulsun (erkek ayakkabı, kedi maması gibi).
  • Güven işaretleri: Ücretsiz kargo, kapıda ödeme, iade süresi hemen görünsün.

Ürün sayfası: karar burada veriliyor

Müşteri 'alayım mı almayayım mı' kararını burada veriyor. Eksik olmaması gerekenler:

  • Büyük ve net fotoğraflar: Ürünü her açıdan göster. Zoom yapabilmeli, detayları görebilmeli.
  • Eksiksiz açıklama: Malzeme, ölçü, kullanım, içindekiler. Müşteri 'acaba' diye merak edip çıkmasın.
  • Fiyat ve stok: Net görünsün. 'Fiyat için ara' diye yazmak müşteriyi kaybettirir.
  • Varyantlar: Beden, renk, numara açık olsun. Stokta olmayan beden gri görünsün ama silinmesin.
  • Sepete ekle düğmesi: Sayfanın üstünde ve altında olmalı. Aşağı kaydırınca kaybolmamalı.

Sepet ve ödeme: son adımda kayıp olmasın

Müşteri sepete attıysa neredeyse aldı demektir. Son anda vazgeçmemesi için:

  • Sepet özeti: Ürün, adet, fiyat, kargo, toplam tutar net görünsün.
  • Kargo seçenekleri: Hızlı kargo, ücretsiz kargo eşiği açık olsun.
  • Ödeme yöntemleri: Kredi kartı, kapıda ödeme, havale. Taksit varsa kaç taksit olduğu belli olsun.
  • Adres formu: Kısa ve anlaşılır. Gereksiz alan sorma (TC kimlik no istersen şüphelenir).

Hakkımızda ve iletişim: güven buradan geliyor

Müşteri kim olduğunu, nerede olduğunu, nasıl ulaşacağını bilmek istiyor:

  • Kısaca kim olduğunu anlat (20 yıldır ayakkabı imalatı yapıyoruz, kendi atölyemizde üretiyoruz gibi).
  • Fotoğraf ekle: atölye, dükkân ya da ekip fotoğrafı güven verir.
  • İletişim bilgilerini net yaz: telefon, e-posta, adres. Haritada göster.

Sektöre göre tasarım: her iş farklı bölüm ister

Genel yapı aynı olsa da her sektörün kendine özel ihtiyacı var.

Giyim ve aksesuar

  • Büyük fotoğraflar: Manken üzerinde, detay çekimler, farklı açılar.
  • Beden tablosu: Her üründe beden ölçüleri olsun. 'M beden kaç beden?' diye sormasınlar.
  • Renk ve beden seçimi: Stokta olan ve olmayan bedenler net görünsün.
  • Kombinler: 'Bu ürünle birlikte al' önerisi göster.

Kozmetik ve kişisel bakım

  • İçerik listesi: Hangi maddeleri içerdiği, hangilerini içermediği (paraben, SLS gibi) yazılı olsun.
  • Kullanım talimatı: Nasıl uygulanır, ne sıklıkla kullanılır.
  • Cilt tipi önerisi: Kuru cilt, yağlı cilt, hassas cilt gibi etiketler.
  • Sertifikalar: Vegan, doğal, dermatolojik test edilmiş gibi belgeler varsa göster.

Yiyecek ve gıda

  • İçindekiler ve besin değeri: Kalori, protein, katkı maddesi.
  • Son kullanma tarihi: Taze mi, ne kadar dayanır.
  • Saklama koşulları: Buzdolabında saklanır mı, oda sıcaklığında durur mu.
  • Üretim hikâyesi: Nerede, nasıl üretildiği (köy yoğurdu, kendi bahçemizden gibi).

Evcil hayvan ürünleri

  • Hayvan türüne göre kategori: Kedi, köpek, kuş, balık ayrı ayrı.
  • Yaş ve ırk bilgisi: Yavru, yetişkin, yaşlı; büyük ırk, küçük ırk gibi filtreler.
  • İçerik ve katkılar: Tahılsız, hipoalerjenik, organik.
  • Kullanım önerisi: Günde kaç öğün, kaç gram verilir.

Otomotiv yedek parça

  • Araç uyumluluk seçici: Marka, model, yıl, motor hacmi seçsin; uyumlu parçalar çıksın.
  • OEM kodu: Orijinal parça kodu varsa yaz.
  • Montaj bilgisi: Kendisi takabilir mi, servise gitmesi gerekir mi.
  • Garanti süresi: Kaç ay garantili, hangi koşullarda geçerli.

Beyaz eşya ve mobilya

  • Ölçüler: Genişlik, yükseklik, derinlik net yazsın.
  • Kapı ve asansör uyarısı: 'Montajdan önce kapı ve asansör ölçülerini kontrol edin' gibi not.
  • Enerji sınıfı: Elektrikli cihazlarda A+, A++ gibi bilgi.
  • Kurulum hizmeti: Montaj dahil mi, ek ücret var mı.

Tasarımı kendin nasıl düzenlersin?

Tasarımcı tutmadan da profesyonel görünümlü site açabilirsin. Sektörüne uygun hazır tema seçip kendine göre düzenlemen yeterli.

Hazır tema ne işe yarar?

Hazır tema, sitenin iskeletinin önceden kurulu geldiği tasarım şablonu. Menü, ürün listeleme, sepet sayfası, iletişim formu gibi bölümler zaten var. Sen logonu, renklerini ve ürünlerini ekliyorsun. Kod yazmana, tasarımcı tutmana gerek kalmıyor.

Örneğin giyim temasında büyük ürün fotoğrafları ve beden seçici var, kozmetik temasında cilt tipi filtresi, otomotiv temasında araç uyumluluk seçici. Temayı seçtikten sonra sürükle bırak editörle logonu, renklerini ve yazılarını değiştirebilirsin.

Renk ve yazı tipi nasıl seçilir?

  • Marka rengini kullan: Logondaki rengi sitenin ana rengi yap. Düğmeler, başlıklar bu renkte olsun.
  • Fazla renk kullanma: İki ana renk yeterli (biri koyu, biri açık). Çok renkli site karmaşık görünür.
  • Yazı okunaklı olsun: Çok ince, çok süslü ya da çok küçük yazı okutmaz. Ürün açıklamalarında en az 14 punto.
  • Kontrast önemli: Açık arka plana koyu yazı, koyu arka plana açık yazı. Gri üzerine açık gri okunmaz.

Mobilde nasıl görünüyor kontrol et

Müşterilerin çoğu telefondan alışveriş yapıyor. Siten bilgisayarda güzel görünüp mobilde bozuksa satış kaybedersin. Kontrol et:

  • Menü mobilde açılıyor mu?
  • Ürün fotoğrafları mobilde büyük görünüyor mu?
  • Sepete ekle düğmesi parmakla rahatça tıklanıyor mu?
  • Ödeme sayfası mobilde dolduruluyor mu?

Kendi telefonundan siteni aç, bir ürünü sepete ekleyip ödeme adımına kadar git. Bir yerde takılırsan müşteri de takılıyor demektir.

Sık yapılan tasarım hataları

1. Ana sayfaya her şeyi yığmak

Kampanya, yeni ürün, hakkımızda, iletişim, blog... hepsi bir arada olunca müşteri ne yapacağını şaşırır. Her sayfanın bir amacı olsun: ana sayfa ürün gösterir, hakkımızda sayfası hikaye anlatır, ürün sayfası satış yapar.

2. Küçük ve bulanık fotoğraf kullanmak

Fotoğraf telefonla çekilmiş, ışık kötü, arka plan dağınık olursa müşteri ürünü beğenmez. Fotoğraf net, aydınlık ve büyük olmalı. Zoom yapınca pikselleşmemeli.

3. Fiyatı gizlemek

'Fiyat için bizi arayın' ya da 'Teklif alın' yazan sitelerden müşteri hemen çıkar. Fiyatı net yaz. İndirim varsa eski fiyatı çizili göster.

4. Çok fazla açılır pencere (popup)

Müşteri siteye girince hemen 'E-posta bültenimize abone ol', sonra 'İlk alışverişe indirim', sonra 'Çerez politikası' çıkarsa sinirlenir ve siteyi kapatır. Popup kullanacaksan bir tane ve zamanında (30 saniye sonra gibi) çıksın.

5. Karmaşık menü

Menüde 20 kategori, her kategorinin altında 10 alt kategori olursa müşteri kaybolur. Menüyü sade tut: ana kategoriler (Kadın, Erkek, Çocuk gibi) ve altında en fazla 5-6 alt kategori.

6. Yavaş açılan sayfa

Site açılması 5 saniye sürüyorsa müşteri beklemez. Fotoğrafları sıkıştır, gereksiz eklenti kullanma. Kendi internetinden siteyi aç, 3 saniyede açılmıyorsa bir sorun var demektir.

Kontrol Listesi

Sitenin tasarımını kontrol et

Siteyi yayına almadan önce bu maddeleri tek tek kontrol et. Hepsi tamam diyorsan hazırsın.

Ana sayfa net mi?

Ne sattığın ilk 3 saniyede anlaşılıyor mu? Öne çıkan ürünler ve kategoriler görünüyor mu?

Ürün sayfası eksiksiz mi?

Büyük fotoğraf, açıklama, fiyat, stok, beden/renk seçimi ve sepete ekle düğmesi var mı?

Mobilde çalışıyor mu?

Telefondan siteyi aç, menüyü kullan, ürün sepete ekle. Bir yerde takılıyor musun?

İletişim bilgileri açık mı?

Telefon, e-posta, adres görünüyor mu? Hakkımızda sayfasında kim olduğunu anlattın mı?

Ödeme sayfası basit mi?

Adres formu kısa mı? Kargo ve ödeme seçenekleri net mi? Toplam tutar görünüyor mu?

Güven işaretleri var mı?

Ücretsiz kargo, kapıda ödeme, iade süresi, güvenli ödeme gibi bilgiler görünüyor mu?

Sık Sorulanlar

Tasarım hakkında merak edilenler

E-ticaret sitesi tasarımıyla ilgili en çok sorulan soruları yanıtladık.

Hazır tema kullanırsam siteler birbirine benzemez mi?

Hayır. Hazır tema iskelet verir ama sen logonu, renklerini, yazılarını ve fotoğraflarını eklediğinde site tamamen senin markanı yansıtır. İki dükkân aynı temayı kullanıp tamamen farklı görünebilir. Önemli olan içerik ve kimlik, şablon değil.

Tasarımı sonradan değiştirebilir miyim?

Evet. Sürükle bırak editörle istediğin zaman renk, yazı, bölüm düzenini değiştirebilirsin. Farklı bir temaya geçmek istersen ürünlerin ve ayarların kaybolmaz, yeni temaya taşınır.

Kod bilmeden tasarım yapabilir miyim?

Evet. Hazır temalarda kod yazmana gerek yok. Sürükle bırak editörle logo eklersin, renk seçersin, bölümleri yerleştirirsin. Teknik bilgi gerekmez.

Sitenin yavaş açılmaması için ne yapmalıyım?

Ürün fotoğraflarını yüklemeden önce sıkıştır (boyutları küçült). Çok fazla video, animasyon ya da eklenti kullanma. Gereksiz popup kapatma. Kendi telefonundan siteni aç, 3 saniyeden uzun sürüyorsa fotoğraf boyutlarını kontrol et.

Hemen Başla

Sektörüne özel temayı 14 gün ücretsiz dene

Kart bilgisi istemeden temayı seç, logonu ekle ve siteni yayına al. Kod yazmana, tasarımcı tutmana gerek yok.