Collapssi
Müşteri projesi · E-ticaret

Bs Wash

Giresun'da oto yıkama ve bakım kimyasalları üreten Bs Wash için perakende ve toptan satış yapan e-ticaret sitesini ve yönetim panelini geliştirdik. Mağazanın kendi ürünleri her yerde öne çıkar, profesyonel markalar yanında satılır. Kargo ücreti sepetteki ürünlerin toplam litresine göre hesaplanır, her 3.000 TL'lik alışveriş bir hediye çarkı hakkı kazandırır. Sayfalar düz HTML olarak üretilir; fiyat değişiklikleri yayın beklemeden sitede görünür.

  • JavaScript (ES modülleri)
  • Node.js ile önceden üretilen HTML sayfalar
  • Netlify Functions ve Netlify Blobs
  • iyzico
  • Sürat Kargo
  • MySoft e-Fatura / e-Arşiv
  • Resend / Brevo
  • Google Analytics 4, Search Console, Google Ads
  • WebAudio (çark sesleri)
  • Playwright ile uçtan uca testler
Mağaza ana sayfası
Mağaza ana sayfası
Ürünler
Bs Wash ürünleri ve profesyonel markalar
Ödeme
Kartla (iyzico), havale / EFT
Kargo
Sürat Kargo, sepetin litresine göre ücret
Hediye
Her 3.000 TL'ye bir çark hakkı

Ekran görüntüleri sitenin yerel kopyasından alındı. Müşteri adları, siparişler, toptancılar ve panel rakamları örnek veridir; ürünler ve fiyatlar mağazanın kataloğundan.

01

Kendi ürünleri öne çıkan mağaza

Bs Wash ürünleri her listede başta gelir, diğer profesyonel markalar yanında satılır. Her boy panelde ayrı bir ürün, sitede ise aynı kartta boy düğmeleriyle gösterilir.

  • Her boyun ayrı fotoğrafı ve fiyatı var; kartta boy seçince kart yerinde o ürüne döner, ürün sayfasında boylar kardeş sayfalara bağlanır
  • Fotoğrafı henüz çekilmemiş Bs Wash ürünleri için markanın renklerinde ambalaj çizimi kendiliğinden üretilir
  • Kategori ve marka süzgeçleri, arama, sıralama
  • Fiyatı girilmemiş üründe "Fiyat için arayın"
  • "Hemen al": üye olmadan, tek adımda hızlı sipariş
  • Aynı gün kargo geri sayımı: hafta içi 14.00, cumartesi 12.00'ye kadar verilen siparişler aynı gün kargoda
  • Sağ altta destek düğmesi: ürün sayfasında hazır mesaja ürünün adını yazar
  • Etkileşimli Hakkımızda sayfası: sayaçlar, zaman çizgisi, dönen ISO kartları
Ürünler ve süzgeçler
Ürünler ve süzgeçler
Ürün sayfası ve boy seçenekleri
Ürün sayfası ve boy seçenekleri
Mağaza, telefon görünümü
Mağaza, telefon görünümü
02

Litreye göre kargo, kartla ve havaleyle ödeme

Kargo ücreti ürün fiyatlarına dahil değil: sepetteki ürünlerin toplam litresine göre hesaplanıp siparişe eklenir. Tutarı her zaman sunucu yeniden hesaplar.

  • Kargo kuralı panelden değişir: 5 litreye kadar küçük paket, her dolu 20 litre için büyük paket, artan kısım için kurala göre küçük ya da büyük paket
  • Sepette kargo ücreti ve hesabın açıklaması, hediye çarkı için "X TL daha ekleyin" ipucu ve dolan çubuk
  • Kartla ödeme iyzico ödeme sayfasıyla; tutar, sipariş numarası ve ödeme sonucu iyzico'dan sorgulanıp karşılaştırılır
  • Havale / EFT: banka, hesap sahibi ve kopyalanabilir IBAN; açıklamaya sipariş numarası
  • Her siparişin gizli bağlantılı kendi sayfası: emojili ve hareketli sipariş adımları, kargo takip numarası ve hareketleri
  • Ödeme başarısız olursa sipariş sayfasından kartla yeniden deneme ya da havaleye geçme
  • Sipariş, ödeme onayı, kargo ve teslim e-postaları
Sepet: litreye göre kargo ve çark ipucu
Sepet: litreye göre kargo ve çark ipucu
Sipariş sayfası ve sipariş adımları
Sipariş sayfası ve sipariş adımları
03

Hediye çarkı

Perakende siparişte ürün toplamının her 3.000 TL'si bir çevirme hakkı kazandırır. Hediyeleri mağaza belirler; müşteri çarkı kendi sipariş sayfasında çevirir.

  • Hak ödeme onaylanınca açılır: kartta iyzico onayıyla hemen, havalede mağaza parayı görüp onaylayınca
  • Kazanılan hediyeyi sunucu seçer; aynı hak iki kez harcanamaz
  • Çark sürüklenerek ya da ortadaki düğmeyle çevrilir; ışıklar, sesler ve konfetiyle sonuç kartı
  • Kargo yola çıkmadan çevrilirse hediye aynı pakette, sonra çevrilirse bir sonraki siparişle gider
  • Hakkı olan müşteriye sitede köşede hatırlatma; panelde çıkan hediyeler ve "hediye gönderildi" işareti
Sipariş sayfasında hediye çarkı
Sipariş sayfasında hediye çarkı
04

Üyelik ve toptancı girişi

Sitede iki türlü giriş var: perakende müşteri ve toptancı. Toptancı başvurusu panelde onaylanınca toptancı sitede kendi iskontolu fiyatlarını görür.

  • Üye girişi ve kayıt aynı ekranda; şifremi unuttum için e-postaya 6 haneli kod
  • Hesabım: siparişler, kargo adımları, takip numarası, çark hakları ve kayıtlı teslimat bilgileri
  • Toptancı başvurusu: firma, vergi bilgileri, aylık ihtiyaç
  • Toptancıya genel iskonto, Bs Wash ürünlerine ayrı iskonto ve en az sipariş tutarı
  • Toptancı girişinde bütün fiyatlar iskontolu görünür; sipariş tutarını yine sunucu hesaplar
Hesabım: siparişler ve kargo adımları
Hesabım: siparişler ve kargo adımları
Müşteri ve toptancı girişi
Müşteri ve toptancı girişi
Toptancı hesabı ve iskontolar
Toptancı hesabı ve iskontolar
05

Yönetim paneli

Mağaza bütün işini tek panelden yürütür. Sipariş ayrıntısında ödeme onayı, kargo bildirimi ve e-Fatura aynı ekrandadır.

  • Özet: işlem bekleyen siparişler, günün siparişleri, son 30 günün cirosu, bekleyen bayi başvuruları, fotoğrafı ya da fiyatı eksik ürünler
  • Siparişler: durum süzgeçleri ve arama; ayrıntıda "Ödeme geldi, onayla", WhatsApp ve arama düğmeleri, sipariş bağlantısını gönderme
  • Ürünler: her boy ayrı satır ve aile etiketi, fotoğraf sayacı, ana fotoğraf seçimi, markanın sitesinden fotoğraf bulma
  • Bannerlar, toptancılar, müşteriler ve raporlar ayrı sekmelerde; Google Analytics, Search Console ve Google Ads raporları
  • Panelde fiyat değişince site yayın beklemeden güncellenir; "Yayınla" sayfaları yeniden üretir
Panel özeti
Panel özeti
Siparişler
Siparişler
Sipariş ayrıntısı: ödeme, kargo ve e-Fatura
Sipariş ayrıntısı: ödeme, kargo ve e-Fatura
Ürünler
Ürünler
06

Kargo, e-Fatura ve diğer bağlantılar

Bağlantılar sunucu tarafında çalışır, gizli anahtarlar panele bir kez girilir ve tarayıcıya geri verilmez.

  • Sürat Kargo: "Sürat'a gönder" ile gönderi bildirimi, durum sorgusu, takip numarası gelince sipariş kendiliğinden "Kargoda"
  • MySoft e-Fatura / e-Arşiv: alıcı e-Fatura mükellefiyse e-Fatura, değilse e-Arşiv; fatura PDF'i panelden
  • iyzico kartla ödeme, Resend ya da Brevo ile sipariş e-postaları
  • Kargo kuralı, hediye çarkı, havale bilgileri ve duyuru şeridi panelden değişir
  • Toptancı başvurularının onayı ve iskontoları
Kargo ayarı: litreye göre ücret
Kargo ayarı: litreye göre ücret
Hediye çarkı ayarı
Hediye çarkı ayarı
Toptancı başvurusu ve iskontolar
Toptancı başvurusu ve iskontolar

Benzer bir proje mi düşünüyorsunuz?

İhtiyacınızı anlatın; kapsamı, süreyi ve maliyeti birlikte netleştirelim. İlk görüşme ücretsiz.

Projenizi Anlatın
Collapssi

Collapssi Asistan

Otomatik asistan · Hemen yanıtlar
Merhaba! 👋 Ben Collapssi dijital asistanıyım. Dijitalde ne gerekiyorsa yapıyoruz. Aşağıdaki başlıklardan birine dokunabilir ya da sorunuzu yazabilirsiniz.