---
title: "Junsheng Hardware B2B Catalog Site | 星源 Web Studio"
description: "A multilingual B2B catalog for a furniture and architectural hardware manufacturer, with product details, MOQ, catalog requests and inquiry forms."
url: "https://studio.i17i.com/en/work/junsheng-hardware"
---

Furniture and architectural hardware manufacturing

# Junsheng Hardware — B2B Furniture Hardware Catalog

A B2B product catalog website for a furniture and architectural hardware manufacturer: catalog, category pages, product details with MOQ, a catalog request form and an inquiry form, with multilingual switching.

[Visit website](https://juns.i17i.com/)

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

## Screenshots

juns.i17i.com

juns.i17i.com

juns.i17i.com

## Background & challenge

Hardware has many SKUs with detailed specs, and overseas B2B buyers browse a catalog, filter, request the full PDF catalog, then inquire. The site had to be designed around this browse-filter-request-inquire journey rather than a retail cart flow.

## Solution

Information architecture built around B2B purchasing behavior: category and product detail pages that surface specs and MOQ, dual conversion paths via a catalog request form and an inquiry form, multilingual switching for different markets, and unified admin management of products and inquiries.

## Outcomes

- Full B2B browsing structure: catalog, categories and detail pages

- Two conversion paths: catalog request and inquiry form

- MOQ and other B2B decision factors surfaced clearly for buyers

- One site serving multiple markets through multilingual switching

## Key features

- Product catalog with category navigation

- Product detail pages with specs and MOQ

- Catalog request form

- Inquiry form with email notifications

- Multilingual switching

- Admin panel for products and inquiries

## Tech stack

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

[Get a Quote](https://studio.i17i.com/en/contact)

## Related service

[B2B Trade Site Development Flagship: multilingual + catalog + inquiry flow + admin panel From $2,700, quoted by product count, languages and features Learn More](https://studio.i17i.com/en/services/b2b-trade-site)

## Related work

[yaofengxny.com Machine-made charcoal manufacturing / new energy fuel Yaofeng New Energy — Charcoal Manufacturer Trade Site An international corporate and catalog website for a machine-made charcoal manufacturer, serving buyers in English, Chinese, Arabic (RTL) and Russian, with a filterable product catalog, an OEM page and a complete inquiry flow. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/yaofeng-new-energy)
[tn.i17i.com Cross-border business services / subscription commerce Subscription Commerce Site with Stripe Payments A subscription sales site for cross-border business users, delivered solo from planning and design through implementation and production operations: Stripe Checkout payments, webhook-driven order sync, an admin panel, a customer self-service page and email notifications throughout. - Next.js - TypeScript - Prisma - PostgreSQL Learn More](https://studio.i17i.com/en/work/subscription-commerce)
[chromewebstore.google.com Browser Extension / Own Product Ladybird No-code Web Automation Chrome Extension A self-developed browser extension published on the Chrome Web Store: add no-code buttons, links and tooltips to any webpage, build automation with a visual flow editor, and keep credentials in a locally encrypted vault. Trilingual UI (English/Japanese/Chinese), under active iteration. - Chrome Extension - Manifest V3 - WXT - React Learn More](https://studio.i17i.com/en/work/ladybird-extension)

## Related articles

- [Multilingual Website SEO: A Practical Guide to hreflang, URLs and RTLHow to get multilingual website SEO right: URL structure, hreflang without the classic errors, Arabic RTL layout, translation quality and a checklist.Learn More](https://studio.i17i.com/en/blog/multilingual-website-seo)

- [B2B Manufacturer Website Guide: What Actually Generates InquiriesA practical guide to B2B manufacturer websites that generate inquiries: the pages buyers expect, catalog and spec design, inquiry flow, and budgets.Learn More](https://studio.i17i.com/en/blog/b2b-website-for-manufacturers)

- [What Is PHP2Shell? A Practical Guide to Checking and Fixing PHP WebsitesUnderstand PHP2Shell, CVE-2026-109618 and CVE-2026-109619. Check the PHP runtime behind your website, install security updates, restart workers and verify the fix.Learn More](https://studio.i17i.com/en/blog/php2shell-security-fix)

## Ready to build a website that wins overseas buyers?

Free consultation with a reply within one business day, including practical advice for your industry

[Free Consultation](https://studio.i17i.com/en/contact)
[View Portfolio](https://studio.i17i.com/en/work)