---
title: "家具五金B2B目录站 | 星源 Web Studio"
description: "为家具与建筑五金制造商建设B2B产品目录站，包含产品详情、MOQ、目录请求与询盘表单，支持多语言切换。"
url: "https://studio.i17i.com/zh/work/junsheng-hardware"
---

家具·建筑五金制造

# Junsheng Hardware 家具五金B2B目录站

为家具与建筑五金制造商开发的B2B产品目录站：产品目录、分类页、产品详情、目录请求表单与询盘表单，标注MOQ（最小起订量）等B2B要素，支持多语言切换。

[访问网站](https://juns.i17i.com/)

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

## 网站截图

juns.i17i.com

juns.i17i.com

juns.i17i.com

## 项目背景与挑战

五金类目SKU多、规格杂，海外B2B买家习惯先浏览目录、再请求完整PDF目录与报价；网站需要围绕『浏览-筛选-请求目录-询盘』的B2B采购路径设计，而不是零售式的购物车。

## 解决方案

按B2B采购习惯设计信息架构：分类页+产品详情页展示规格与MOQ，提供目录请求表单与询盘表单双导线，多语言切换覆盖不同市场买家，后台统一管理产品与询盘数据。

## 交付成果

- 产品目录+分类页+详情页的完整B2B浏览结构

- 目录请求表单与询盘表单双转化路径

- MOQ等B2B采购要素清晰标注，匹配买家决策习惯

- 多语言切换，同一站点服务多个市场

## 核心功能

- 产品目录与分类页导航

- 产品详情页（规格、MOQ标注）

- 目录请求表单（Request Catalog）

- 询盘表单与邮件通知

- 多语言切换

- 管理后台产品与询盘管理

## 技术栈

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

[获取报价](https://studio.i17i.com/zh/contact)

## 相关服务

[外贸B2B独立站定制开发 多语言+产品目录+询盘闭环+管理后台，旗舰级交付 2700美元起，按产品数量、语言数量与功能范围报价 了解详情](https://studio.i17i.com/zh/services/b2b-trade-site)

## 相关案例

[yaofengxny.com 机制炭制造 / 新能源燃料 Yaofeng New Energy 机制炭制造商外贸站 为机制成型炭制造商开发的海外官网+产品目录站，支持英语、中文、阿拉伯语（RTL）、俄语4种语言，覆盖中东与俄语区目标市场，包含产品目录、OEM定制页与完整询盘导线。 - Next.js - TypeScript - Prisma - PostgreSQL 了解详情](https://studio.i17i.com/zh/work/yaofeng-new-energy)
[tn.i17i.com 跨境服务 / 订阅制电商 订阅制在线销售站（Stripe支付） 面向跨境业务用户的订阅制销售站，从企划、设计到实现与上线运维独立完成：Stripe Checkout在线支付、Webhook订单状态同步、管理后台、客户自助页面与全流程邮件通知。 - Next.js - TypeScript - Prisma - PostgreSQL 了解详情](https://studio.i17i.com/zh/work/subscription-commerce)
[chromewebstore.google.com 浏览器扩展 / 自研效率产品 Ladybird 免代码网页自动化Chrome扩展 自研并公开上架 Chrome Web Store 的浏览器扩展：免代码给任意网页添加按钮、链接与提示，可视化流程编辑器编排自动化操作，凭据存于本地加密保管库，中/英/日三语界面，持续版本迭代中。 - Chrome Extension - Manifest V3 - WXT - React 了解详情](https://studio.i17i.com/zh/work/ladybird-extension)

## 相关文章

- [Shopify还是定制开发？外贸独立站选型的完整对比外贸独立站该用Shopify等SaaS平台还是找服务商定制开发？本文从前期与长期成本结构、SEO自由度、多语言与RTL支持、B2B功能适配、数据与源码归属五个维度做完整对比，给出零售型与B2B获客型业务的不同选型建议，帮你避免选错路线导致推倒重来。了解详情](https://studio.i17i.com/zh/blog/shopify-vs-dingzhi-kaifa)

- [外贸独立站SEO实操指南：让海外买家搜到你的八个要点外贸独立站SEO怎么做？本文从技术SEO基础、关键词意图分层、多语言hreflang配置、产品详情页优化、内容营销与外链建设等八个实操要点展开，附关键词分层示例与上线自查表格，帮助外贸企业在谷歌获得自然流量，把独立站变成持续产生询盘的获客渠道。了解详情](https://studio.i17i.com/zh/blog/dulizhan-seo-youhua)

- [独立站建站费用明细：2026年外贸网站到底要花多少钱独立站建站费用到底由哪些部分构成？本文详细拆解外贸独立站的一次性开发费、每年的域名服务器费、多语言翻译内容费与后期维护费四大项，给出LP、企业官网、B2B独立站三档费用区间对照表，并分析模板建站与定制开发的长期成本差异，帮你合理编制自己的建站预算。了解详情](https://studio.i17i.com/zh/blog/dulizhan-jianzhan-feiyong)

## 准备好开始你的外贸独立站了吗？

免费咨询，一个工作日内回复，提供针对你行业的建站建议与报价

[免费咨询](https://studio.i17i.com/zh/contact)
[查看案例](https://studio.i17i.com/zh/work)