製造業で成果を上げるホームページデザインまとめ【2019年】株式会社リーピー岐阜県内最大手のWeb制作
Webマーケティング会社

LEAPY BLOG

リーピーのブログ

私たちは「Webで地方をおもしろくする」というビジョンのもと、地方に拠点を構える企業の方に向けて、
【Webを活用した集客(商圏のあるビジネスにおける反響アップ)】や、【ECによる全国販売(ネット通販)】など、
「地方で展開する企業ならではのWeb活用テクニック」を発信しています。

3,193 VIEW
  • 公開日:2018年05月29日
  • 更新日:2019年04月05日

製造業で成果を上げるホームページデザインまとめ【2019年】

製造業で成果を上げるホームページデザインまとめ【2019年】

こんにちは、制作部の間鍋です。
今回はBtoBの製造業のホームページデザイン例を幾つかご紹介していきます。

「BtoBなのだから、昔ながらのホームページでも良いか」そう思っている方はいらっしゃいませんか?近年では、BtoBの製造業をメイン事業にされている会社でも、ホームページデザインを新しく作り変え、トレンドを取り入れたデザインや、内容の探しやすいホームページを持たれている企業も増えています。
ホームページは、初めてその会社を知るお客様への第一印象にもなりますので、会社の雰囲気に合わせたデザインで制作することが重要です。

製造業で、ホームページのデザイン、レイアウトが秀逸だと感じた企業のホームページのデザインをご紹介します。

動画が印象的なデザイン

株式会社DHF(第一高周波工業)

株式会社DHF

http://www.dhf.co.jp/

高周波焼き入れ技術という鉄道のレールなどで使用される技術を用いた製造機械と、その技術に関連する特許を取得している会社です。
「焼き入れ」から連想できるオレンジのグラデーションを随所に使用しています。
ホームページのコンテンツのレイアウトもとてもスタイリッシュにまとまっており、興味を惹かれます。

株式会社岐阜多田精機

株式会社岐阜多田精機

http://tada.co.jp (制作:株式会社リーピー)

当社にて制作したホームページです。
金型の製造、設計データを元にしたスキャニング等での造形等を行っている会社です。
シンプル、かつロゴに合わせた太めのゴシックでスタイリッシュにデザインされています。
ファーストビューに動画で会社の専門性をアピールしています。

採用ページでは、人物写真を多数使い、求人の応募者に対して親しみを持たせていることも特徴です。

株式会社太田工業所

株式会社太田工業所

http://oota-p.co.jp(制作:株式会社リーピー)

当社にて制作したホームページです。
電車内の手すりなどを制作している企業で、日本でも導入数の少ないベンダー曲げ機や、その機械をあやつる熟練の職人が在籍しています。
ファーストビューも、職人による作業の様子や工場内の様子を映した動画を使用しています。
また、電話でのやりとりが多いとのことだったので、ヘッダーに固定で電話番号を表示させるようにしています。
もちろんスマートフォン対応も行っており、その際のコンテンツのレイアウトも考慮して制作しています。

光岡自動車(株式会社光岡自動車)

http://www.mitsuoka-motor.com/

富山県にある自動車の開発・販売を行っている会社です。
ファーストビューの動画が左右に分割されておりおしゃれで洗練されたデザインとなっています。
動画の内容も左側はCMのような様々なシーンでの利用イメージ映像、右側は設計や製造などの映像と、かなり凝った作りになっています。
ラインアップの一覧では写真を大きく使いデザイン性を保ちながらも、価格表示があるので分かりやすいです。
クリックするとヘッダーの一部に変わるなど、前のページの一部をデザインに取り入れる動きは非常に遊び心がありますし、ページ遷移のストレスが軽減され見ている人を飽きさせません。

デンソー ブランドサイト(株式会社デンソー )

https://brand.denso.com/ja/

こちらは株式会社デンソーのブランドサイトです。
ファーストビューの動画にコーポレートカラーの白と赤の帯がかかっていておしゃれです。
スクロールするとページ全体が大胆に動いて切り替わるので、ストーリー性や壮大さが感じられます。
動画の再生ボタンをクリックすると、動画がポップアップで表示されますが、ここでも動きにこだわり、世界観を崩さないようになっています。

岐阜ギヤー工業株式会社

岐阜ギヤー工業株式会社

http://www.gifu-gear.co.jp/(制作:株式会社リーピー)

当社にて制作したホームページです。
さまざまなギヤーを制作している企業です。自動車から工作機械、宇宙産業まで幅広く手掛けています。
ファーストビューは、専門的な機械を使っている様子や、計測や設計を行っている様子を映した動画を使用しています。
また、採用強化のための、先輩社員インタビューやクロストークなどの採用コンテンツも充実しています。
随所にギヤーの精密さや、製造業ならではのカッチリとした雰囲気を感じるデザインです。

 

 

トレンドの要素を取り入れたデザイン

株式会社オリイメック

株式会社オリイメック

https://www.oriimec.co.jp/

バネ製造機の製造販売を行っている会社です。
ホームページ全体にグラデーション、斜めデザインを多用していますが、上手くバランスが取れていて綺麗にまとまっています。
読み込み時のアニメーションから、スライドショーの切り替えに違和感がないのでスッキリした印象を感じさせます。

株式会社ミナミサワ

株式会社ミナミサワ

http://www.minamisawa.co.jp/

長野県に本社を構える、商業施設や病院等のトイレに設置されている自動水栓を製造している会社です。
トップページの構造がとてもわかりやすい上に、ボタンやメニューの押しやすさも考慮されています。
トイレの自動センサーという商品を扱いながらも、製品一覧がファッションアイテムのように整然とレイアウトされていて、清潔感も感じます。

株式会社タグチ工業

株式会社タグチ工業

http://www.taguchi.co.jp/

解体現場等で使われる解体用アタッチメント「GUZZILA」の製造・販売を行っている会社です。
詳しい情報が書かれた下層ページ(http://www.taguchi.co.jp/series/guzzilla/ など)では、スクロールに合わせてタイトルの部分がずれていくなど、細部までこだわりが感じられます。
さらに、ヘッダーナビのドロップダウンメニューも違和感なく機能しており、かなり完成度が高いです。

大栄鉄工所(株式会社大栄鉄工所)

https://daiei-ironworks.co.jp

鉄骨や金物の設計・製造を行っている会社です。
まずファーストビューに現れるキャッチコピーの動きが目を引きます。堂々としており自信が感じられます。
下層ページは市松模様のように写真と文章が配置されていてイメージがわきやすくおしゃれです。
ナビゲーションは項目が多いページなどユニークでありながらも迷子にならないような分かりやすいデザインとなっています。

株式会社キャタラー

株式会社キャタラー

https://www.cataler.co.jp/

豊富なコンテンツやナビゲーションがきれいにまとめられています。
トップページはコンテンツごとの幅に変化を持たせメリハリがついているので、
シンプルかつ分かりやすいデザインになっています。
下層ページはトップページのデザインを残しつつ、違うレイアウトになっています。

株式会社ウイルテック

株式会社ウイルテック

https://www.willtec.jp/

ファーストビューがとても印象的ですね。
キャッチコピーとデザインがマッチしていて、詳しく閲覧したくなります。
スクロールした後も、目立たせたいコンテンツが分かりやすく、数字を大きく出しているので一見して知りたい情報が分かります。
左固定メニューもシンプルで分かりやすく、ユーザーが迷子にならない作りになっています。

三井E&Sグループ

三井E&Sグループ

https://www.mes.co.jp/

こちらも、ファーストビューが印象的で、左固定メニューのあるサイトになっています。
レイアウトは似ていますが、デザインが違うと受ける印象が全然違いますね。
白と水色を基調にしているので爽やかですが、
サイト内の写真を明るさを抑えた質感のある加工をすることにより、全体のバランスを整えています。

株式会社 宇佐美

株式会社 宇佐美

http://www.usami-tool.co.jp/

ロゴにあわせて、全体的にブルーで統一されているデザインです。
ファーストビューのすぐ下に製品一覧があるので、どんな会社かすぐに分かりますね。
ヘッダーのアイコンにマウスオーバーした時にアニメーションされたり、
下層ページまでそれぞれデザインされていてかわいかったりと、細部までしっかり作りこまれています。

大福製紙株式会社

大福製紙株式会社

http://www.daifukuseishi.jp/

当社と同じく岐阜県の会社です。おしゃれなデザインですね。
トップページはもちろんですが、下層ページまで素敵にデザインされています。
淡い緑とグレーと、丸みのアルフォントが、会社の雰囲気を伝えてくれています。

 

会社の専門性を反映したデザイン

株式会社モリヤマ

株式会社モリヤマ

http://www.ms-moriyama.co.jp/

混練機の製造を主に行っている会社です。
混錬機の特徴である、練る、混ぜる、押し出しなどの工程をアニメーションで再現しています。
最後には何ができるのかワクワクしますし、フローごとにその作業の要点が抑えられているため、見ていて楽しいホームページになっています。

株式会社ホーチキ

株式会社ホーチキ

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

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

株式会社ナブテスコ(ナブコ自動ドア)

株式会社ナブテスコ

https://nabco.nabtesco.com/

国内のいたるところに設置されている自動ドア。「ナブコ自動ドア」のホームページです。
ファーストビューの写真の切り替わりに、自動ドアの開閉を思わせる動きがついたデザインになっています。
トップから各ページに飛ぶレイアウトになっており、シンプルかつ、とてもわかりやすいレイアウトになっています。

中村精工株式会社

中村精工株式会社様

https://www.nmsk.co.jp(制作:株式会社リーピー)

当社にて制作したホームページです。
大型の金型設計・製造を行っている企業です。精密な加工や細かい装飾にも対応できるため、自動車のパーツなども製造しています。
サイト全体は青色を基調とし、洗練された雰囲気を醸し出す流線のモチーフも取り入れています。
また、親会社のホームページデザインとも合わせており、グループ企業全体での統一感も感じるデザインとなっています。

株式会社リグナイト

株式会社リグナイト

http://www.taguchi.co.jp/

大阪府にある、鋳型用樹脂や耐火煉瓦用樹脂等の特殊樹脂を開発している会社です。
ページ全体を原子記号で装飾することによって、化学研究を行っている企業であることを強調しています。
さらに、ページの遷移がとてもスムーズで、コンテンツも綺麗にまとまっています。読み込みのアニメーションも主力製品である「フェノール樹脂」の元素記号を用いているのもポイントです。

COGY(株式会社TESS)

https://cogycogy.com/

COGYという車椅子のブランドサイトです。
製品がこれまでの車椅子のイメージを覆すものであるように、ホームページも大胆なデザインとなっています。
ファーストビュー下のお客様の声はアニメーションになっており、遊び心が溢れています。
HOW IT WORKSでもアニメーションで図解してあり、見る人の目を引きますし分かりやすいです。

株式会社 細尾

株式会社 細尾

http://www.hosoo.co.jp/

紙デザインのような斬新なレイアウトなサイトです。
シンプルな配色ですが、フォントと余白で高級感があふれる雰囲気です。
円と四角のバランスもすばらしいと思います。
縦に長いサイトですが、各コンテンツごとにナビゲーションがあるので遷移しやすく、コンテンツの邪魔にならないデザインになっています。

株式会社 昭和紙工

株式会社 昭和紙工

http://showashiko.com/

随所に見られる大きい写真がメインになっているので、会社の雰囲気がよく伝わるデザインになっています。
目立たせたい文章がブルーに統一されており、目を惹きますね。
ナビゲーションもシンプルで分かりやすいのも特徴だと思います。

株式会社 齋藤管工業

株式会社 齋藤管工業

http://www.kankogyo.co.jp/

ロゴにあわせて全体がデザインされたサイトです。
ファーストビューのスライダーの写真を見ているだけでも、事業内容が伝わってきますね。
装飾やフォント、写真の加工まで統一されています。

オンダパーツ株式会社

オンダパーツ株式会社

https://www.ondaparts.jp/

こちらも岐阜の会社で、ロゴとスタッフの制服のカラーにあわせて全体がデザインされています。
ファーストビューのスライダー内に概要まで記載してあり、そのままナビゲーションになっています。

株式会社美山理研工業

株式会社美山理研工業

http://miyamariken.co.jp/

分かりやすく印象的なファーストビューです。
モノトーンを基調にグリーンを差し色にしていますが、差し色を抑ええることでロゴが目立つようにデザインされています。
アニメーションもふわっと表示されるので、サイト全体の雰囲気とマッチしており、上品なサイトになっています。

株式会社エナリス

株式会社エナリス

https://www.eneres.co.jp/

ファーストビューの写真のデザインが印象的で、その中に動画へのリンクも配置されているので事業内容がすぐに分かるようになっています。
ホームページの随所にある、イラストやアイコンがよりイメージを伝えやすくすると共に、サイトの雰囲気作りにもなっています。

いかがでしたでしょうか?
当社では、BtoBの製造業についてのホームページ制作経験も多数ございます。
BtoBの製造業で、ホームページの作成やリニューアルを考えている方、ぜひリーピーにお任せください。

 

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

株式会社リーピーは、「Webで地方をおもしろくする」というビジョンのもと、私たちが最も得意とするWeb制作とWebマーケティングにより、地域ビジネス(商圏があるビジネス)を展開されている企業様向けの地域集客支援と、全国に向けた販売を行うEC(ネット通販)の支援を行っている会社です。
現在では地元岐阜県だけではなく、全国からお問い合わせをいただいており、私たちも実際に様々な地域に足を運び、地域の現状をお聞かせ頂くことで、そのエリアに合ったWebによる解決策をご提案しております。企業拡大や地域No.1を目指されている方は、まずは無料相談からお気軽にお問い合わせください。

・ホームページ制作サービスを見る
・ECサイト制作サービスを見る
・制作実績を見る
・会社概要を見る
・社長ブログを見る
・無料相談に申し込む(お問い合わせ)

・トップページに戻る

この記事を書いた人
間鍋京太

間鍋

WEBデザイナー/2017年入社/兵庫県出身 デザイン力の高さと驚きのある会社を探したところ、リーピーに運命を感じて応募。2ヶ月に一回髪型が変わる。今年は「何か」をゼロから作れるようにかんばりたい。

LEAPY BLOG