【厳選19社】「製造業」で参考になるホームページデザインを紹介！

「製品画像」をメインに据えたホームページデザイン事例

株式会社バイタル

https://vaital.co.jp/vaital/ （制作会社：リーピー）

自動水栓メーカーとして、高い技術力を誇る「株式会社バイタル」様のホームページです。製作物が大きく映し出されているのはもちろん、サイト全体が白やグレー基調となっているため、自社商品がより美しく映えるデザインとなっています。またサイトをスクロールするたびに、文字や写真が”ふわっと”浮かび上がるため、製造業らしい最先端な印象を感じられますね！

 

 

ISSダイニチ

https://www.kk-dainichi.co.jp/　（制作：株式会社リーピー）

岐阜県可児市の精密加工を請け負う企業のホームページです。「穴加工に特化」しているという企業の強みが一目でわかるモチーフが散りばめられています。情報量が多いのにも関わらず、イラスト、スライドやアニメーションを使用し、わかりやすくポップにまとめられているサイトデザインとなっています。

制作実績ページ：『株式会社ISSダイニチ｜コーポレートサイト ｜制作実績｜株式会社リーピー』

KTX株式会社

https://www.ktx.co.jp/（制作：株式会社リーピー）

自動車の内装品に使用する金型の製造を手がける会社のホームページです。背景に黒を多く使用していて、「自動車」の部品にある色ともマッチした、重みのあるクールなサイトデザインとなっています。メイン事業の金型製造以外のものを、「じゃない方事業」とし、あえてユーザーの興味を煽るようなライティングには、遊び心を感じますね。

制作実績ページ：『KTX株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

アルナ輸送機用品株式会社

https://www.alna.co.jp/（制作：制作会社リーピー）

アルミニウム加工の技術を生かした鉄道製品の設計・製作を行っている会社のホームページです。ダイナミックで惹きつける写真はもちろん、キャッチコピーの「国内シェアNo.1」という実績掲載が、製品会社には欠かせない「安心感・信頼感」を見せています。

制作実績ページ：『アルナ輸送機用品株式会社｜採用サイト・求人サイト ｜制作実績｜株式会社リーピー』

岐阜ギヤー工業株式会社

http://www.gifu-gear.co.jp/（制作：株式会社リーピー）

当社にて制作したホームページです。製品を大きく見せるのはもちろん、採用強化のための、先輩社員インタビューやクロストークなどの採用コンテンツも充実しています。随所にギヤーの精密さや、製造業ならではのカッチリとした雰囲気を感じるサイトデザインです。

制作実績ページ：『岐阜ギヤー工業株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

株式会社TKS

https://bollina.jp/（制作：株式会社リーピー）

岐阜県でシャワーヘッドの製造・販売や金属加工業をされている企業の製品サイトです。透明感のあるグラデーションや、水滴がうまく組み込まれ、洗練されたおしゃれなサイトデザインとなっています。

制作実績ページ：『ボリーナ（株式会社TKS）｜ブランドサイト・サービスサイト ｜制作実績｜株式会社リーピー』

 

 

 

風景で「モノづくりで作る未来」を見せるデザイン事例

株式会社サンユテクノスプラントエンジニアズ

https://www.sanyu-p.com/（制作：株式会社リーピー）

東京都にある環境・エネルギーを中心とする機械等を主に製造している会社のホームページです。トップページの写真の切り替わる動きが特徴的で、クールでスタイリッシュな印象を与えます。サービス紹介では、図を使用することで、何を中心にどんなサービス展開をしているのか、というのがひと目見てわかるサイトデザインとなっています。

制作実績ページ：『株式会社サンユテクノスプラントエンジニアズ｜コーポレートサイト ｜制作実績｜株式会社リーピー』

トーヨーマテラン株式会社

https://matelan.co.jp/（制作：株式会社リーピー）

珪砂製造、セメント資材製造、鋳造資材販売などを行う会社様のホームページです。シンプルなレイアウトに、優しいトーンの緑を基調とした配色で、親しみやすく見やすいサイトになっています。お知らせは、トップでも簡単にカテゴリごとに絞ってみることができ、各ユーザーの目的に即座に対応できるよう工夫されています。

制作実績ページ：『トーヨーマテラン株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

加藤螺子製作所

https://kato-rashi.co.jp/　（制作：株式会社リーピー）

福島県の白河市を拠点とする自動車の重要保安部品を中心とした精密部品メーカーのホームページです。ネジの螺旋をモチーフにしたレイアウトやボタンのアニメーションなど、型にとらわれない柔軟さも表現。「確かな技術力」と「柔軟で挑戦的」な企業の姿勢が感じれるサイトデザインとなっています。

制作実績ページ：『株式会社加藤螺子製作所｜コーポレートサイト ｜制作実績｜株式会社リーピー』

株式会社ホーチキ

https://www.hochiki.co.jp/

火災報知器販売、国内2位のシェアを誇る株式会社ホーチキのホームページです。この会社の製品に合わせたコーポレートカラー、採用サイトや特集ページで、同社の目玉製品である「火災報知器」を全面的に推しだしているサイトデザインがポイントになっています。画像上に配置されているキャッチコピーも、画像とともに変わる仕様になっているため、メリハリがあります。

 

 

 

「提案力」を売りに訴求するデザイン

川本鋼材株式会社

https://kawamoto-kozai.co.jp/（制作：株式会社リーピー）

特殊鋼鋼材の卸売りを行う会社のホームページです。写真をふんだんに使ったレイアウトや、斜めに区切るようなデザインが特徴的です。力強さや勢いのある会社であることがイメージされます。サイトに使用されているネイビーとピンクは、コントラストのあるデザインレイアウトですので、サイト全体が締まった印象になりますね。

制作実績ページ：『川本鋼材株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

山科精器株式会社

https://www.yasec.co.jp/（制作：株式会社リーピー）

各種専用工作機械や船舶、さらに医療分野における製品開発まで手掛けている会社のホームページです。トップページには動画を採用することで、幅広い事業内容をわかりやすく伝えています。トップには「数字で見る」コンテンツも組み込まれ、信頼感や安心感に繋がる情報が、視覚的にすっと入り込んできます。このように、具体的な数字で訴求するというのも、強みをアピールする手法として有効ですね。

制作実績ページ：『山科精器株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

梅花堂紙業株式会社

https://package.baikado-shigyo.co.jp/（制作：株式会社リーピー）

梱包材・緩衝材のコンサルティング販売を行う会社のホームページです。紙のようなテクスチャが所々で使用されており、「紙」を扱う会社であることが伝わるのはもちろん、手触りを感じる温かみのあるサイトデザインになっています。少し味のある書体からは、創業の歴史の長さや技術力の高さが感じ取られるサイトデザインとなっています。

制作実績ページ：『梅花堂紙業株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

 

 

 

ポップ＆おしゃれに魅せるホームページデザイン事例

西川毛織株式会社

https://www.nishikawa-keori.co.jp/（制作：株式会社リーピー）

ウール素材の製造・販売を行う企業のホームページです。少しレトロなトーンの画像加工や配色で、毛織物に包まれたような温かさを感じます。世界観のアピールだけでなく、「数字で見る」コンテンツなど、見せたい箇所の訴求もしっかりできているデザイン事例です！

制作実績ページ：『西川毛織株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

株式会社松浦紙器製作所

https://poppybox.jp/（制作：株式会社リーピー）

愛知県でパッケージの製造販売をされている企業のサービスサイトです。キラキラとした装飾やポップな動きがふんだんにつけられていて、キャッチコピーにある「ドキドキ」や「ワクワク」が伝わってくるサイトデザインになっていますね！

制作実績ページ：『PoppyBox（株式会社松浦紙器製作所）｜ブランドサイト・サービスサイト ｜制作実績｜株式会社リーピー』

株式会社岐阜バッテリー販売

https://www.tb-battery.com/（制作：株式会社リーピー）

岐阜県で、車など使われるバッテリーや充電器、蓄電装置などの販売をしている会社のホームページです。車やトラックが街を走るアニメーションが目を引くデザインです。カタログや製品紹介も充実しているので、サイトとして果たす役割が多いのも特徴的なサイトです。

制作実績ページ：『株式会社岐阜バッテリー販売｜コーポレートサイト ｜制作実績｜株式会社リーピー』

船橋株式会社

https://2784.co.jp/（制作：株式会社リーピー）

防水エプロンやレインウェアの開発を行っている企業のホームページです。こちらのサイトでは、コーポレートカラーの青色とレインウェアのオレンジ色を補色として取り入れたインパクトのあるトップページが目に飛び込んできます。さらに余白を多く取ることによって、複雑でになりがちな「商品説明」や「会社情報」をユーザーを疲れさせない形で紹介できるサイトデザインとなっています。

制作実績ページ：『船橋株式会社｜ブランドサイト・サービスサイト ｜制作実績｜株式会社リーピー』

 

 

 

“ものづくりのロマン”を打ち出したデザイン事例

株式会社リガーマリンエンジニアリング

https://www.regar.co.jp/ （制作：株式会社リーピー）

船で使用する部品など、海に関する製品を製造・販売している企業のホームページです。青色を基調とし、ロゴを活かしたサイトデザインとなっています。水の動きを感じるデザインなど、見た目からも海に関連する企業だと分かります。製品の検索窓や製品カテゴリが設置されていることで、ユーザーが探しやすい構造になっています。充実した製品情報で、製品カタログとしても機能しているホームページとなっていますね。

制作実績ページ：『株式会社リガーマリンエンジニアリング｜コーポレートサイト ｜制作実績｜株式会社リーピー』

SMW-AUTOBLOK株式会社

 

https://www.smwautoblok.co.jp/（制作：株式会社リーピー）

旋盤用のパワーチャック・シリンダー・自動芯出し振れ止め装置、マシニングセンタ用のワークホールディングをメインに、製造・販売している会社です。FVでは、英語が多く織り交ぜられた製品画像が使用され、国内ではもちろん、海外展開もしているといった規模感が伝わります。切り抜いた製品画像を大きく使用したデザイン処理や、斜めの線を用いることで、クールでインパクトのあるサイトに仕上がっています。

制作実績ページ：『SMW-AUTOBLOK株式会社｜コーポレートサイト ｜制作実績｜株式会社リーピー』

「誠実さ」が大切な業種だからこそ
ホームページデザインにもこだわりを

いかがでしたでしょうか。当社では、売上げ向上を踏まえた戦略的Webサイト制作はもちろん、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っておりますので、

• 競合とホームページから差をつけたい！
• ワンランク上の法人向けサイトを開設したい！
• その業界において「地域No.1」を目指したい！

という企業の方は、ぜひ一度リーピーのWebサイト制作にお任せください！

※ご紹介しているサイトの中で、「（制作 株式会社リーピー）」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。