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 · 16 / B2B E-TİCARET
Mobilya Aksesuarı ve Hırdavat Kataloğu
B2B altyapıTasarımKatalogWhatsApp teklif

Sontek.HırdavatBinlerce hırdavat ürününü kategoriye ve teklif sepetine bağlayan katalog sitesi.

Sontek Hırdavat için EDNA B2B altyapısı üzerinde kurduğumuz katalog; kulp, ray, menteşe, kapı kolu ve el aletlerini kategorilere ayırıyor, teklif sepetini WhatsApp üzerinden firmaya iletiyor.

Ekranları incele →Brief'i oku ↓
Yükleniyor
Müşteri
Sontek Hırdavatsontekhirdavat.com
Sektör
Mobilya aksesuarı ve hırdavatMobilyacılar, ustalar, son kullanıcı
Kapsam
Tasarım + GeliştirmeB2B altyapı, Tasarım, Katalog, WhatsApp teklif
Başlangıç
Temmuz 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.
sontekhirdavat.com/
Ana Sayfa masaüstü ekran görüntüsü
Kaydırın · Scroll to explore
Live Previewsontekhirdavat.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ü
Kategori mobil ekran görüntüsü
Ürün Detayı mobil ekran görüntüsü
Kategori Kataloğu mobil ekran görüntüsü
İletişim mobil ekran görüntüsü
01/05
01
01 · Brief

Binlerce küçük parçayı bulunur kılmak.

Sontek Hırdavat mobilya aksesuarı (kulp, çekmece rayı, teker, menteşe), kapı kolu, kilit, vida, dübel ve el aleti satıyor. Alıcısı mobilyacılar, tadilat ustaları ve kendi işini kendi yapanlar.

İhtiyaç tanımı

Hırdavatta ürün sayısı yüksek, ürünler birbirine benziyor. Usta aradığı parçayı ölçüsüyle bulup adetini yazabilmeli, firma da talebi hızlıca görebilmeliydi.

Hedef
Binlerce ürünü 12 ana ve 71 alt kategoriye ayırmak, her kategori için katalog çıkarmak ve teklifi en kısa yoldan firmaya ulaştırmak.
Yaklaşım
EDNA B2B altyapısının ortak çekirdeği üzerine hırdavat aramalarına göre yazılmış sayfa başlıkları ve açıklamaları. Teklif sepeti WhatsApp mesajına dönüşüyor.
Çözüm
Kategori bazında gruplanıp WhatsApp'a hazır mesaj olarak giden teklif sepeti, 12 kategori kataloğu, listeden çıkmadan ürün önizlemesi, üyeliksiz favoriler ve ana sayfada hızlı teklif formu.
Sonuç
Site sontekhirdavat.com adresinde yayında; 6.857 ürün sayfası ve 83 kategori sayfasıyla.
0
Ürün sayfası
Arama motorlarına bildirilen
0
Ana kategori
Kulptan el aletine
0
Alt kategori
Ürün tipine göre ayrılmış
0
Katalog
Her ana kategori için bir tane
02
02 · Neler kurduk

6 yapı taşı, tek site.

Binlerce mobilya aksesuarı ve hırdavat ürününü 12 ana kategoride sunan, teklif sepetini WhatsApp'a bağlayan katalog sitesi.
◈

WhatsApp'a giden teklif sepeti

Alıcı ürünleri adetleriyle sepete ekliyor; sepet kategori bazında toplanmış bir mesaj olarak WhatsApp'tan firmaya gidiyor.

⊞

Kategori katalogları

12 ana kategorinin her biri için online incelenen ve PDF olarak inen bir katalog var.

◐

Hızlı Bak

Ürün listesinden çıkmadan görseller ve ürün kodu bir önizleme penceresinde görülüyor.

◆

Hızlı teklif formu

Ana sayfadaki kısa formla kategori seçilip fiyat teklifi isteniyor.

◉

Üyeliksiz favoriler

Beğenilen ürünler üye olmadan kaydedilip tek listede görülüyor.

◇

Hırdavata özel arama metinleri

Kategori ve ürün sayfalarının başlık ve açıklamaları mobilya donanımı ve hırdavat aramalarına göre yazıldı.

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
SONTEK
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 →