B2B E-Ticaret · Logolu Porselen
Artopier
Canlıdaartopier.com.tr, Mustafakemalpaşa, Bursa
Logonu yükle, fincanın üzerinde 360° döndür, seti sepete at: hepsi tarayıcıda, tek ekranda.
Firmalara logolu porselen ofis setleri satan B2B e-ticaret sitesi. Satın almacı logosunu yüklüyor, fincanın, kupanın ve çerezliğin üzerinde 3D olarak 360° döndürüyor, kurumsal faturayla sipariş veriyor.

- Satıştaki set
- 3 (Tam, Çerezlikli, Başlangıç)
- 3D önizlemedeki ürün
- 5 parça
- Termin
- 7 iş günü
- Blog yazısı
- 10
Artopier kimdir?
Artopier, Bursa Mustafakemalpaşa'dan firmalara logolu porselen ofis setleri hazırlayan bir baskı atölyesi. Otel tipi A+ porselen Türk kahvesi fincanı, nescafe fincanı, kupa bardak, kokusuz küllük ve çerezliklere firmanın logosunu süblimasyon yöntemiyle çift taraflı basıyor. Sitede hitap ettiği kitle holdingler, bankalar, oteller, hukuk büroları, sağlık kuruluşları, fabrika ofisleri, eğitim kurumları ve emlak ofisleri olarak sıralanıyor.
Adres: Tatkavaklı Mah. 1. Cad. TOKİ Y3 No: 5 A İç Kapı No: 1, Mustafakemalpaşa / Bursa
İhtiyaç
Kurumsal alıcı, logosunun fincanda nasıl duracağını görmeden sipariş vermek istemez. Klasik bir mağazada bu soru e-posta trafiğine, mockup talebine ve günlerce beklemeye dönüşür. Artopier'in sitesinin bu adımı satın alma biriminin masasında, saniyeler içinde çözmesi gerekiyordu.
İkinci zorluk B2B'nin kendisiydi: firma ünvanı, vergi dairesi, 10 haneli VKN, birbirinden bağımsız teslimat ve fatura adresleri, havale seçeneği ve net bir termin. Üstelik proje bireysel kupa satan bir mağaza olarak başladı; yolda katalog üç hazır porselen ofis setine indi ve sitenin baştan sona bu yeni kurguya uyması gerekti.
Nasıl çözdük?
Kataloğu sadeleştirdik: Tam Set, Çerezlikli ve Başlangıç. Ana sayfa, ürün listesi, kampanyalar sayfası ve 3D önizleme aynı veri kaynağından besleniyor. Panelden bir setin içeriği değişince dört yüz birden güncelleniyor; katalogdan çıkan ürünlerin eski adresleri 301 ile kampanyalar sayfasına yönlendiriliyor.
Satın alma biriminin ilk sorusu olan “Ne zaman elimde olur?” sorusuna ana sayfada dört adımlık süreçle cevap veriyoruz: seti seç, logonu gönder, dijital örneği onayla, onaydan sonra 7 iş gününde sevkiyat. Holding, banka, otel, hukuk, sağlık, sanayi, eğitim ve emlak blokları ziyaretçinin kendi sektörünü bulmasını sağlıyor.
Fatura ve ödeme tarafında kurumsal müşteri firma ünvanı, vergi dairesi ve VKN bilgilerini hesap profilinde bir kez saklıyor, sonraki siparişlerde ödeme ekranı bunları kendiliğinden dolduruyor. Kartla ödeme PayTR'ye üst seviye yönlendirmeyle gidiyor; bu yolu bankanın 3D Secure sayfası bir çerçevenin içinde takılmasın diye bilinçli olarak seçtik.
Projede öne çıkanlar
Tarayıcıda 3D logo önizleme
/tasarla sayfasında logo PNG, JPG ya da SVG olarak sürükleniyor ve react-three-fiber sahnesinde kupa bardak, nescafe fincanı, Türk kahvesi fincanı, küllük ya da çerezliğin üzerine decal olarak sarılıyor. Ziyaretçi ürünü sürükleyip döndürüyor, yakınlaştırıyor, 360° otomatik dönüşü açıp kapatıyor. Logosu elinde olmayan için “Örnek logo ile dene” düğmesi var.
Torna profiliyle modellenen porselen
Kap gövdeleri LatheGeometry ile, yani gerçek bir tornadaki gibi bir profil döndürülerek üretiliyor; fincanlarda tabak da modellendi. Sırın parlaklığı meshPhysicalMaterial'ın clearcoat katmanından geliyor. Stüdyo ışığı harici bir HDR dosyası indirmeden, sahnenin içinde prosedürel olarak kuruluyor; bu yüzden önizleme hızlı açılıyor.
Önizlemeyi indir, onaya gönder
Hazırlanan görsel tek tıkla PNG ya da JPG olarak indiriliyor; JPG'de zemin beyaza çekiliyor. Satın alma uzmanı görseli yöneticisine iletirken siteye geri dönmek zorunda kalmıyor.
Kurumsal fatura profili
Bireysel ve kurumsal fatura iki ayrı seçim kartıyla ayrılıyor. Kurumsalda firma ünvanı, vergi dairesi ve 10 haneli VKN zorunlu; doğrulama sunucuda ve tarayıcıda aynı kurallarla çalışıyor. Teslimat adresi fatura adresinden bağımsız, teslim alacak kişi ve telefonu ayrıca yazılabiliyor.
3D Secure dostu ödeme akışı
Gömülü ödeme çerçevelerinde bankanın 3D Secure sayfası tarayıcı kısıtlarına takılabiliyor. Ödemeyi bu yüzden üst seviye yönlendirmeyle kurduk, güvenlik başlıklarını yalnızca ödeme yollarında esnettik. Bir siparişi “ödendi” durumuna getiren tek şey PayTR'nin sunucuya gönderdiği bildirim.
36 modüllü yönetim paneli
Sipariş, müşteri, kupon, kampanya, blog, SSS, SEO, yönlendirme, sepet hatırlatıcı, stok uyarısı, e-posta ve yedekleme modülleri tek panelde. Setlerin içeriği, sıralaması ve metinleri koda dokunmadan panelden değişiyor.
Sitenin yapısı
- Ana sayfa: üç set, dört adımlı süreç, sektör blokları, SSS
- Ofis setleri ve kampanyalar sayfası
- Ürün sayfaları: Tam Set, Çerezlikli, Başlangıç
- 3D logo önizleme (/tasarla)
- Blog: 10 yazı
- SSS
- Hikayemiz
- Referanslar
- Galeri ve medya
- İletişim ve kurumsal teklif
- Sepet, ödeme, sipariş takibi, hesabım
- İngilizce sürüm (/en)
Ziyaretçi nasıl müşteriye dönüşüyor?
Ziyaretçi ana sayfada üç setten birini seçip doğrudan sepete gidebiliyor ya da önce /tasarla'da kendi logosunu ürün üzerinde görüp seti aynı ekrandan sepete ekliyor. Ödeme kredi kartıyla (PayTR) ya da havale/EFT ile yapılıyor; kurumsal fatura bilgileri ödeme adımında veya hesap ayarlarında giriliyor. Siparişten sonra logo iletiliyor, Artopier dijital örneği onaya sunuyor ve onaydan sonra 7 iş gününde sevkiyat yapılıyor. Farklı adet ya da özel içerikli set isteyenler için WhatsApp ve telefonla kurumsal teklif hattı her sayfada duruyor.
Ekipten
Bu projeyi neden seviyoruz?
Bu projedeki en sevdiğimiz an, bir logonun torna profilli fincanın kıvrımına ilk kez düzgünce oturduğunu gördüğümüz an oldu. 3D bir oyuncak yapmak kolay; zor olan, satın alma uzmanının “tamam, bu olur” diyebileceği kadar gerçekçi ve bir o kadar hızlı açılan bir önizleme yapmak. Üstüne sitenin bireysel bir kupa mağazasından üç setlik bir B2B vitrine dönüşmesine eşlik ettik: ödeme, fatura, termin ve panel yeni kurguya göre yeniden dizildi. Bir e-ticaret sitesinin işin kendisiyle birlikte nasıl evrilebileceğini gösteren bir iş.
Bu projeden yola çıkarak sık sorulanlar
Müşterim logosunu ürün üzerinde sipariş vermeden önce görebilir mi?
Evet. Artopier'de yaptığımız gibi tarayıcıda çalışan bir 3D önizleme kurabiliyoruz: müşteri logosunu yüklüyor, ürünü 360° döndürüyor, görseli PNG ya da JPG olarak indiriyor ve aynı ekrandan sepete geçiyor. Uygulama ya da eklenti kurması gerekmiyor.
Kurumsal müşterilerin fatura ve VKN bilgileri nasıl yönetiliyor?
Artopier'de bireysel ve kurumsal fatura iki ayrı seçenek. Kurumsalda firma ünvanı, vergi dairesi ve 10 haneli VKN zorunlu; bilgiler hesap profilinde saklanıyor ve sonraki siparişlerde ödeme ekranına kendiliğinden geliyor.
Ürün yelpazemiz değişirse site buna uyum sağlar mı?
Artopier bunun canlı örneği: site bireysel kupa satışıyla başladı, sonra üç setlik kurumsal kataloğa geçti. Setler tek bir veri kaynağından beslendiği ve panelden yönetildiği için ana sayfa, listeleme, kampanyalar ve 3D önizleme birlikte güncellendi; kaldırılan ürünlerin adresleri 301 ile yönlendirildi.
E-ticaret ve ürün markaları: diğer projeler
Tüm referanslar
ArşivNoccoNocco
E-Ticaret · El Sanatları
Torçta elle döndürülen tek parça galaksiler için, her parçanın yalnızca bir kez satılabildiği bir mağaza kurduk.
Yunanistan'da el yapımı borosilikat cam sanatı ve takı satan uluslararası e-ticaret sitesi. Galaksi bilyeler, gümüş füme opal kolyeler, anı objeleri ve cam divit kalemler Avrupa ve ABD'ye gönderiliyor.
CanlıKeobs Coffee Roastery
E-Ticaret · Specialty Coffee
Her çekirdeğin rakımı, işlemi ve tat notası bir etiket kartında; öğütümünü seçmeden sepete atamıyorsun.
İstanbul'da mikro partilerde kavrulan tek köken ve harman kahveler için specialty coffee e-ticaret sitesi. Haftalık taze kavurma ile espresso ve filtre kahve koleksiyonu sunuluyor.
CanlıBlitzlock
Akıllı Kilit · Marka Sitesi
Yüz tanımalı kilidin kutudan çıkışından garanti sorgusuna kadar her adım aynı sitede, aynı panelde.
2020'den bu yana akıllı kilit üreten Blitzlock için ürün odaklı marka sitesi. Parmak izi, 3D yüz tanıma, şifre ve akıllı telefonla açılan kilit modelleri; montaj, servis ve garanti talepleri tek yerden yönetiliyor.