CASE STUDY · 22 / B2B E-COMMERCE

B2B Promotional & Advertising Products Site

B2B infrastructureDesignQuote basketLive pricing

Karan.MedyaA B2B promotional site built around live prices and stock per colour.

Karan Medya’s site runs on the EDNA B2B infrastructure and combines a category showcase home page, a quote basket, live pricing and nine category catalogs.

See the screens →Read the brief ↓

Client

Karan Medyakaranmedya.com

Sector

Promotional and advertising productsCompanies, institutions, agencies

Scope

Design + DevelopmentB2B infrastructure, Design, Quote basket, Live pricing

Started

June 2026Live

Output

Responsive webTurkish

01 - Live Mockup · Desktop

5 screens. One design language.

Pick a page from the list on the left, then scroll the design yourself on the MacBook screen on the right. You’re in full control.

Scroll to explore

Live Previewkaranmedya.com/

Home00%

02 - Live Mockup · Mobile

5 screens, in your pocket.

5 mobile screens, designed for 360-428 px viewports. You can scroll inside the centered phone yourself; click the side phones to bring them to the center.

01 · Brief

Showing price and stock on the page.

Karan Medya, in Güngören, Istanbul, prepares pens, flasks, USB sticks, power banks, planners, textiles and bags with companies’ logos using laser, UV, screen and digital printing.

The need

Corporate buyers compare several products and ask for prices by quantity, so they need to see each product’s price and stock per colour. There is no online payment; sales run on quotes.

Goal

Show price and stock per colour on the product page, collect quotes in a basket and offer a downloadable catalog for every category.

Approach

A Karan design layer on top of the shared core of the EDNA B2B infrastructure; live pricing and catalog modules come from the core.

Solution

A slider showing categories with live product counts and starting prices, a quote basket with quantities, a desktop Quick View window, 9 category catalogs and a quick quote form on the home page.

Outcome

Live at karanmedya.com with 2,959 products and 46 category pages.

Product pages

Listed for search engines

Category pages

9 main, 37 sub-categories

Catalogs

One per category, PDF download

Guide posts

Gift choice and sustainable products

02 · What we built

6 building blocks, one site.

A B2B site for a promotional products company in Güngören that shows live prices and stock per colour and works with a quote basket and category catalogs.

◈

Category showcase slider

The home page slider shows the 9 main categories with product count, sub-category count and starting price from live data.

⊞

Quote basket

Buyers collect several products with quantities and request a bulk quote with one form.

◐

Quick View

On desktop, clicking a product card opens price, stock, suggested quantity, add-to-quote and WhatsApp in one window.

◆

Live price and colour stock

The product page shows the price and the stock of each colour option from current data.

◉

Category catalogs

Each of the 9 main categories has an online catalog built from current products that downloads as PDF.

◇

Quick quote form

The lower part of the home page has a short quote form by category, plus phone and WhatsApp buttons.

03 · Method & stack

Which method, which tools?

Left: how we ran the project. Right: the technologies read from the project’s own dependency list.

/01
Catalog and category architecture
Strategy
/02
Interface and design system
UI
/03
Mobile-first development
Frontend
/04
B2B quote and contact flow
Flow
/05
Launch
Launch

/06
Next.js
Framework
/07
React
UI
/08
TypeScript
Language
/09
Tailwind CSS
Styling
/10
Supabase
Data + Auth

KARAN

The next project could be yours

Let’s take our B2B infrastructure to your sector.

Your sector, catalog and customers are different; the method stays the same. Write to us and let’s talk about your project.

Message us on WhatsApp →Other work →

← All Work

CASE STUDY · 22 / B2B E-COMMERCE

B2B Promotional & Advertising Products Site