---
title: "金物メーカーB2Bサイト | 星源 Web Studio"
description: "家具・建築金物メーカーのB2B製品カタログサイト。製品詳細、MOQ、カタログ請求、問い合わせフォームを備え、多言語切り替えに対応しています。"
url: "https://studio.i17i.com/ja/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カタログを請求し、問い合わせる」という購買行動をとります。ECのようなカート型ではなく、この行動に沿った情報設計が必要でした。

## ソリューション

B2Bの購買行動に合わせ、カテゴリページと製品詳細ページで仕様・MOQを明示し、カタログ請求フォームと問い合わせフォームの2つの導線を用意。多言語切替で複数市場のバイヤーに対応し、管理画面で製品と問い合わせを一元管理できるようにしました。

## 成果物

- 製品カタログ・カテゴリ・詳細ページによるB2B向けの閲覧構造

- カタログ請求と問い合わせの2つのコンバージョン導線

- MOQなどB2B取引に必要な情報を明示し、バイヤーの検討を支援

- 多言語切替により1つのサイトで複数市場に対応

## 主な機能

- 製品カタログとカテゴリ別ナビゲーション

- 製品詳細ページ（仕様・MOQ表示）

- カタログ請求フォーム

- 問い合わせフォームとメール通知

- 多言語切替

- 管理画面での製品・問い合わせ管理

## 技術スタック

- Next.js

- TypeScript

- Prisma

- PostgreSQL

- Tailwind CSS

- Docker

[お見積り依頼](https://studio.i17i.com/ja/contact)

## 関連サービス

[多言語B2Bサイト開発 多言語＋製品カタログ＋問い合わせ＋管理画面のフラッグシップ 400,000円〜。製品数・言語数・機能範囲によりお見積りします 詳しく見る](https://studio.i17i.com/ja/services/b2b-trade-site)

## 関連する制作実績

[yaofengxny.com 成型炭製造・新エネルギー燃料 Yaofeng New Energy 成型炭メーカー海外向けサイト 成型炭メーカーの海外向けコーポレート・製品カタログサイトです。英語・中国語・アラビア語（RTL）・ロシア語の4言語に対応し、製品カタログ、OEM紹介ページ、問い合わせ導線までを設計から実装・公開まで一貫して担当しました。 - Next.js - TypeScript - Prisma - PostgreSQL 詳しく見る](https://studio.i17i.com/ja/work/yaofeng-new-energy)
[tn.i17i.com 越境ビジネス向けサービス・サブスクリプション サブスクリプション販売サイト（Stripe決済） 越境ビジネス事業者向けのサブスクリプション販売サイトを、企画・設計から実装・本番運用まで一人で担当しました。Stripe Checkoutによるオンライン決済、Webhookでの注文状態同期、管理画面、顧客向けセルフサービスページ、メール通知を実装しています。 - Next.js - TypeScript - Prisma - PostgreSQL 詳しく見る](https://studio.i17i.com/ja/work/subscription-commerce)
[chromewebstore.google.com ブラウザ拡張 / 自社プロダクト Ladybird ノーコードWeb自動化Chrome拡張 自社開発しChrome Web Storeで公開中のブラウザ拡張機能。ノーコードで任意のWebページにボタン・リンク・ツールチップを追加でき、ビジュアルフローエディタで自動化操作を構築。認証情報はローカル暗号化保管庫に保存、UIは日/英/中の3言語対応で継続的にアップデート中。 - Chrome Extension - Manifest V3 - WXT - React 詳しく見る](https://studio.i17i.com/ja/work/ladybird-extension)

## 関連記事

- [多言語サイト制作のポイント｜失敗しないための設計・翻訳・SEOの基本多言語サイト制作で失敗しないためのポイントを、URL設計、hreflang、RTL対応、翻訳品質、更新体制の5つの観点から解説します。英語・中国語だけでなくアラビア語などRTL言語に対応する際の注意点も、実際の制作経験をもとにご紹介します。詳しく見る](https://studio.i17i.com/ja/blog/tagengo-site-seisaku)

- [ホームページを閉鎖する順番：サーバー・ドメインを解約する前にやること6ステップ閉店や活動終了でホームページ（WordPressサイト）を閉じるときに、サーバーやドメインを先に解約して困らないための順番をまとめました。ログイン情報の確認、保存版、写真の元ファイルの見分け方、解約で何が消えるかの一覧、よくある質問まで解説します。詳しく見る](https://studio.i17i.com/ja/blog/homepage-heisa-junban)

- [WordPressサイトを閉鎖前に保存する方法：HTTrackで崩れる理由とオフラインで見られる静的化閉鎖するWordPressサイトを、サーバーを止めたあとも見返せる形で残したい方へ。HTTrackなどの保存ソフト、ブラウザの保存機能、静的化プラグイン、バックアッププラグインの違いを比べ、画像が出ない・崩れる5つの原因と見分け方・対処、保存できたかを確かめる方法を解説します。詳しく見る](https://studio.i17i.com/ja/blog/wordpress-heisa-hozon)

## ホームページ制作のご相談はお気軽に

無料相談・お見積りは1営業日以内にご返信します。要件が固まっていない段階でも歓迎です

[無料相談](https://studio.i17i.com/ja/contact)
[実績を見る](https://studio.i17i.com/ja/work)