Giriş

Ayıcık Dünyası markası için Efira Ajans tarafından uçtan uca geliştirilen e-ticaret projesinin stratejiden canlıya çıkışa kadar tüm aşamalarını, kullanılan teknoloji yığınını, entegrasyonları ve operasyonel süreçleri adım adım anlatıyoruz. Metin; iş hedeflerinden bilgi mimarisi ve UI/UX’e, performans-güvenlik optimizasyonlarına, ödeme/kargo entegrasyonlarından SEO ve analiz kurulumlarına kadar pratik yaklaşımı özetler.

1) Proje Hedefleri ve Başarı Kriterleri

İş Hedefleri

• Güven veren, estetik ve hızlı e-ticaret deneyimi.
• Operasyon maliyetlerini düşüren tek panel yönetimi.
• Organik trafik & dönüşüm artışı, ölçülebilir ROAS.
• Merkezi müşteri verisi ile tekrar satın alma artışı.

Başarı Kriterleri (KPI)

• Core Web Vitals (LCP/CLS/INP) yeşil bölge.
• Sepet ve ödeme tamamlama oranlarında artış.
• GA4/Meta/TikTok piksel verilerinin sorunsuz akışı.
• Müşteri hizmetleri & lojistikte yanıt/teslim süresi düşüşü.

2) Kapsam ve Yol Haritası (Discovery → Launch)

1. Discovery & Analiz: Paydaş görüşmeleri, rakip/pazar analizi.
2. Bilgi Mimarisi: Kategori ağaçları, attribute setleri, varyantlar.
3. UX Akışları: Ana sayfa → kategori → ürün → sepet → ödeme.
4. UI Tasarım: Mobil-öncelikli grid, tipografi, renk/ikon.
5. Teknik Mimari: Sunucu, DB, CDN, cache, log, CI/CD, güvenlik.
6. Geliştirme: Back-end, front-end, panel, entegrasyonlar.
7. İçerik/Katalog: Ürün foto/metin, varyant; toplu Excel içe/dışa akt.
8. Test: Unit/feature, e2e (Dusk), güvenlik taramaları.
9. Eğitim: Panel eğitimleri, operasyon el kitabı.
10. Go-Live: Geçiş planı, rollback, izleme.

3) Teknoloji Yığını

• Back-End: PHP Laravel 10 (RESTful, Service/Repository, Form Request, Policy/Gate)
• Ön Yüz: Blade + Alpine.js/Vue, SCSS
• Veritabanı: MySQL 8 (indeksler, migration/seed, Eloquent ilişkileri)
• Önbellek: Redis (tagged cache, cache-aside)
• Kuyruk: Redis Queue (mail, bildirim, rapor işleri)
• Depolama: S3 uyumlu + Cloudflare CDN (WebP/AVIF)
• Sunucu: Nginx, PHP-FPM, Docker (staging/prod)
• CI/CD: GitHub Actions (test & deploy)
• Analitik: GA4, Search Console, Meta/TikTok Pixel

4) Bilgi Mimarisi ve Katalog Modeli

Kategori & Navigasyon

Üst: Peluşlar, Bebek & Anne, Hediye Setleri, Kişiselleştirilebilir Ürünler, Kampanyalar.

Alt: Yaşa/tema/boyut/materyale göre kırılımlar.

Ürün Veri Modeli

• SKU/Barcode zorunlu; varyant bazlı stok/fiyat.
• Attributes: renk, boyut, kumaş, dolgu, yaş aralığı.
• Medya: 1 ana + 6 yan görsel, video; beyaz arka plan & lifestyle.
• SEO: H1, meta, OG; Schema (Product, Breadcrumb).
• İçerik: bakım talimatı, iade/garanti, teslimat.

Filtreleme & Sıralama

Çoklu filtreler, facet sayımı, popülerlik/yenilik/fiyat/satış puanı ile sıralama.

5) UX Akışları – Adım Adım

1. Ana Sayfa: Kahraman görseller, koleksiyonlar, güven işaretleri.
2. Kategori: Filtre & sıralama; grid-list görünüm; boş/dolu state.
3. Ürün: Galeri (zoom), varyant seçici, stok/kampanya rozetleri.
4. Sepet: Kupon alanı, tahmini kargo, upsell/cross-sell.
5. Checkout: One-page, 3D Secure, sözleşmeler, adres/kargo/ödeme.
6. Hesabım: Sipariş geçmişi, iade, adres defteri, istek listesi.
7. İçerik: SSS, kargo & iade, politika sayfaları.

6) UI Tasarım Prensipleri

• Mobil öncelik, 8pt grid, 44x44 hedef boyutu, erişilebilirlik.
• Çocuk dostu, sıcak ve güven veren görsel dil.
• Bileşen kütüphanesi: button, card, form, badge, alert.
• Mikro etkileşimler ve açıklayıcı hata durumları.

7) Ödeme, Kargo ve Pazaryeri Entegrasyonları

Ödeme: PayTR / İyzico / Param POS; 3D Secure; taksit & komisyon; PCI DSS uyum.

Kargo: Yurtiçi, MNG, Aras, Sürat, Sendeo, PTT; etiket, barkod, takip linki.

Pazaryeri: Trendyol, Hepsiburada, n11; stok/fiyat senkron; tek panel sipariş.

E-Fatura/Ön Muhasebe: Paraşüt/Mysoft/Bilsoft; iptal/iade fatura.

8) Performans ve Güvenlik

Performans

• Lighthouse/WebPageTest; LCP < 2.5 sn.
• Resim: WebP/AVIF, lazy-load, srcset; CDN edge caching.
• Kod: HTTP/2, minify/treeshake, kritik CSS, N+1 kaçınma.
• Cache: Redis + HTTP Cache-Control; ETag/Last-Modified.

Güvenlik

• OWASP Top 10: CSRF/XSS/SQLi/SSRF; rate-limit.
• WAF & DDoS; audit log; 2FA; IP kısıtlama.
• KVKK/GDPR: Aydınlatma, açık rıza, çerez yönetimi, veri saklama.

9) Geliştirme Süreci

• Branch: main/develop/feature/*; protected branch.
• Kod standartları: PHP CS Fixer, ESLint/Prettier; conventional commits.
• Test: PHPUnit, Pest; Dusk e2e; coverage.
• Migration/Seeder: staging dummy veri; güvenli sıralı plan.
• CI/CD: Otomatik test/build/deploy; rollback; status page.

10) İçerik, Fotoğraf ve Metin Standartları

• Foto: 2000px+, beyaz arka plan + lifestyle.
• Video: 10–30 sn; altyazı; < 8MB.
• Metin: bakım/uyarı/garanti; teslimat netliği.
• SEO: %1–2 yoğunluk; LSI; duplicate engeli.
• Blog: hediye rehberi, yaşa göre oyuncak, güvenlik.

11) SEO ve Analitik

• Teknik SEO: robots.txt, sitemap.xml, canonical/alt, breadcrumb, schema.org.
• URL: /kategori/urun-adi-sku; TR karakter dönüşümü; 301 yönlendirme.
• Core Web Vitals: kritik CSS/JS; render-blocking azaltma.
• GA4: view_item, add_to_cart, begin_checkout, purchase; UTM standardı.
• Search Console: site haritası, feed sorunları, mobil kullanılabilirlik.

12) Operasyon ve Panel

• Ürün: varyant stok; Excel içe/dışa; kampanya/kupon; fiyat kuralları.
• Sipariş & iade: durum akışları; e-posta/SMS bildirimleri.
• Müşteri desteği: ticket, SSS, WhatsApp Click-to-Chat.
• Roller & yetkiler: çoklu kullanıcı; menü yetkilendirme; loglama.
• İçerik yönetimi: banner, duyuru, blog; modül yönetimi.

13) Test, UAT ve Canlıya Çıkış

• Fonksiyonel test: ürün/sepet/kupon/vergi; hata senaryoları.
• Ödeme: 3D Secure, başarısız ödeme, iptal/iadeler.
• Kargo: etiket/manifesto; takip linki doğruluğu.
• UAT: kabul kriterleri; bulgu takibi.
• Go-Live: düşük trafikte geçiş; DNS/SSL, CDN aktivasyonu; rollback.

14) Eğitim, Dokümantasyon ve Devreye Alma Sonrası

• Panel eğitimleri: katalog, sipariş, iade, kampanya, raporlama.
• Dokümantasyon: PDF/video rehberler; SSS.
• SLA & destek: yanıt süreleri, bakım pencereleri, güvenlik güncellemeleri.
• Gözlem: uptime, Sentry, performans alarmları.

15) Pazarlama Altyapısı ve Otomasyon

• Piksel & Dönüşüm API’si: Meta/TikTok/Google Ads.
• E-posta/SMS: hoş geldin, sepet hatırlatma, stok bildirimi, doğum günü.
• Sadakat: puan/rozet, referans, kişisel kupon; RFM segmentleri.
• Kampanyalar: bundling & upsell; dinamik vitrin.
• A/B Testi: CTA metni, banner dili, modül sırası.

16) Güven, Yasal Uyum ve Veri Gizliliği

• KVKK: aydınlatma, açık rıza, çerez yönetimi; veri saklama.
• Mesafeli Satış: onaylı arşiv; cayma hakkı.
• Güven Rozetleri: 3D Secure, SSL, iade/teslimat şeffaflığı; yorum/puan.
• Çocuk Güvenliği: yaş uyarıları, EN71, bakım talimatları.

17) Ölçümleme, Raporlama ve Sürekli İyileştirme

• Raporlar: ürün/kategori performansı, arama terimleri, kampanya etkisi.
• Kohort: ilk alışverişe göre tekrar satın alma.
• Fiyat/Marj: kampanya kârlılığı; kargo maliyeti; iade oranları.
• Yol haritası: PWA, mobil uygulama, görsel arama, öneri motoru.

18) Sonuç ve Değer Önerisi

Efira Ajans olarak Ayıcık Dünyası için kurduğumuz yeni nesil e-ticaret altyapısı; hızlı, güvenli, ölçülebilir ve ölçeklenebilir bir temel sunar. Katalog yönetimi ve entegrasyonlar operasyonu sadeleştirirken, modern UX/UI ve performans optimizasyonları dönüşümü destekler.

19) Terimler Sözlüğü

• LCP: Largest Contentful Paint; en büyük içerik bloğunun yüklenme süresi.
• CLS: Cumulative Layout Shift; yüklenirken beklenmedik kaymaların toplamı.
• INP: Interaction to Next Paint; etkileşim sonrası yansıma gecikmesi.
• 3D Secure: Kart doğrulama katmanı.
• PWA: Progressive Web App; mobil uygulamaya yakın deneyim.
• Schema Markup: Yapılandırılmış veri işaretleme.
• SLA: Hizmet seviyesi sözleşmesi.
• Idempotent: Tekrarlı isteğin aynı etkiyi vermesi.
• RFM: Recency-Frequency-Monetary; müşteri segmentasyonu.
• Cache: Hızlı erişim için saklama katmanı.
• CDN: İçeriği en yakın noktadan sunar.
• WAF: Web Application Firewall; saldırı filtreleme.
• PCI DSS: Kart verisi güvenlik standardı.
• UAT: User Acceptance Testing; kullanıcı kabul testi.