Mağaza dönüşümü
Menü, arama, mobil alt çubuk ve profil ekranları ürün satışına göre yeniden kurgulandı. Menünün veritabanından geldiği fark edilip eski kayıtlar gizlendi; koda ayrıca koruma eklendi.
E-ticaret
Campmatik
Etkinlik platformundan ürün mağazasına dönüştürülen kamp ekipmanları e-ticareti: veritabanından yönetilen menü, tek ortak ürün kartı ve 6502'ye göre yeniden yazılmış yasal akış. 56 bin satır kod, 47 tablo.
Teknik künye
Neyle kuruldu?
| Teknoloji | React 18 + TypeScript, Vite, Tailwind CSS, Framer Motion |
|---|---|
| Sunucu | PostgreSQL + uç fonksiyonlar, satır seviyesi yetkilendirme |
| Kod boyutu | ~56.000 satır · 329 dosya |
| Arayüz | 141 bileşen · 35 sayfa · veritabanından yönetilen menü |
| Veritabanı | 47 tablo · 72 sürümlenmiş göç |
| Sunucu fonksiyonu | 17 adet (ödeme, e-posta, görsel boyutlandırma, otomatik blog) |
| Ödeme | 3D Secure'lu sanal POS, taksit, kampanya ve kupon motoru |
| Görsel | Nesne depolama + kategori afişleri için masaüstü/telefon ayrı kadraj |
| Yasal | 6502 kapsamında yeniden yazılmış mesafeli satış ve 14 gün cayma akışı |
Farkı ne
Standart bir siteden farkı
- Etkinlik platformundan mağazaya dönüştürüldü. Bilet, katılımcı ve etkinlik mantığı sökülüp yerine varyantlı ürün, sepet ve kargo akışı kuruldu — sıfırdan yazmak yerine çalışan sistem taşındı.
- Menü koddan değil veritabanından geliyor. Üst menü, mobil alt çubuk ve kategori yapısı yönetim panelinden değişiyor; kodda yalnızca yedek liste duruyor.
- Tek ürün kartı, üç farklı yerde. Ana sayfa rafları, kategori satırları ve ürün ızgarası aynı bileşeni kullanıyor; sepete ekleme ve favori davranışı tek bir yerden yönetiliyor, sayfadan sayfaya değişmiyor.
- Kategori afişleri iki kadrajlı. Masaüstü dikey, telefon yatay kadraj ayrı hazırlanıyor; tek görseli iki yerde kullanınca özne kadraj dışında kalıyordu.
- Yasal metinler ürün ticaretine göre. Mesafeli satış, iade ve cayma hakkı fiziksel ürün mevzuatına göre baştan yazıldı; seyahat acentesi rozetleri kaldırıldı.
- Yapılandırılmış veri mağaza olarak tanımlı. Arama motorlarına kurum değil çevrimiçi mağaza şeması veriliyor.
Yaptığımız iş
Beş başlıkta çözüm
Ana sayfa mağaza deneyimi
Kategori kutuları, fırsatlar, yeni gelenler ve öne çıkan kategoriler için afişli yatay raflar; en altta güvenli ödeme, kargo, iade ve orijinal ürün güven şeridi.
Tek ürün kartı
Fiyat, marka ve ürün adı hiyerarşisiyle tasarlanan ortak kart; ana sayfa rafları, kategori satırları ve ürün ızgarası aynı bileşeni kullanıyor. Sepete ekleme ve favori davranışı tek bir yerden yönetiliyor.
Görsel altyapısı
Kategori afişleri için masaüstü ve telefon ayrı kadrajla hazırlanıyor, nesne depolamadan servis ediliyor; yönetim panelinden değiştirilebiliyor.
Yasal ve kurumsal katman
Gizlilik, kullanım, iade ve mesafeli satış metinleri fiziksel ürün e-ticaretine göre yeniden yazıldı (14 gün cayma hakkı dâhil); kurumsal unvan, adres ve iletişim tek merkezden besleniyor.
Bileşenler
Neler kuruldu?
- Varyantlı ürün yönetimi ve varyant bazlı stok
- 3D Secure'lu sanal POS ve sipariş durum akışı
- Kampanya, kupon ve sepet eşiği kuralları
- Kargo gönderisi ve durum bildirimleri
- Yapılandırılmış veri: kurum yerine çevrimiçi mağaza şeması
- Yönetim panelinden site ayarları, menü ve tema yönetimi
- Görsel boyutlandırma ve modern biçime dönüştürme hattı
- Mobil alt menü ve modal çakışmalarının çözüldüğü katman düzeni
Benzer bir sistem mi kurmak istiyorsunuz?
Campmatik tarafında çözdüğümüz problemlerin çoğu sektör fark etmeksizin tekrar ediyor. Sizinkini anlatın, kapsamı birlikte çıkaralım.