EDNA
Ana SayfaÇalışmalar
HizmetlerB2B AltyapıPaketlerHakkımızdaİletişim
Projenizi Konuşalım
EDNA

Kurumsal ve creative web siteleri, markaya özel e-ticaret ve her sektöre uyarlanan B2B altyapılar tasarlayıp geliştiren web stüdyosu.

B2B Altyapı

  • Özellikler
  • Paketler

Şirket

  • Hakkımızda
  • Çalışmalar
  • İletişim
  • Kariyer
  • Blog

Destek

  • Hizmetler
  • SSS

İletişim

info@ednadynamics.comWhatsApp'tan yazın

© 2026 EDNA Dynamics. Tüm hakları saklıdır.

Gizlilik PolitikasıKullanım KoşullarıÇerez Politikası
EDNADYNAMICSWeb & Yazılım Çözümleri
Ana Sayfa
Çalışmalar
HizmetlerHakkımızdaİletişim
WhatsApp
← Tüm Çalışmalar
VAKA ÇALIŞMASI · 22 / B2B E-TİCARET
B2B Promosyon ve Reklam Ürünleri Sitesi
B2B altyapıTasarımTeklif sepetiCanlı fiyat

Karan.MedyaCanlı fiyat ve renk bazında stokla çalışan B2B promosyon sitesi.

Karan Medya için EDNA B2B altyapısı üzerinde kurduğumuz site; kategori vitrinli ana sayfayı, teklif sepetini, canlı fiyatı ve dokuz kategori kataloğunu bir arada sunuyor.

Ekranları incele →Brief'i oku ↓
Yükleniyor
Müşteri
Karan Medyakaranmedya.com
Sektör
Promosyon ve reklam ürünleriFirmalar, kurumlar, ajanslar
Kapsam
Tasarım + GeliştirmeB2B altyapı, Tasarım, Teklif sepeti, Canlı fiyat
Başlangıç
Haziran 2026Canlıda
Çıktı
Responsive webTürkçe
02
01 - Live Mockup · Desktop

5 ekran. Tek tasarım dili.

Soldaki listeden bir sayfa seçin, sağdaki MacBook ekranında tasarımı kendiniz aşağı kaydırarak inceleyebilirsiniz. Kontrol tamamen sizde.
karanmedya.com/
Ana Sayfa masaüstü ekran görüntüsü
Kaydırın · Scroll to explore
Live Previewkaranmedya.com/
Ana Sayfa00%
03
02 - Live Mockup · Mobile

5 ekran, cebinde.

5 mobil ekran, 360-428 px viewport'a göre tasarlandı. Ortadaki telefonun içinde kendiniz scroll edebilirsiniz; yan telefonlara tıklayıp merkeze alın.
9:41•••
Ana Sayfa mobil ekran görüntüsü
Alt Kategori mobil ekran görüntüsü
Ürün Detayı mobil ekran görüntüsü
Kataloglar mobil ekran görüntüsü
İletişim mobil ekran görüntüsü
01/05
01
01 · Brief

Fiyatı ve stoğu sayfada göstermek.

Karan Medya, İstanbul Güngören'de kalem, termos, USB bellek, powerbank, ajanda, tekstil ve çanta gibi ürünleri firmaların logosuna göre lazer, UV, serigrafi ve dijital baskıyla hazırlıyor.

İhtiyaç tanımı

Kurumsal alıcı birden fazla ürünü karşılaştırıp adetleriyle fiyat ister; bunun için ürünün fiyatını ve renk bazında stoğunu görmesi gerekir. Online ödeme yok, satış teklifle ilerliyor.

Hedef
Fiyatı ve renk bazında stoğu ürün sayfasında göstermek, teklifi sepette toplamak ve her kategori için indirilebilir katalog sunmak.
Yaklaşım
EDNA B2B altyapısının ortak çekirdeği üzerine Karan tasarım katmanı; canlı fiyat ve katalog modülleri çekirdekten geliyor.
Çözüm
Kategorileri canlı ürün sayısı ve başlangıç fiyatıyla gösteren slayt, adetli teklif sepeti, masaüstünde sayfadan çıkmadan açılan Hızlı Bak penceresi, 9 kategori kataloğu ve ana sayfada hızlı teklif formu.
Sonuç
Site karanmedya.com adresinde yayında; 2.959 ürün ve 46 kategori sayfasıyla.
0
Ürün sayfası
Arama motorlarına bildirilen
0
Kategori sayfası
9 ana, 37 alt kategori
0
Katalog
Kategori başına, PDF iner
0
Rehber yazı
Hediye seçimi ve sürdürülebilir ürün
02
02 · Neler kurduk

6 yapı taşı, tek site.

Güngören'deki promosyon firmasının ürünlerini canlı fiyat ve renk bazında stokla gösteren, teklif sepeti ve kategori kataloglarıyla çalışan B2B site.
◈

Kategori vitrinli slayt

Ana sayfadaki slayt 9 ana kategoriyi ürün sayısı, alt kategori sayısı ve başlangıç fiyatıyla canlı veriden gösteriyor.

⊞

Teklif sepeti

Alıcı birden fazla ürünü adetleriyle listede toplayıp tek formla toplu fiyat teklifi istiyor.

◐

Hızlı Bak

Masaüstünde ürün kartına tıklanınca fiyat, stok, önerilen adet, teklife ekleme ve WhatsApp aynı pencerede açılıyor.

◆

Canlı fiyat ve renk stoğu

Ürün sayfasında fiyat ve her renk seçeneğinin stok adedi güncel veriyle gösteriliyor.

◉

Kategori katalogları

9 ana kategorinin her biri güncel ürünlerle oluşan bir online kataloğa sahip ve PDF olarak iniyor.

◇

Hızlı teklif formu

Ana sayfanın alt bölümünde kategori seçilerek gönderilen kısa bir teklif formu, telefon ve WhatsApp düğmeleri var.

03
03 · Yöntem ve teknoloji

Hangi yöntem, hangi araçlar?

Solda projeyi nasıl yürüttüğümüz, sağda projenin kendi bağımlılık listesinden okunan teknolojiler.
  • /01
    Katalog ve kategori mimarisi
    Strateji
  • /02
    Arayüz ve tasarım sistemi
    UI
  • /03
    Mobil öncelikli geliştirme
    Frontend
  • /04
    B2B teklif ve iletişim akışı
    Akış
  • /05
    Yayına alma
    Yayın
  • /06
    Next.js
    Çatı
  • /07
    React
    Arayüz
  • /08
    TypeScript
    Dil
  • /09
    Tailwind CSS
    Stil
  • /10
    Supabase
    Veri + Kimlik
KARAN
Sıradaki proje sizinki olabilir

B2B altyapımızı sizin sektörünüze taşıyalım.

Sektörünüz, kataloğunuz ve müşteriniz farklı; yöntem aynı. Bize yazın, projenizi konuşalım.

WhatsApp'tan yazın →Diğer çalışmalar →