Son kullanıcıya doğrudan satış için online mağaza ve panel

Isıtma ürünü satmak kutuyu göndermekle bitmiyor

Kombi ya da ısı pompası alan müşteri aynı modelin farklı güç kademeleri arasında seçim yapar. Her kademenin fiyatı, dolayısıyla taksidi de farklıdır. Siparişten sonra kargosunu takip etmek ister. İade de sıradan bir konu değil: montajı yapılmış bir cihazla kutusu açılmamış bir cihaz aynı şekilde ele alınmıyor.

Viessmann Türkiye bu ürünleri doğrudan satacağı bir mağaza istiyordu. Mağazanın arkasında ekiplerin her gün kullanacağı bir panel de gerekiyordu: ürün ve fiyat girişi, kampanyalar, siparişin kargoya verilmesi, iadeler. Pazarlama ekibi yeni bir kampanya sayfası ya da ana sayfa düzeni için yazılımcı beklememeliydi.

Mağaza ile panel aynı veriye bakıyor

Viessmann Store'u iki yüzü olan bir uygulama olarak geliştirdik. Müşteri mağazada alışveriş yapar, Viessmann ekipleri aynı uygulamanın içindeki yönetim panelinde çalışır. Ürün, sipariş ve içerik verisi açık kaynak e-ticaret altyapısı Saleor'da duruyor. Panelde yapılan bir fiyat ya da içerik değişikliği mağazaya doğrudan yansıyor.

Arayüzleri Viessmann'ın marka kurallarına uyarak tasarladık. Müşteri de personel de Viessmann hesabıyla giriş yapıyor. Panelde her sipariş ve iade talebi, nerede durduğunu ve sıradaki işin ne olduğunu yazan bir kutuyla açılıyor. Ödemesi alınmamış siparişte gönder düğmesi çıkmıyor, panel ödemenin beklendiğini yazıyor.

Sepet her açıldığında güncel fiyat ve kampanyalarla yenilenir; bir fiyat değiştiyse ya da indirim kodunun süresi dolduysa müşteriye söylenir. Panelde seçili ürünlerde indirim, sepet tutarına göre kademeli indirim ya da hediye ürün tanımlanır. Tek kullanımlık ya da müşteri başına bir kez geçerli indirim kodları toplu olarak üretilir.

Bir sipariş mağazadan panele nasıl geçiyor

1. 01Ekip her varyantın fiyatını ve stokunu girer, ürünün Türkçe ve İngilizce metinlerini yazıp kategoriye ekler.
2. 02Müşteri ürünleri gezer, taksitlere bakar ve gerekirse modelleri karşılaştırır. Sepete eklemek için Viessmann hesabıyla giriş yapar.
3. 03Kayıtlı adresini seçer, kartını girip taksidi belirler; bankanın doğrulamasından sonra sipariş oluşur.
4. 04Ödemesi alınan sipariş panelde işlem bekleyenlere düşer; personel gönderi kodunu girer ve kargo kaydı açılır.
5. 05İade gerekirse kargo firması ürünü müşterinin adresinden alır; muayeneden sonra para iadesi panele kaydedilir.

Mağazayı ve paneli Django ile geliştirdik. Ürün, sipariş, iade ve içerik verisi Saleor'da duruyor; uygulama kendi veritabanında yalnızca oturumları ve kullanıcı kayıtlarını tutuyor. Böylece aynı ürünün iki ayrı kopyası oluşmuyor.

Saleor'daki ödeme, kargo, iade ve raporlama eklentilerini de baştan sona biz yazdık. Ödeme eklentisi mağazayı bankaların sanal POS'una, kargo eklentisi kargo firmasının sistemine bağlıyor. Kargo bağlantısını yayından önce canlı katalogla denedik.

Uygulamanın Saleor'dan istediği her bilgiyi tek tek tanımladık ve bu tanımlarla çalışan kodu otomatik ürettik. Her değişiklikte otomatik bir kontrol, kodun güncel olduğunu doğruluyor ve testleri çalıştırıyor. Bir güncelleme ödeme ya da sipariş ekranını bu yüzden fark edilmeden bozamıyor.

Menüler ve ana sayfa önbellekten geliyor; panelde kayıt yapıldığında ilgili önbellek temizleniyor ve değişiklik mağazada hemen görünüyor. Arayüz Türkçe ve İngilizce. Ödeme bankanın 3D Secure sayfasında tamamlanıyor.

• Django 6
• Saleor (GraphQL)
• PostgreSQL
• Sanal POS entegrasyonu
• Kargo entegrasyonu
• Tek oturum açma (OIDC)
• GitHub Actions