◈
Quote list and online quote
Buyers collect products with quantities, add their details and logo, and request a quote in one go.
Client
Saygı Reklamsaygireklam.com
01 - Live Mockup · Desktop
6 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
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
Turning a manufacturer’s catalog into quotes.
Since 2011 Saygı Reklam has produced and wholesaled promotional products in Istanbul; it makes its own plastic pens and prints logos in its own facility. Its customers are companies, advertising agencies and resellers.
The need
Wholesale buyers pick, from hundreds of products, the ones that fit their budget and sector, and ask for a quote with quantities. Resellers want a catalog they can show their own clients, without the company’s details on it.
Goal
Make products findable by category, sector and use case, collect quotes in one form and pass approved orders to the company’s ERP.
Approach
A brand-specific design layer on top of the shared core of the EDNA B2B infrastructure. Catalog, quotes and the customer panel come as modules; sector pages and the ERP transfer were added for Saygı.
Solution
A quote list with quantities and an online quote form with logo upload, 9 category catalogs plus an unbranded version, 42 sector and use-case pages, typo-tolerant search and one-click ERP account transfer from the panel.
Outcome
Live at saygireklam.com with 2,573 product pages, 210 category pages and 18 blog posts.
0
Product pages
Listed for search engines
0
Category pages
Three-level category tree
0
Sector pages
Picks for pharmacies, hotels, hospitals
0
Blog posts
Product choice, budget, print methods
02 · What we built
6 building blocks, one site.
A B2B platform that presents a promotional manufacturer’s products by category, sector and catalog, collects quotes with logo upload and passes orders to the company’s ERP.
03
03 · Method & stack
Which method, which tools?
Left: how we ran the project. Right: the technologies read from the project’s own dependency list.
- /01Catalog and category architectureStrategy
- /02Interface and design systemUI
- /03Search and sector pagesVisibility
- /04B2B quote and pre-chat flowFlow
- /05ERP integrationIntegration
- /06Next.jsFramework
- /07ReactUI
- /08TypeScriptLanguage
- /09Tailwind CSSStyling
- /10SupabaseData + Auth
SAYGI
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.