TECH BLOG

【製造業】参考にしたい!ホームページのデザイン事例10サイト

ホームページを発注する前に、作りたいデザインのイメージを固めておくことはとても大切です。

今回は製造業を中心に、弊社で制作したもの以外にもデザインの優れたサイトを集めてみました。

制作会社へ発注する際の参考にしてみてください。

品川ファインセラミックス株式会社

引用元:品川ファインセラミックス(当社制作:株式会社ワード)

岡山市で半導体製造装置や車のエンジン部品などで使用されるファインセラミックス製品を製造する企業様のホームぺージです。

鮮やかな青と緑のグラデーションを基調としてすっきりまとめながらも、大胆な写真使いでインパクトを出しています。

コーポレートサイトでは珍しくナビゲーションを左側に配置し、目的のページまでのスムーズな導線を意識している点もポイントです。

株式会社中国調和

引用元:株式会社中国調和(当社制作:株式会社ワード)

病院、工場、商業施設、学校など、多岐にわたる施設で空調ダクト設備の設計・施工を行う企業様のホームぺージです。

真新しい工場の動画や職人の写真が、実際の作業現場の雰囲気を伝え、訪問者に会社の技術力と品質を強く印象付けています。

また、配色は赤と白を基調とし、クリアで力強い印象。

これは会社のロゴとも一致しており、全体のブランドイメージを統一しています。

また、リクルートや協力会社募集のセクションも配置されており、訪問者に対して行動を促しやすい設計がされています。

カネックス刃物工業株式会社

引用元:カネックス刃物工業株式会社

オーダーメイドで刃物を製造するメーカー企業様のホームページです。

ファーストビューにストーリー性のある動画が配置され、スクロールすると現れるキャッチコピーが目を引きます。

さらにスクロールするごとにコンテンツが切り替わるなど、見る人を飽きさせない工夫がなされています。

双葉金属

引用元:双葉金属

精密板金部品の製作を行う企業様のコーポレートサイトです。

インパクトのある「0.5」の手書き文字、トーンの統一された画像の数々、そして絶妙なコピー配置。

それぞれが効果的に補完しあって、会社の世界観がしっかりと伝わるホームページになっています。

また、トップページのみにコンテンツを連続して配置することで、読み物のようなストーリー性も生まれています。

株式会社宮本金型製作所

引用元:株式会社宮本金型製作所

金型製造の分野で多くの実績を持つ企業様のホームページです。

画面中央に据えられた企業ロゴがインパクト大。

さらに、右側のみ切り替わる画像も良いアクセントになっています。

大胆な素材使いが目を引きますが、その分、余白もしっかり取られており、全体的なバランスを保っています。

 KKI製造部

引用元:KKI製造部

パンのパッケージを中心に、食品包装に使用するパッケージを製造する企業様のホームページです。

白と淡いブルーを基調としたデザインで、安全かつクリーンなイメージを創出することに成功しています。

また画像とフォントに丸みを持たせることで、企業の持つ親しみやすい印象も付加されています。

日本テクネス株式会社

引用元:日本テクネス株式会社

デジタルカメラや携帯電話、ゲーム機、パソコンなどに数多く使用されるワイヤーハーネス加工を業務とされている企業様のホームページです。

建物外観や作業風景を載せることの多い製造業のファーストビューですが、本サイトは実際の製品を切り抜きで掲載し、ひと目で業務が分かるデザインとなっています。

イメージと連動したキャッチコピーも秀逸です。

株式会社不二製作所

引用元:株式会社不二製作所

エアーブラスト装置の開発・製造を行う専業メーカー様のホームページです。

ファーストビューに機械装置の作業風景動画を配置することで、目を引くデザインとなっています。

また、ユーザーが左カラムから欲しい情報をすぐに検索できるような導線が配置されており、実用的です。

これらは画面をスクロールしてもアイコンとなって追従していきます。

株式会社東陽理化学研究所

引用元:株式会社東陽理化学研究所

情報通信機器などに使用される金属製品の製造を行う企業様のコーポレートサイトです。

ファーストビューで画面いっぱいに広がる風景写真。そのあとに続いて表示される製品の数々。

「技術で生きる」というキャッチコピーにふさわしいビジュアルデザインとなっています。

その事業規模から下層ページが非常に多いのですが、グローバルナビをマウスオーバーするだけで一覧が分かりやすく表示されるため、見たいページにすぐ遷移できます。

株式会社坂製作所

引用元:株式会社坂製作所

精密部品加工や製品開発を行う企業様のコーポレートサイトです。

黒、白、赤のセオリーに沿った配色で、メリハリの効いた情熱的なデザインの実現に成功しています。

写真に違和感が出ないようにしっかりとトーン調整されているところも良いですね。

 

以上となります。

今回はデザインの素晴らしい製造業のホームページを集めてみました。

ひと言に製造業といえども、多様なホームぺージが存在することが分かります。

ぜひ自社の方向性に近い参考サイトを見つけてみてください。