EDNA
Ana SayfaÖzelliklerHizmetlerPaketlerHakkımızdaÇalışmalarİletişim
Demo İste
EDNA

İşlevsellik odaklı, özel tasarım web siteleri ve dijital deneyimler üreten yaratıcı web ajansı.

Ürün

  • Özellikler
  • Paketler
  • Yol Haritası
  • Dokümantasyon

Şirket

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

Destek

  • Yardım Merkezi
  • Hizmetler
  • Durum
  • SSS

Durum

Tüm sistemler çalışıyor
99.9% uptime

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

Gizlilik PolitikasıKullanım KoşullarıÇerez Politikası
EDNADYNAMICSWeb & Yazılım Çözümleri
Ana SayfaHizmetlerPaketlerHakkımızdaİletişim
← Tüm Çalışmalar
3D’yi başlat
CASE STUDY · 043 / TEXTILE PROMOTION
Doğaya saygılı bez çanta
TasarımGeliştirmeB2B TeklifBaginatorSEO

Duru.Çanta235+ bez çanta modelini 21 kategori altında, doğanın yükünü taşıyan B2B promosyon pazarına bağlayan kurumsal e-ticaret platformu.

Duru Çanta2002'den bu yana Türkiye'nin öncü bez çanta üreticisi için tasarladığımız platform; 21 kategori vitrini, kategori-temalı renk paleti, Baginator çanta-tasarla aracı, çok-adımlı online teklif akışı ve %100 yerli üretim hikayesini tek bir doğa-dostu deneyim altında topluyor. Edna Dynamics olarak tasarım, frontend ve Supabase entegrasyonunu sıfırdan kurguladık.

Canlı Mockup'ları Gör →Brief'i Oku ↓
Yükleniyor
Müşteri
Duru Çantadurucanta.com · 2002 → bugün
Sektör
Bez Çanta · 21 kategoriB2B promosyon · kurumsal hediye · fuar
Kapsam
Tasarım + GeliştirmeUI/UX · Next.js 16 · Supabase · SEO
Yıl
2025-2026Tasarımdan canlıya
Çıktı
Responsive WebDesktop · Mobile · Baginator · Online Teklif
02
01 - Live Mockup · Desktop

20 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.
durucanta.com/
Anasayfa — masaüstü ekran görüntüsü
Kaydırın · Scroll to explore
Live Previewdurucanta.com/
Anasayfa00%
03
02 - Live Mockup · Mobile

19 ekran, cebinde.

19 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•••
Anasayfa — mobil ekran görüntüsü
Kategori — mobil ekran görüntüsü
Ürün Detay — mobil ekran görüntüsü
Online Teklif — mobil ekran görüntüsü
Katalog — mobil ekran görüntüsü
Baginator — mobil ekran görüntüsü
Yeni Ürünler — mobil ekran görüntüsü
Tüm Kategoriler — mobil ekran görüntüsü
Hakkımızda — mobil ekran görüntüsü
Üretim Parkurumuz — mobil ekran görüntüsü
Bez Çanta Üretimi — mobil ekran görüntüsü
Promosyon Bez Çanta — mobil ekran görüntüsü
Tohumlu Bez Çanta — mobil ekran görüntüsü
SSS — mobil ekran görüntüsü
Referanslar — mobil ekran görüntüsü
İletişim — mobil ekran görüntüsü
Blog — mobil ekran görüntüsü
Giriş — mobil ekran görüntüsü
Kayıt — mobil ekran görüntüsü
01/19
03 - BriefBrief · Hikayenin kökü
I
“Doğanın Yükünü
Taşır.”
Marka tagline · 2002

24 yıllık üretim mirasını dijital vitrine taşımak.

Duru Çanta, 2002'den bu yana Türkiye'nin öncü bez çanta üreticisi; Akbank, Garanti, Sabancı, Koç, Turkcell ve Samsung gibi 50+ büyük markaya hizmet veren, 6+ ülkeye ihracat yapan, %100 yerli üretici. Tagline'ı net: "Doğanın Yükünü Taşır." Hedef; ayrı kataloğu / e-posta zinciri / telefon teklifi olan B2B akışı tek bir kurumsal arayüze taşımak.

01KURULUŞ
2002
02MARKA PORTFÖYÜ
50+
03İHRACAT AĞI
10+
04YERLİ ÜRETİM
%100
DOKÜMAN · I.A · SAHA FOTOĞRAFLARI
Kurumsal etkinlikte çanta dağıtımı
SAHA
Şek. 01 · B2B · İstanbul
Kurumsal etkinlikte çanta dağıtımı
Fuar standı operasyonu
Şek. 02 · Tüyap · 2024
Fuar standı operasyonu
Kurumsal hediye sunumu
Şek. 03 · Premium tier
Kurumsal hediye sunumu
Workshop · eğitim seti
Şek. 04 · Saha · Kampanya
Workshop · eğitim seti
◆  Doğrulanmış · sertifika kümesi
SEDEXSEDEX
ISOISO
OEKO-TEXOEKO-TEX
İKMİBİKMİB
SEDEX · ISO · OEKO-TEX · İKMİB; Duru’nun üretim hattı uluslararası ethical-trade + tekstil-güvenlik kümesi altında.
PROBLEM
DOKÜMAN · I.B · PROBLEM TANIMI

ipsizdikiş.

235+ ürün modeli 21 farklı kategori (Bez · Kanvas · Gabardin · Vital · İmperteks · Tohumlu · PVC · …) altında dağılmış, her etkinlik öncesi acil teslim talebi WhatsApp + e-posta zinciri ile ilerliyordu. Renk seçimi, gramaj, baskı tekniği, logo yerleşimi ve adet bandı aynı akışta yoktu; tedarikçinin patentli Tohumlu Bez Çanta gibi ayrıştırıcı ürünleri hak ettiği görünürlüğü alamıyordu..

“
Ayrı katalog, e-posta zinciri, telefon teklifi olan B2B akışı — tek bir kurumsal arayüze.
Brief özet · 2025EDNA
I.SCENE 01
Perde I

Hedef

Ana Hedef
235+
Çanta Modeli
21 kategori · 10 accent renk
235+ çanta modeli + 21 kategori + 10 kategori-accent rengini filtrelenebilir, baskı-uyumlu, online-teklife bağlı tek bir kurumsal akışta toplamak..
01/04
FRAME · 01
II.SCENE 02
Perde II

Yaklaşım

Tasarım Sistemi
50+
Token
Tailwind · React · Supabase
Doğa-dostu görsel dil + esnek Supabase katalog mimarisi. *Kategori-temalı renk paleti + Baginator (Siz Tasarlayın, Biz Üretelim) konfigüratör + çok-adımlı online teklif formu (logo upload + KVKK).
02/04
FRAME · 02
III.SCENE 03
Perde III

Çözüm

Teslim Hacmi
9 + 8
Ekran
Desktop · mobil · Baginator
9 desktop + 8 mobil ekran. *Online teklif sepeti, Baginator çanta-tasarla aracı, ürün filtreleme + arama, Acil Teslim · Fuar · Premium · Kurumsal Hediye segment vitrinleri, jsPDF teklif çıktısı.
03/04
FRAME · 03
IV.SCENE 04
Perde IV

Sonuç

Çıktı
✓
Hak ettiği görünürlük
Doğa-dostu hikaye · dijital vitrin
Lansman sonrası ölçülebilir büyüme ve fuar sezonunda toplu sipariş hareketi; Duru'nun 24 yıllık üretim mirası ve SEDEX/ISO/OEKO-TEX sertifikalı doğa-dostu hikayesi dijitalde hak ettiği görünürlüğe ulaştı..
04/04
FRAME · 04
REEL · DURU CASE STUDY · 4 SCENE
35mm · 2025-2026
I
DOKÜMAN · I.C.1I.Hedef
I.
Perde I

Hedef

235+
Çanta Modeli
Ana Hedef
21 kategori · 10 accent renk
235+ çanta modeli + 21 kategori + 10 kategori-accent rengini filtrelenebilir, baskı-uyumlu, online-teklife bağlı tek bir kurumsal akışta toplamak.
01/04Hedef
Tool · Ürün Katalog Vitrini
durucanta.com/urun/dh10
Tool · Ürün Katalog Vitrini
Katalog sayfası
II
DOKÜMAN · I.C.2II.Yaklaşım
II.
Perde II

Yaklaşım

50+
Token
Tasarım Sistemi
Tailwind · React · Supabase
Doğa-dostu görsel dil + esnek Supabase katalog mimarisi. Kategori-temalı renk paleti + Baginator (Siz Tasarlayın, Biz Üretelim) konfigüratör + çok-adımlı online teklif formu (logo upload + KVKK).
02/04Yaklaşım
Tool · Tasarım Sistemi & Tokens
Tool · Tasarım Sistemi & Tokens
III
DOKÜMAN · I.C.3III.Çözüm
III.
Perde III

Çözüm

9 + 8
Ekran
Teslim Hacmi
Desktop · mobil · Baginator
9 desktop + 8 mobil ekran. Online teklif sepeti, Baginator çanta-tasarla aracı, ürün filtreleme + arama, Acil Teslim · Fuar · Premium · Kurumsal Hediye segment vitrinleri, jsPDF teklif çıktısı.
03/04Çözüm
Tool · Multi-Device Deneyimi
durucanta.com/
Tool · Multi-Device Deneyimi; masaüstü
durucanta.com/
Tool · Multi-Device Deneyimi; tablet
durucanta.com
Tool · Multi-Device Deneyimi; mobil
IV
DOKÜMAN · I.C.4IV.Sonuç
IV.
Perde IV

Sonuç

✓
Hak ettiği görünürlük
Çıktı
Doğa-dostu hikaye · dijital vitrin
Lansman sonrası ölçülebilir büyüme ve fuar sezonunda toplu sipariş hareketi; Duru'nun 24 yıllık üretim mirası ve SEDEX/ISO/OEKO-TEX sertifikalı doğa-dostu hikayesi dijitalde hak ettiği görünürlüğe ulaştı.
04/04Sonuç
Tool · Satış Analitiği Dashboard
admin.durucanta.com/dashboard
Tool · Satış Analitiği Dashboard
Sipariş takibi paneli
03 - Tamamlandı·İmza: Edna Dynamics
04 - Keşif→
DISCOVERY
04 - Keşif
Araştırma · Rakip Analizi · Persona

Önce araştırdık, sonra çizdik.

B2B promosyon-çanta pazarını derinlemesine taradık: rakip katalog yapıları, mobil deneyim açıkları, arama davranışı, fiyat-talep akışı ve kanvas-bag sürdürülebilirlik bağlamı. Tasarım kararlarını bu araştırmadan beslenen audit ve persona çıktılarına bağladık.

Audit Bulguları
01

Ürün Kataloğu

PDF + WhatsApp eklerinde dağılmış 235+ model; filtre yok, arama yok, mobil görünüm yok.

YÜKSEK
02

Teklif Akışı

E-posta zinciri + telefon; takip edilemiyor, kayboluyor, fiyat opaklığı; KVKK uyumu eksik.

YÜKSEK
03

Renk + Baskı

Renk seçimi manuel mail eki; ekran kalibrasyonu yok; baskı tekniği uyumu müşterinin tahminine bırakılmış.

ORTA
04

Mobil Deneyim

Mevcut vitrin masaüstüne kilitli; fuar / sahada karar veren alıcı için kullanışsız.

YÜKSEK
05

SEO Görünürlük

Kategori bazlı landing yok; rich snippet yok; "bez çanta" + "promosyon" aramalarında ilk sayfa dışında.

ORTA
06

Patent Ürün

Tohumlu Bez Çanta gibi ayrıştırıcı ürünler katalog içinde göze batmıyor; hikaye anlatımı yok.

DÜŞÜK
Persona Haritası
Fuar · etkinlik · kampanya
EO

Etkinlik Organizatörü

İhtiyaçlar
  • Acil teslim opsiyonu
  • Renk + baskı önizleme
  • Toplu adet hızlı teklifi
Acılar
  • E-posta zinciri kayboluyor
  • Fiyat şeffaf değil
  • Mobil seçim mümkün değil
Welcome kit · iç iletişim · özel kampanya
KH

Kurumsal Hediye Uzmanı

İhtiyaçlar
  • Premium tier seçenekleri
  • Görsel sunum + render
  • Kurumsal kimliğe baskı uyumu
Acılar
  • Katalog ürün karmaşası
  • Patent ürünleri gözükmüyor
  • PDF teklif yok
Paketleme · low-cost · yüksek hacim
ET

E-Ticaret Operatörü

İhtiyaçlar
  • Düşük adet birim fiyatı
  • Hızlı sevkiyat
  • Renk skala alternatifleri
Acılar
  • Min. adet engelleri net değil
  • Karbon hesabı yok
  • İade akışı belirsiz
3
Workshop oturumu
12
Saha gözlem saati
3
Persona profili
6
Pain-point tespiti
SYSTEM
05 - Tasarım Sistemi
Tasarım Sistemi · Token + Bileşen

Hikayeyi tutarlı bir gramerle anlattık.

Duru'nun marka kimliğini (Doğanın Yükünü Taşır) dijital arayüze çevirirken; renk-token paletinden tipografi sırasına, butondan filtreye kadar bütün UI sistemi sıfırdan kurguladık. Her bileşen Tailwind theme + React component olarak versiyonlandı.

50+
Tasarım Token
35+
React Bileşen
8
Sayfa Türü · Şablonu
4
Locale (TR · EN · FR · DE)

Typography

Montserrat readability ve modern görünüm için seçildi. Net bir tipografi hiyerarşisi netliği artırır, dikkati yönlendirir ve hızlı karar vermeyi destekler.

Montserrat
LightRegularMediumSemi BoldBold
Aa
Aa
14 pt
Aa
16 pt
Aa
18 pt
Aa
20 pt
Aa
24 pt
Aa
36 pt
Aa Bb Cc Çç Dd Ee Ff Gg Ğğ Hh Iı İi Jj Kk Ll Mm
Nn Oo Öö Pp Rr Ss Şş Tt Uu Üü Vv Yy Zz
0 1 2 3 4 5 6 7 8 9   ! ? @ # % &

Color

Duru’nun renk sistemi güven, netlik ve doğa-dostu hikayeyi yansıtır. Birincil yeşil tonlar marka eylemini vurgular, sıcak nötrler arka plan dengesini kurar. Palet, güçlü kontrast ve okunabilirlik için tasarlandı.

01 / Token

Duru Yeşili

; Primary · Brand
Hex
#186F38
RGB
24 111 56
CMYK
78 0 50 56
Pantone
7484 C
02 / Token

Açık Yeşil

; Secondary · Logo
Hex
#70AE43
RGB
112 174 67
CMYK
36 0 61 32
Pantone
368 C
03 / Token

Teal

; Tertiary · CTA
Hex
#006666
RGB
0 102 102
CMYK
100 0 0 60
Pantone
329 C
04 / Token

Naturel Beyaz

; Foundation · BG
Hex
#FCF5E8
RGB
252 245 232
CMYK
0 3 8 1
Pantone
7401 C
05 / Token

Sıcak Krem

; BG · Alternating
Hex
#F7EED8
RGB
247 238 216
CMYK
0 4 13 3
Pantone
7506 C

Components

6 canlı render component lockup. Hepsi Tailwind + React, tasarım token’larından beslenir; sibling sites’a tek tıklamada migrate edilebilir.

Birincil Buton

; CTA · primary action

Hayalet Buton

; Secondary · ghost border
Kanvas ×TohumluPremium

Filtre Chip

; Kategori + renk + gramaj filter
Ultrasonic
; Dikişsiz · modern hat
46 model

Kategori Kartı

; Atlas grid · accent stripe
Kanvas Tote
2.500 ADET · 38×42
×

Teklif Satırı

; Online teklif sepeti · qty + spec

Renk Seçici

; Baginator · swatch + custom kodu
TOOL
06 - Baginator
Konfigüratör · UX Tasarımı

Sürtünmesiz teklif akışını biz tasarladık.

Duru'nun manuel mail-zinciri teklif akışını tek-ekran self-service konfigüratöre dönüştürdük. 8 parametre + KVKK + WhatsApp paylaşımı tek akış. Mobil-öncelikli kararlar, 1.000 adet altı engelleyici uyarılar, ekran kalibrasyonu için renk swatch'larla doğrulama.

Tool Specs
01

Çanta Tipi

Tote · sırt · kese · …

02

Renk

8 standart + min 10.000 adet custom

03

Boyut

36×40 · 38×42 · custom

04

Körük (Gusset)

Düz · katlı · derinlik

05

Sap

Düz · halka · uzun · kısa

06

Gramaj

Kumaş ağırlığı + dayanım

07

Logo & Baskı

PNG · JPG · SVG · 1-4 renk

08

Adet

Min 1.000 · özel notlar

 min. 1.000 adet · KVKK aydınlatma metni · WhatsApp / online teklif sepeti paylaşımı

Tool · Canlı
durucanta.com/promosyon-bez-cantaCANLI
Baginator; durucanta.com canlı configurator UI önizleme
Kanvas Tote · Doğal Bej
38×42×10 cm · 320 gr/m² · 2.500 adet
örnek konfigürasyon →
MODAL
07 - Pre-Chat Modal
WhatsApp + E-posta · Lead Capture

İletişimi tek modale indirdik.

Müşteri WhatsApp veya e-posta'ya geçmeden önce niyetini ve iletişim bilgisini bırakır; 8 alanlı form değil, 2 adımlı tek ekran. Her gönderim CRM'e işlenir; KVKK onayı modal'ın içinde, cookie-consent'ten bağımsız.

Modal · Canlı
01
durucanta.com
Adım 1 · Niyet seçimi
Adım 1 · Niyet seçimi
02
durucanta.com
Adım 2 · İletişim formu
Adım 2 · İletişim formu
Modal Specs
01

Çift kanal

WhatsApp + E-posta tek modal

02

5 niyet ön-seçimi

fiyat · sipariş · numune · özel · diğer

03

4 form alanı

ad · email · telefon · firma

04

KVKK onayı embedded

aydınlatma metni modal içinde

05

ReCAPTCHA

anti-bot · v3 invisible

06

CRM tek-yön kayıt

cookie-consent'ten bağımsız

 KVKK aydınlatma · ReCAPTCHA v3 · traffic source tracking · response-time window

Desktop · Canlı Modal

Aynı akış, masaüstünde tek ekranda.

Mobilde 2 adım (intent → form); desktop’ta intent listesi + form yan yana, tek modal. Aynı CRM kaydı, aynı KVKK onayı.

durucanta.com
Desktop · Niyet boş + form hazır
Desktop · Niyet boş + form hazır
MORE
08 - Diğer Özellikler
Slider · Edna-built feature showcase

Diğer bazı kritik araçlar.

Baginator ve Pre-Chat dışında Duru'nun B2B akışını taşıyan beş kritik özellik daha; her biri Edna tarafından tasarlandı. Slider ile geziniz.

01 / 04
durucanta.com/online-teklif
Online Teklif
08.A · QUOTE WIZARD

B2B teklif sihirbazı, 4 adım.

235+ ürün kataloğunu kurumsal teklife dönüştüren 4-adımlı sihirbaz; jsPDF branded çıktı + KVKK + tax/firm validation.

  • 4 adım wizard (Ürün · Özelleştirme · İletişim · Onay)
  • jsPDF branded teklif çıktısı
  • KVKK aydınlatma metni
  • Tax/firm validation
  • Çoklu ürün sepeti
  • Anonim + auth iki kanal

Doğanın yükünü biz taşırız.

Pamuktan kanvasa · tarladan markaya

HİZMET
09 - Mimari
Web · SEO · Mobil · UI/UX · Reklam

5 disiplin, tek vizyon altında.

Duru Çanta'nın dijital varlığını markadan ürüne, görünürlükten dönüşüme kadar tek bir çatı altında topladık. Her disiplin kendi başına ölçülebilir, hepsi aynı marka hikayesinden besleniyor.

Web Tasarım & Geliştirme

21 kategori, tek deneyim altında.

Marka tutarlılığı, modüler katalog ve sürtünmesiz teklif akışı; hepsi tek tasarım dilinde.

Next.js · RSCTasarım SistemiÇok-dil
durucanta.com
21 kategori, tek deneyim altında.
9:41•••
Cebinde, hızlı, dokunmaya hazır.
google.com/search?q=bez+çanta
İhtiyaç anında ilk sayfa.
durucanta.com/bez-canta-tasarla
Bir kez tasarla, tüm akışta yaşa.
ads.google.com/dashboard
Doğru kişi, doğru an, doğru bütçe.
01/05
ADMIN
10 - Operasyon Merkezi
Operasyon Merkezi · Back-office

Tek panelden tüm akış.

Web sitesinin altına; siparişten üretime, dönüşümden raporlamaya kadar operasyonu yöneten beş ekranlı bir back-office paneli kurguladık. Müşteri görmez; ekip her gün kullanır.

admin.durucanta.com/dashboard
Operasyonun nabzı tek ekranda.
Tek tablo, sekiz aşama.
Kanban tezgah önünde.
Teklif → sipariş hunisi.
Ciro, sipariş, kategori; tek bakışta.
01/05
Yönetim Paneli · Ana Sayfa

Operasyonun nabzı tek ekranda.

Açık teklif, aktif sipariş, iş hattı durumu ve ciro trendi; günlük karar anında.

PAGES
11 - Öne Çıkan Sayfalar
Özel İçerik Sayfaları · SEO Vitrini

8 özel landing, aynı tasarım dili.

Duru için 8 özel SEO landing page'ı tasarladık + Next.js 16 RSC ile static-prerender ettik. Her landing kendi segment anlatımını taşır (promosyon · üretim · patent · kurumsal); ortak altyapı sayesinde yeni bir segment landing'i hızla compose edilebilir.

8
Özel Landing Page
Hepsi static-prerender + i18n + SEO
22
Reusable Component
Hero · commerce · editorial · tech grup
~1g
Yeni Landing İnşa Süresi
Mevcut kütüphaneden compose
4
Locale · Tam i18n
TR · EN · FR · DE · all landings
Öne Çıkan Sayfalar
Landing · Promosyon
durucanta.com/promosyon-bez-canta
Promosyon Bez Çanta; durucanta.com/promosyon-bez-canta canlı önizleme
Canlı sayfayı aç ↗

Promosyon Bez Çanta

; Promosyon segmenti · B2B etkinlik + kampanya
11 section · static prerender
Landing · Bez
durucanta.com/bez-canta-uretimi
Bez Çanta Üretimi; durucanta.com/bez-canta-uretimi canlı önizleme
Canlı sayfayı aç ↗

Bez Çanta Üretimi

; Üretim hikayesi · proses + sürdürülebilirlik
10 section · static prerender
Landing · Tohumlu
durucanta.com/tohumlu-bez-cantaPATENT
Tohumlu Bez Çanta; durucanta.com/tohumlu-bez-canta canlı önizleme
Canlı sayfayı aç ↗

Tohumlu Bez Çanta

; TR Patent · biyolojik geri dönüş
5 section · static prerender
Doğanın Yükünü Taşır.
Duru Çanta · 2002 → bugün
Markanızın sırada olmasını ister misiniz?

Sizin için de böyle bir miras kuralım.

Duru gibi köklü üreticileri dijitale taşırken keşfettiğimiz yöntem: önce hikayeyi anla, sonra dijital vitrini onun üzerine kur. 30 dakikalık keşif görüşmesinde sektörünüze uyarlayalım.

Bizimle Çalışın→Diğer Çalışmalar→
DURU'YA GÜVENEN MARKALAR · 50+ kurumsal portföy
AkbankGaranti BBVASabancıKoç HoldingTurkcellSamsungArçelikVodafoneAkbankGaranti BBVASabancıKoç HoldingTurkcellSamsungArçelikVodafone