Amazonで商品を見るセール会場へ

製造業・メーカーのおしゃれなウェブサイトデザイン|制作者が分かるサイトだけ12件【2026年9月調査】

製造業・メーカーのウェブサイトデザイン事例のアイキャッチ画像

製造業・メーカーのウェブサイトのうち、誰が作ったかが分かり、第三者の評価があり、公開から10年以内のものだけを集めました。
12件です。

製造業のサイトには固有のむずかしさがあります。
製品を写真に撮っても、良さが伝わらない。
樹脂、塗料、電力、タイル。
どれも見た目では違いが分かりません。

この12件は、そこをどう解いたかがはっきり出ています。
これから制作会社に頼む人が「このくらいの予算と体制で作ると、どういうサイトになるのか」を見るための記事です。

この記事の調べ方

  • デザインギャラリー6サイト(SANKOU!・MUUUUU.ORG・Web Design Clip・イケサイ・1GUU・URAGAWA)の企業・BtoB・メーカーのカテゴリから、掲載されているサイトを集めました
  • 2つ以上のギャラリーに載っているサイト、またはMUUUUU.ORGのSITE OF THE DAYに選ばれたものを候補にしました
  • 制作者はギャラリーのクレジットと、各制作会社の実績ページで確認しました
  • 制作者が確認できなかったもの、製造業・BtoBではなかったもの(警備、メディア、工務店、海外企業)、採用サイト単体のものを外して12件です
  • この記事は当初6件で公開し、2026年9月14日にギャラリーを3サイトから6サイトへ広げて調べ直し、6件を追加しています
  • 掲載企業・制作会社からの申請ではなく、編集部の調査に基づく掲載です。
    掲載料はいただいていません
  • 調査日: 2026年9月13日(初回)/2026年9月14日(再調査)

順位ではありません。
並びは第三者の評価が強い順で、同じ場合は掲載時期が新しい順です。

製造業のサイトに何を載せるべきかは製造業のホームページの作り方製造業・BtoB企業のサイト設計で説明しています。

目次

掲載サイト一覧

# 会社 業種・地域 制作 第三者の評価 掲載時期
1 TSG 水性塗料メーカー LEVEL ZERO 3件+SOTD 2026年8〜9月
2 サンフロロシステム フッ素樹脂ライニング(大阪) Will Style + Axis 2件+SOTD 2026年5〜9月
3 デジタルグリッド 電力取引プラットフォーム(東京) Goodpatch + WOW + EVOWORX 2件+SOTD 2026年6〜7月
4 中田工芸 木製ハンガー製造(兵庫・豊岡) Will Style. 1件+SOTD 2026年5月
5 SERIOUS CERAMIC タイル製造(岐阜・多治見) Soulmates Interactive. + studio point + Rand 1件+SOTD 2026年1月
6 ボックス・ワン 展示会ブース施工(東京) Re:design + baqemono 2件 2025年7月
7 ナミナミダンボール 片面ダンボールの製造(大光紙工) 平氏 3件+SOTD 2026年3月
8 OKI 電機メーカー SHIFTBRAIN + Shhh 2件+SOTD 2026年3月
9 富士紡ホールディングス 研磨材・機能素材メーカー SHIFTBRAIN 3件 2022年2月
10 明邦空調 空調設備の販売・工事 Garden Eight 3件 2018年7月
11 第一高周波工業 高周波誘導加熱の加工メーカー エヴォワークス 3件 2017年10月
12 野方電機工業 精密機械加工の町工場(東京・中野) dede.inc 3件 2017年6月

1. TSG

TSGの公式サイトのファーストビュー
TSGの公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

白地に、半透明の3DCGが3つ浮いています。
緑の葉のようなもの、真珠色の塊、水色の骨組み。
どれも塗料の粒子を模した形です。

真ん中の塊にはサングラス、右の骨組みには目玉がついている。
工業製品のサイトに顔を描くのは思い切った判断です。

右側に縦組みで「最滴塗料メーカー」。
「最適」ではなく「最滴」と、水性塗料にかけた造語になっています。

塗料は写真にしても違いが伝わりません。
CGとキャラクターで、見えないものを見せる方向に振り切っています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 水性塗料メーカー
制作 LEVEL ZERO
制作スタッフ 制作:LEVEL ZERO
ギャラリー掲載 SANKOU!/MUUUUU.ORG/Web Design Clip
評価 MUUUUU.ORG SITE OF THE DAY(2026年9月13日)
掲載時期 2026年8〜9月
技術の痕跡 WebGL
公式サイト www.tsg-jpn.co.jp

TSGの公式サイトを見る

2. サンフロロシステム

サンフロロシステムの公式サイトのファーストビュー
サンフロロシステムの公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

防護服の作業者が、暗いタンクの内側で作業している動画。
顔は下を向いていて表情は見えません。

画面の下辺に「Innovation Begins in Clean Lined Tanks.」を細身の欧文で、その上に小さく「製品の内側から、産業を動かす。

フッ素樹脂ライニングという、説明しないと分からない仕事です。
それを「タンクの内側」という言葉と、実際に内側で作業する写真だけで伝えています。

青みの強い照明が、清浄さと閉塞感を同時に出しています。
工場の写真としては珍しい撮り方です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 フッ素樹脂ライニング(大阪)
制作 Will Style + Axis
制作スタッフ ディレクション:Yuki Ikezoe、Saya Yoshikawa/デザイン:Yuri Takeuchi、Ryuya Fujita/エンジニア:Taku Matsumura/写真・動画:axis
ギャラリー掲載 SANKOU!/MUUUUU.ORG
評価 MUUUUU.ORG SITE OF THE DAY(2026年5月17日)
掲載時期 2026年5〜9月
技術の痕跡
公式サイト www.sunfluoro.co.jp

サンフロロシステムの公式サイトを見る

3. デジタルグリッド

デジタルグリッドの公式サイトのファーストビュー
デジタルグリッドの公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

水色の地に、青と緑とオレンジの線が格子状に走り、交点に丸が置かれています。
送電網の図です。

線の色が場所によって変わり、丸の大きさも違う。
どこにどれだけ電気が流れているかを、抽象化して見せています。

「エネルギーの未来に、選択肢を。
」の見出しは、格子の上に白い箱を敷いて置かれています。
図の上に文字を重ねず、箱で切り取る処理です。

電力の取引という目に見えない事業を、図そのものをブランドの絵にすることで表しています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 電力取引プラットフォーム(東京)
制作 Goodpatch + WOW + EVOWORX
制作スタッフ デザイン:Goodpatch Inc./モーショングラフィックス:WOW inc/実装:EVOWORX
ギャラリー掲載 SANKOU!/MUUUUU.ORG
評価 MUUUUU.ORG SITE OF THE DAY(2026年6月1日)
掲載時期 2026年6〜7月
技術の痕跡
公式サイト www.digitalgrid.com

デジタルグリッドの公式サイトを見る

4. 中田工芸

中田工芸の公式サイトのファーストビュー
中田工芸の公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

作業台で木製ハンガーを万力に挟み、手で仕上げている職人の写真。
窓からの光だけで撮られています。

見出しは「Beyond Hangers, Beyond Borders.」と「ふくをかける以上の価値を。
」の2行。

手前の作業台には、工程の違うハンガーが何本も置かれ、引き出しには「FH用工具」と手書きのラベル。
作られた写真ではなく、仕事場をそのまま撮っています。

ハンガーという単価の低い製品でも、工程を見せれば単価の話にならない。
そういう作り方です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 木製ハンガー製造(兵庫・豊岡)
制作 Will Style.
制作スタッフ ディレクション:Yuki Ikezoe/デザイン:Yuri Takeuchi/エンジニア:Taku Matsumura/写真:knot
ギャラリー掲載 MUUUUU.ORG
評価 MUUUUU.ORG SITE OF THE DAY(2026年5月1日)
掲載時期 2026年5月
技術の痕跡
公式サイト www.nakatakogei.com

中田工芸の公式サイトを見る

5. SERIOUS CERAMIC

SERIOUS CERAMICの公式サイトのファーストビュー
SERIOUS CERAMICの公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

タイルを斜めに並べて寄って撮った写真が、画面いっぱいに。
その上に格子状のマスクがかかり、マスごとに明るさが違います。

タイルを並べる行為そのものを、画面の分割で反復しています。

左下に「本気のタイル、はじまる。
」と「SERIOUS CERAMIC」。
右上のロゴは、SとCを幾何学的に組んだもの。

会員登録とカートのアイコンがヘッダーにあり、メーカーが直接売るサイトだと分かります。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 タイル製造(岐阜・多治見)
制作 Soulmates Interactive. + studio point + Rand
制作スタッフ クリエイティブディレクション:studio point/ロゴ・グラフィックデザイン:Rand/Webデザイン・実装:Soulmates Interactive.
ギャラリー掲載 MUUUUU.ORG
評価 MUUUUU.ORG SITE OF THE DAY(2026年1月16日)
掲載時期 2026年1月
技術の痕跡
公式サイト seiwaceramics.com/ja

SERIOUS CERAMICの公式サイトを見る

6. ボックス・ワン

ボックス・ワンの公式サイトのファーストビュー
ボックス・ワンの公式サイト(2026/09/13時点の表示・幅1440pxで取得)

編集部が見たところ

青一色の地に、薄い方眼が引かれています。
設計図の紙です。

その上に、社名ロゴの「B」を立体にしたオブジェクトが斜めに置かれ、「Crafting Booths with Passion」の白い文字がその上に重なります。

「「ブースづくり」に「本気」な会社。
」という日本語も添えられていて、英文だけで済ませていません。

展示会ブースは完成写真を並べたくなる業種ですが、最初の画面は図面の青と立体のBだけです。
実績は下層に置いています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 展示会ブース施工(東京)
制作 Re:design + baqemono
制作スタッフ クリエイティブディレクション:増子力/ディレクション:井関俊介、江連あかね/デザイン:金由佳/3Dモデリング:小倉沙萌/開発:吉村太郎、齋藤高充
ギャラリー掲載 SANKOU!/MUUUUU.ORG
掲載時期 2025年7月
技術の痕跡
公式サイト box1.co.jp

ボックス・ワンの公式サイトを見る

7. ナミナミダンボール

ナミナミダンボールの公式サイトのファーストビュー
ナミナミダンボールの公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

薄いグレーの地に、片面ダンボールを2本、十字に組んだ物撮りが1枚。
背景に波線の同心円が幾重にも描かれています。

画面の下端に「つつむ ナミナミ」が黒の極太ゴシック。
ダンボールの波形と、同心円の波線と、「ナミナミ」の語がそろっています。

左上に「ようこそ!ナミナミダンボール沼へ by 大光紙工株式会社」。
メーカー名を副題に置き、商品の愛称を前に出しています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 片面ダンボールの製造(大光紙工)
制作 平氏
制作スタッフ 平氏(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/1GUU
評価 MUUUUU.ORG SITE OF THE DAY(2026年3月31日)
掲載時期 2026年3月
技術の痕跡 モリサワ
公式サイト nami-nami.jp

ナミナミダンボールの公式サイトを見る

8. OKI

OKIの公式サイトのファーストビュー
OKIの公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

夕暮れの空にロケットが打ち上がる映像です。
地平線と山の稜線だけが黒く、空はオレンジから紺へ移ります。

左に赤い縦長の帯を1本立て、その上に「進取の精神をもって、社会の大丈夫を創っていく。
」を白の太ゴシックで4行。

最上部に黒い帯で「『吸収分割公告』を掲載」。
上場企業の告知を、映像の上にそのまま重ねています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 電機メーカー
制作 SHIFTBRAIN + Shhh
制作スタッフ SHIFTBRAIN/Shhh(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!
評価 MUUUUU.ORG SITE OF THE DAY(2026年3月1日)
掲載時期 2026年3月
技術の痕跡 モリサワ/Lenis/Swiper
公式サイト www.oki.com/global/ja

OKIの公式サイトを見る

9. 富士紡ホールディングス

富士紡ホールディングスの公式サイトのファーストビュー
富士紡ホールディングスの公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

研磨の工程を寄りで撮った映像です。
ノズルから水が落ち、白い円盤が回っています。
全体が青みがかっています。

左下に「THE FOCUS ON INNOVATION」が白のサンセリフで3行、下に「Leading the future with high value organic materials technology.」。

この画面に日本語はメニューだけです。
何を作っている会社かは、映像の工程からしか読み取れません。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 研磨材・機能素材メーカー
制作 SHIFTBRAIN
制作スタッフ SHIFTBRAIN Inc.(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/SANKOU!/URAGAWA
掲載時期 2022年2月
技術の痕跡 Adobe Fonts/WordPress/jQuery
公式サイト www.fujibo.co.jp

富士紡ホールディングスの公式サイトを見る

10. 明邦空調

明邦空調の公式サイトのファーストビュー
明邦空調の公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

設備図面の上でシャープペンを走らせている手の寄りです。
全体を暗く落とし、背景に「MEIHOU」を輪郭線だけで大きく重ねています。

中央に「空間と向き合い続けるプロの技」、下に「小さな相談から大きなトラブルまで、設備のお悩みはMEIHOUへ」。

右上にフリーダイヤルと受付時間。
下に保証やサービスのバナーが3枚。
この12件で、電話番号を最初の画面に出しているのはここだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 空調設備の販売・工事
制作 Garden Eight
制作スタッフ Garden Eight(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/1GUU/URAGAWA
掲載時期 2018年7月
技術の痕跡 WordPress/jQuery
公式サイト www.meihou-ac.co.jp

明邦空調の公式サイトを見る

11. 第一高周波工業

第一高周波工業の公式サイトのファーストビュー
第一高周波工業の公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

工場で長尺の鋼材を扱う作業員の映像です。
ヘルメットと作業服の人が3人、機械の前に立っています。

左に「DHF STYLE」が赤の大文字で1行、下に「時代の先進を生み続けるDHFの独創性」と枠つきの「MORE」。

ヘッダーを黒い帯にして、メニューを英語と日本語の2段で並べています。
右端の「CONTACT」だけが赤橙のグラデーションです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 高周波誘導加熱の加工メーカー
制作 エヴォワークス
制作スタッフ 株式会社エヴォワークス(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/1GUU/URAGAWA
掲載時期 2017年10月
技術の痕跡 jQuery
公式サイト www.dhf.co.jp

第一高周波工業の公式サイトを見る

12. 野方電機工業

野方電機工業の公式サイトのファーストビュー
野方電機工業の公式サイト(2026/09/14時点の表示・幅1440pxで取得)

編集部が見たところ

工具や治具を積み重ねた棚を寄りで撮った映像です。
油と切粉のついた金属だけが写り、人は出てきません。

最上部に「「1個からの部品製作」金属加工の町工場、精密機械加工を法人様、個人様を問わず承ります。
」。
何ができるかを1行で言い切っています。

メニューの右端に「見積り依頼」を濃いグレーの面で置き、画面の下端に工具の写真を6枚並べた「Photo Gallery」。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

業種・地域 精密機械加工の町工場(東京・中野)
制作 dede.inc
制作スタッフ dede.inc(MUUUUU.ORGの制作者情報に基づく)
ギャラリー掲載 MUUUUU.ORG/1GUU/URAGAWA
掲載時期 2017年6月
技術の痕跡 Adobe Fonts/Google Fonts/WordPress/jQuery
公式サイト www.nogatadenki.jp

野方電機工業の公式サイトを見る

12件に共通していること

製品の写真をそのまま出しているサイトが1件もない

塗料は3DCG(TSG)、電力は送電網の図(デジタルグリッド)、フッ素樹脂は施工中の作業者(サンフロロシステム)、展示会ブースは図面の青(ボックス・ワン)。

製品そのものを撮った写真を最初の画面に出しているのは、タイルの中田工芸とSERIOUS CERAMICだけです。
しかもその2件は、製品が「見た目で選ぶもの」だからです。

見た目で違いが分からない製品ほど、写真から離れる。
これがこの12件の共通した判断です。

工程か、原理か、どちらかを見せている

中田工芸は職人が万力で仕上げる工程を、サンフロロシステムはタンクの内側で作業する工程を見せています。

TSGは塗料の粒子を、デジタルグリッドは送電網の流れを、それぞれ抽象化した図で見せています。

「うちの技術はすごい」と書く代わりに、工程か原理のどちらかを画面にする。
文章で説明していないのが共通点です。

英文のコピーを1行だけ置いている

「Innovation Begins in Clean Lined Tanks.」「Beyond Hangers, Beyond Borders.」「Crafting Booths with Passion」。

いずれも日本語の1行が添えてあり、英文だけで済ませているサイトはありません。
海外取引を意識しつつ、国内の読者を置き去りにしない書き方です。

問い合わせボタンが1つだけ

12件のうち11件は、ヘッダーか画面の端に「CONTACT」「お問い合わせ」「見積り依頼」のいずれかが1つあるだけです。
資料請求とサンプル請求を分けているサイトもありません。

唯一の例外が明邦空調で、フリーダイヤルと受付時間をヘッダーに出しています。
設備の修理という、急いで電話をかける用件があるためです。

BtoBは検討期間が長く、最初の接点は1つで足りるという判断だと思われます。

制作会社に頼むと、いくらかかるか

この12件の制作費は公開されていません。
ただし、撮り下ろしの写真や動画、3DCG、モーショングラフィックスという体制で作られていることはクレジットから分かります。

製造業・BtoB企業のホームページの相場は100万〜300万円で、製品データベースや技術資料のダウンロード導線、多言語対応で上振れします。
内訳はホームページ制作費用の相場にまとめました。

制作会社を選ぶ段階なら、製造業・BtoB企業のサイト制作に強いWeb制作会社ホームページ制作会社の選び方をあわせてご覧ください。

掲載の基準

「いいデザイン」を編集部の主観で決めないために、次の条件をすべて満たすものだけを載せています。

公開時期 現在のデザインが2016年以降に公開されていること。ギャラリーの掲載日で判定しています
制作者 制作会社・デザイナーが公開情報から特定できること。MUUUUU.ORGの制作者情報、または制作会社自身の実績ページで確認
制作者の実績 その制作会社に継続した実績があること。個人名だけが分かっていて実績を確認できないものは外しています
第三者の評価 デザインギャラリー2つ以上に掲載、またはMUUUUU.ORGのSITE OF THE DAYに選ばれていること。MUUUUU.ORGは1日1サイトだけを掲載しており、2025年12月1日以降はその1件をSITE OF THE DAYとして扱っています。つまり同サイトへの掲載とSITE OF THE DAYは同じ意味です
除外 汎用テンプレートをそのまま使ったもの、制作者が分からないもの

受賞歴は条件にしていません。
賞を条件にすると対象が大きく減り、小さな制作会社の仕事が拾えなくなるためです。

制作ツールも規模も問いません。

第三者の評価に「SITE OF THE DAY」を加えた理由

この記事から、条件を1つ広げました。
MUUUUU.ORGのSITE OF THE DAY(その日の1件として選ばれたサイト)も、第三者の評価として認めています。

理由は、ギャラリーによって業種カテゴリの切り方が違うためです。
医療や建築のように3サイトとも同じ切り口を持つ業種では「2つ以上に掲載」が機能しますが、製造業のように「企業サイト」「BtoB」「メーカー」とばらばらに分類される業種では、同じサイトが2つのギャラリーに載る確率そのものが下がります。

掲載数の少なさが、そのサイトの質の低さを意味しない。
この条件はその補正です。

ただし誤解のないように書いておきます。
MUUUUU.ORGは1日1サイトだけを掲載しており、2025年12月1日以降はその1件をSITE OF THE DAYとして扱っています。
掲載されることとSITE OF THE DAYに選ばれることは、同じ意味です。
複数掲載とは別の種類の賞ではありません。
年間およそ365件という枠の狭さが、この条件の根拠です。

更新について

掲載サイトは定期的に見直します。
リニューアルでデザインが変わったサイト、公開が終了したサイトは差し替えるか取り下げます。

このシリーズのほかの業種

同じ調べ方で、業種ごとにまとめています。

掲載内容の訂正・削除について

掲載されている企業・制作会社の方へ。
記載内容に誤りがある場合や、掲載の取り下げをご希望の場合は、お問い合わせフォームからご連絡ください。
確認のうえ、速やかに対応します。

掲載料は受け付けていません。
掲載は編集部の調査結果だけで決めています。

お問い合わせフォーム

よくある質問

この記事に載っている制作会社に、ここから依頼できますか

各制作会社のサイトから直接お問い合わせください。
編集部は仲介をしておらず、紹介手数料も受け取っていません。

掲載順は費用で変わりますか

変わりません。
掲載料・広告費は受け付けておらず、並び順は第三者の評価と掲載時期だけで決めています。

製品の写真は出さないほうがいいのですか

そうではありません。
この12件のうち3件は製品そのものを出しています。
分かれ目は「写真で違いが伝わる製品かどうか」です。
タイルとダンボールは伝わる、塗料は伝わらない。
自社の製品がどちらかを決めてから作ってください。

3DCGやモーショングラフィックスは必須ですか

必須ではありません。
中田工芸は職人の写真1枚だけです。
予算の使いどころは、CGか写真かではなく「何を見せるか」を決める工程にあります。

この情報はいつ時点のものですか

2026年9月13日時点で各サイトとギャラリーを確認した内容です。
スクリーンショットも同日に取得しています。

この記事を書いている会社

MOTOKI合同会社(埼玉県所沢市)は、WordPressに特化したホームページ制作会社です。

  • ホームページ制作実績 54件
  • WordPressテーマ「SWELL」での構築 48サイト
  • WordPressの技術記事を331本公開
  • この記事の水準で作る場合の見積もりと、体制の相談
  • いま検討している他社の見積もりが妥当かどうかの確認
  • 既存の製造業サイトを見たうえでの改善点の指摘

ホームページの制作・改善について相談する

相談は無料です。
他社からも相見積もりを取ったうえでご判断ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次