Her e-ticaret sitesinin temel yapısı benzerdir. Müşteri hangi bölümleri görür, her bölümde ne olmalı? Hepsini burada bulursun.

Ana sayfa: sitenin vitrini

Müşteri ilk buraya düşer; kampanyaları, yeni ürünleri, kategorileri burada görür. Ana sayfada şunlar olmalı:

• Net başlık: ne sattığın hemen anlaşılsın (ör. 'El yapımı gümüş takılar', 'Organik köpek maması')
• Göze çarpan görseller: ürün fotoğrafları ya da kullanım anları; bulanık ya da küçük görsel koyma
• Kategoriler: müşteri aradığını hızla bulsun; menüde ya da ana sayfada kutular hâlinde göster
• Kampanya alanı: indirim, bedava kargo, yeni koleksiyon varsa buraya koy

Ürün sayfası: satışın gerçekleştiği yer

Müşteri ürünü burada inceler, fiyatını görür, sepete ekler. Ürün sayfasında şunlar eksik kalmasın:

• Kaliteli fotoğraflar: en az 3-4 açıdan (ön, arka, detay, kullanım anı); telefonla çeksen bile iyi ışıkta çek
• Net açıklama: ürün ne işe yarar, malzemesi ne, ölçüleri ne; müşteri görselden anlamaz
• Fiyat ve stok: hemen görünsün; stokta yoksa 'tükendi' ya da 'haber ver' seçeneği sun
• Varyantlar: beden, renk, hacim seçimi varsa açık olsun; seçim yapmadan sepete ekleme
• 'Sepete ekle' düğmesi: göze çarpan renkte, her ekranda görünsün; küçük ekranda da tıklanabilir olmalı

Sepet ve ödeme: güven kazandığın yer

Müşteri sepete ürün ekledi; şimdi ödemeye geçecek. Bu aşamada sitenin güvenli görünmesi çok önemli. Sepet sayfasında şunlar olmalı:

• Ürün özeti: ne aldığı, kaç adet, toplam tutar
• Kargo seçenekleri: hangi firmayla, ne kadar sürede, ücreti ne; birden fazla seçenek varsa müşteri seçsin
• İndirim kodu alanı: kupon varsa girebilsin
• Ödeme yöntemleri: kredi kartı, havale, kapıda ödeme; taksit varsa kaç taksit olduğu gösterilsin

Ödeme sayfasında SSL sertifikası (adres çubuğunda kilit simgesi) olmazsa müşteri güvenmez, siparişi yarıda bırakır.

Menü, arama ve footer

Müşteri aradığını hızla bulmalı. Menüde kategoriler net olsun; arama çubuğu her sayfada görünsün. Mobilde menü genellikle üstte üç çizgi (hamburger menü) olarak durur; tıklayınca açılır.

Footer (sayfanın en altı) boş kalmasın: iletişim bilgileri, iade koşulları, gizlilik politikası, sosyal medya bağlantıları buraya gelir. Müşteri güvenmek için buraya bakar.

Hazır tema mı, özel tasarım mı?

E-ticaret sitesi açarken iki yol var: hazır tema kullanmak ya da özel tasarım yaptırmak.

Hazır tema

Sitenin tüm görünümü (renkler, düzen, menüler, ödeme sayfası, sepet) baştan hazır gelir. Sen yalnız kendi ürünlerini, logonu ve renklerini eklersin. Kod yazmana, tasarımcı tutmana gerek kalmaz.

Avantajları:

• Kod bilgisi gerektirmez
• Tasarımcı ya da yazılımcı tutmana gerek kalmaz
• Mobil uyumlu: zaten telefon, tablet ve bilgisayarda düzgün görünür
• Güvenli: ödeme altyapısı, SSL, kargo entegrasyonu hazır gelir

Dezavantajı: tamamen özgün bir tasarım değil; aynı temayı kullanan başka mağazalar da olabilir. Ama logonu, renklerini ve ürün fotoğraflarını değiştirdiğinde mağazan kendine özgü hale gelir.

Özel tasarım

Tasarımcı ve yazılımcı tutup siteyi sıfırdan yaptırırsın. İstediğin her detayı belirlersin; ama bu süreç aylar alabilir ve masrafı yüksektir.

Özel tasarım kimler için mantıklı: büyük bütçesi olan, yılda binlerce sipariş alan markalar ya da çok özel bir kullanıcı deneyimi gereken işletmeler.

Küçük işletme olarak ilk kez e-ticarete başlıyorsan, hazır tema ile başlaman daha mantıklı. Satışlar büyüdükçe, ihtiyaç duydukça özel geliştirme yaparsın.

Sektöre özel tema neden önemli?

Her sektörün müşterisi farklı bilgi arar. Takı satıyorsan müşteri malzemeyi, gram ağırlığını, taş türünü görmek ister. Kozmetik satıyorsan içerik listesi, hacim, kullanım talimatı önemlidir. Giyim satıyorsan beden tablosu, kumaş bilgisi, yıkama talimatı olmalı.

Sektöre özel hazır temalarda bu bilgiler zaten düşünülmüş olur. Ürün sayfasında hangi alanların olacağı, hangi filtrelerin görüneceği temada hazır gelir. Sen yalnız kendi ürünlerini eklersin.

Örnek sektörler ve temalardaki farklar:

• Giyim: beden tablosu, renk ve beden seçimi, birden çok ürün fotoğrafı (ön, arka, detay)
• Kozmetik: içerik listesi, hacim seçimi, kullanım önerisi, cilt tipi filtresi
• Evcil hayvan: hayvan türü ve yaşı filtresi, düzenli teslimat hatırlatması, kilo bazlı porsiyon hesabı
• Otomotiv: marka-model-yıl seçimi, araca uygunluk kontrolü, teknik özellikler tablosu
• Ev dekorasyon: ölçü bilgisi, oda tipi filtresi, renk paletleri, kullanım alanı görselleri

Genel bir tema kullanırsan bu alanları kendin eklemen gerekir; sektöre özel temada hazırdır.

Mobil uyumluluk: satışın yarısı buradan gelir

Müşterilerin büyük çoğunluğu artık telefondan alışveriş yapıyor. Siten telefonda düzgün görünmüyorsa, menü açılmıyorsa, fotoğraflar yavaş yükleniyorsa ya da 'sepete ekle' düğmesi tıklanamıyorsa müşteri hemen çıkar.

Mobil uyumlu site ne demek:

• Ekran boyutuna göre düzen değişir: telefonda tek sütun, bilgisayarda iki ya da üç sütun
• Yazılar ve düğmeler küçük ekranda da okunur ve tıklanır
• Görseller hızlı yüklenir; sayfa kaymaz, bozulmaz
• Menü ve arama telefonda kolayca açılır

Hazır temaların neredeyse tamamı mobil uyumludur; ama yine de siteni yayınlamadan önce telefonundan kontrol et. Farklı ekran boyutlarında dene.

Sitenin hızı satışı nasıl etkiler?

Sayfa 3 saniyeden uzun sürerse müşteri beklemez, çıkar. Hız yalnız teknik bir konu değil; müşterinin gözünde 'site çalışıyor mu, güvenilir mi' algısını da etkiler.

Sitenin hızını düşüren sebepler:

• Ağır görseller: fotoğraflar çözünürlüğü yüksek ama dosya boyutu büyük olursa yavaş yüklenir
• Gereksiz eklentiler: her özellik için ayrı uygulama eklemişsen site şişer
• Zayıf altyapı: sunucu yavaşsa site genel olarak yavaş olur

Hızı artırmak için yapabileceklerin:

• Görselleri yüklemeden önce sıkıştır (JPEG formatı, 1200 piksel genişlik yeterli)
• Gereksiz eklenti ya da widget kullanma; her şey gerekli mi kontrol et
• Altyapı sağlam bir platform seç

Güvenilir görünüm için kontrol listesi

Müşteri siteye girdiğinde güvenmezse kredi kartı bilgisini girmez. Güvenilir görünüm için şu detaylara dikkat et:

• SSL sertifikası: adres çubuğunda kilit simgesi görünsün; adres 'https://' ile başlasın
• İletişim bilgileri: telefon, e-posta, adres açıkça yazılı olsun
• İade ve teslimat koşulları: net ve kolay ulaşılabilir olsun; müşteri okumadan sipariş vermez
• Ödeme logoları: hangi kartları kabul ettiğini, hangi ödeme yöntemlerini sunduğunu göster
• Sosyal kanıt: müşteri yorumları, değerlendirmeler, sosyal medya hesapları varsa bağlantı ver
• Hatasız yazım: yazım hatası, bozuk cümle, eksik bilgi güveni azaltır

Renk ve yazı tipi seçimi

Renk ve yazı tipi sitenin kimliğini belirler; ama abartırsan okunaksız hale gelir.

Renk seçimi

Ana renk, vurgu rengi ve arka plan rengi olarak üç renk belirle. Fazla renk kullanırsan göz yorulur, dikkat dağılır.

• Ana renk: markanın temel rengi; logo, düğmeler, başlıklar bu renkte olur
• Vurgu rengi: 'sepete ekle', 'satın al' gibi önemli düğmelerde kullanılır; ana renkten farklı, göze çarpan bir ton seç
• Arka plan: genellikle beyaz ya da açık gri; ürün fotoğrafları ön plana çıksın

Yazı tipi seçimi

En fazla iki yazı tipi kullan: biri başlıklar için, biri metin için. Fazla yazı tipi karmaşık görünüm yaratır.

• Başlıklar: kalın, dikkat çekici; ama okunabilir olsun
• Metin: sade, net; uzun açıklamalarda göz yormayan bir yazı tipi seç

Yazı boyutu küçük ekranda da okunabilir olmalı; 14-16 piksel metin boyutu idealdir.

Kendi alan adı mı, alt alan adı mı?

Siteyi açtığında iki seçenek var:

• Alt alan adı: platform sağlayıcının alan adı altında açarsın (ör. senin-magaza.platform.com)
• Kendi alan adın: kendi aldığın alan adını bağlarsın (ör. seninmagaza.com)

Alt alan adı ile başlayabilirsin; ama uzun vadede kendi alan adını almanı öneririm. Sebepleri:

• Profesyonel görünüm: müşteri güveni artar
• Marka hafızası: kendi adınla hatırlanırsın
• Bağımsızlık: ileride platform değiştirsen bile alan adını taşırsın

Alan adı yıllık ücretle alınır. Alırken marka adınla aynı ya da çok yakın bir isim seç; kısa ve akılda kalıcı olsun.

Sık yapılan hatalar

Site açarken şu hatalara düşme:

• Çok fazla özellik eklemek: her yeni uygulama siteyi yavaşlatır; yalnız gerçekten lazım olanları kur
• Ürün fotoğraflarını ihmal etmek: kötü ışık, bulanık, küçük fotoğraflar satışı düşürür
• Açıklamaları boş bırakmak: müşteri ürünü görselden anlamaz; ne olduğunu, ne işe yaradığını yaz
• İletişim bilgilerini gizlemek: müşteri sana ulaşamazsa güvenmez
• Mobil kontrolü yapmamak: siteyi yalnız bilgisayardan kontrol edip yayınlama; mutlaka telefondan dene