Duru Bag has been Turkey's leading canvas-bag manufacturer since 2002 — serving 50+ major brands including Akbank, Garanti, Sabancı, Koç, Turkcell and Samsung, exporting to 6+ countries, and producing 100% domestically. Its tagline is clear: "Carrying Nature's Burden." The goal: move the B2B flow — fragmented across separate catalogs, email threads and phone quotes — into a single corporate interface.
SEDEX
ISO
OEKO-TEX
İKMİB235+ product models scattered across 21 different categories (Bez · Kanvas · Gabardine · Vital · Imperteks · Seed-embedded · PVC · …); ahead of every event, rush-delivery requests were handled over WhatsApp + email threads. Color choice, GSM, print technique, logo placement and quantity tiers never lived in the same flow — and the manufacturer’s differentiating products like the patented Seed-Embedded Canvas Bag were not getting the visibility they deserved..
We dove deep into the B2B promotional-bag market: competitor catalog structures, mobile-experience gaps, search behavior, the price-demand flow and the canvas-bag sustainability context. Design decisions were tied to the audit and persona outputs fed by this research.
235+ models scattered across PDF + WhatsApp attachments; no filters, no search, no mobile view.
Email threads + phone; not trackable, easily lost, pricing opaque; KVKK compliance missing.
Color choice via manual email attachments; no screen calibration; print-technique compatibility left to customer guesswork.
The current storefront is desktop-locked — unusable for buyers deciding in trade-show / on-site settings.
No category-based landing pages; no rich snippets; off the first page for "canvas bag" + "promotional" searches.
Differentiating products like the Seed-Embedded Canvas Bag get lost inside the catalog; the story isn’t being told.
While translating Duru’s brand identity (Carrying Nature’s Burden) into the digital interface, we built the entire UI system from scratch — from the color-token palette to the typographic scale, from buttons to filters. Each component is versioned as both a Tailwind theme and a React component.
Montserrat was chosen for readability and a modern look. A clear typographic hierarchy increases clarity, directs attention and supports fast decisions.
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ı.
6 live-render component lockups. All Tailwind + React, fed by design tokens; one-click migration to sibling sites.
We turned Duru's manual email-thread quote process into a single-screen self-service configurator. 8 parameters + KVKK + WhatsApp share, in one flow. Mobile-first decisions, blocking warnings under 1,000 units, color-swatch verification for screen calibration.
Tote · backpack · pouch · …
8 standard + custom from 10,000 units
36×40 · 38×42 · custom
Flat · folded · depth
Flat · loop · long · short
Fabric weight + durability
PNG · JPG · SVG · 1-4 colors
Min 1,000 · custom notes
min. 1,000 units · KVKK privacy notice · WhatsApp / online quote-cart share
Before the customer hops to WhatsApp or email, they drop their intent and contact details — not an 8-field form, but a 2-step single screen. Every submission lands in the CRM; KVKK consent is inside the modal, independent of cookie consent.
WhatsApp + Email in one modal
pricing · order · sample · custom · other
name · email · phone · company
privacy notice inside the modal
anti-bot · v3 invisible
independent of cookie consent
KVKK notice · ReCAPTCHA v3 · traffic-source tracking · response-time window
On mobile, 2 steps (intent → form); on desktop, the intent list and form side by side in a single modal. Same CRM record, same KVKK consent.
Beyond Baginator and Pre-Chat, five more critical features carry Duru’s B2B flow — each designed by Edna. Browse with the slider.
A 4-step wizard that turns the 235+ product catalog into a corporate quote; jsPDF branded output + KVKK + tax/firm validation.
We unified Duru Bag’s digital presence — from brand to product, from visibility to conversion — under one roof. Each discipline is measurable on its own; all are fed by the same brand story.
Beneath the website we built a 5-screen back-office panel that runs operations end-to-end — from order to production, from conversion to reporting. The customer never sees it; the team uses it every day.
We designed 8 custom SEO landing pages for Duru + static-prerendered them with Next.js 16 RSC. Each landing carries its own segment narrative (promotional · production · patent · corporate); on the shared foundation, a new segment landing can be composed quickly.
The method we found while bringing veteran manufacturers like Duru into the digital: understand the story first, then build the storefront on top of it. In a 30-minute discovery call we’ll adapt it to your industry.
