【製造業・建設業】デザイン参考のWEBサイト10選！

皆さまこんにちは！OneTerraceの野間です。

今やBtoB・BtoCなど業界を問わず、WEBサイト上での表現に力を入れている企業が増えてきました。
WEBサイトの開発技術が年々進化している中で、競合他社には無い自社の魅力をWEBサイト上でどう伝えるか、
各社ごとに制作コンセプトを定め、多様な技術を組み合わせながら「自社らしさ」を訴求しています。

そこで今回の記事では製造業及び建設業向けに、デザイン制作の参考となりそうなWEBサイトをまとめてみました。

＜参考サイト5選＞
1.企業理念やビジョン等がわかりやすく表現されているサイト
2.会社の特徴をイラストで表現しているサイト
3.企業の事業内容を動画で訴求しているサイト
4.社風が伝わる写真を活用しているサイト
5.エフェクト効果が印象的なサイト

1.企業理念やビジョン等がわかりやすく表現されているサイト

＜製造業＞
東洋紡株式会社(大阪府)
https://www.toyobo.co.jp/

＜ポイント＞
東洋紡株式会社は「高機能素材」を製造、加工、販売する企業です。

「TOYOBO PVVs」という同社グループの企業理念体系をサイト訪問者に認知してもらえるような仕組みがWebサイト上に散りばめられています。
例えば、企業理念は文字だけの固い表現になりがちですが、同社ではマンガを活用し分かりやすく表現しています。

また、同社「高機能素材」製品が社会でどのように役立っているか一見わかりづらく思えますが、
その疑問をTopページのメインビジュアルで流れるアニメーション動画が解決しています。

＜建設業＞
株式会社澤村(滋賀県)
https://www.sawamura-shiga.co.jp/

＜ポイント＞
株式会社澤村は設計から施工までを一貫して手がける建設会社です。

建設業のリブランディング成功事例として良く知られている同社。
ブランドビジョン「きっかけを創造する」を起点とした同社の思いがWEBサイト上で表現されています。
また、オウンドメディア「SAWAMURA PRESS」は月に１度の更新頻度で運営されており、
同社社員の働き方やプロジェクト紹介、社員同士の対談など「人」にスポットが充てられています。建築に携わる人材の考えや思いが見えることで、他社との差別化に繋がるブランドが確立されています。

2.会社の特徴をイラストで表現しているサイト

＜製造業＞
長崎ジャッキ株式会社(愛知県)
https://nagasaki-jack.co.jp/

＜ポイント＞
長崎ジャッキ株式会社は自動車整備用機械の製造会社です。

主にTopページ上でアイソメトリックイラストが簡単なアニメーションとともに活用されており、
特にメインビジュアルにある各製品のイラストをクリックすると該当の製品ページへリンクする仕様となっています。

＜建設業＞
株式会社昭和工業(福岡県)
https://showa-kogyo.com/

＜ポイント＞
株式会社昭和工業はビルピット・浄化槽・石油タンクなどの清掃･保守を行う企業です。

同社の事業が私たちの暮らしにどのように貢献しているか、実写では表現が難しい点をアイソメトリックイラストで表現することでわかりやすく訴求しています。
また、採用サイトでは一転して社員の写真が存分に扱われており、サイト全体を通じてイラスト活用とのバランスを感じられます。

3.企業の事業内容を動画で訴求しているサイト

＜製造業＞
株式会社鷺宮製作所(東京都)
https://www.saginomiya.co.jp/

＜ポイント＞
株式会社鷺宮製作所はベローズの応用製品からスタートした自動制御機器のリーディングカンパニーです。

TOPページのメインビジュアル上で展開される動画では企業のビジョンや事業内容を視覚的に訴求するとともに、
動画の内容に併せて英文テロップも切り替わる仕様となっています。
通常、背景動画ではナレーションが入れられないため、メッセージを的確に訴求するためにテロップ活用は有効です。

＜建設業＞
株式会社鴻池組(大阪府)
https://www.konoike.co.jp/

＜ポイント＞
株式会社鴻池組1871年(明治4年)創業の総合建設会社です。

同社が携わる建設現場や技術を見せるだけでなく、創業150周年を機に制定されたコーポレートスローガン「まじめに、まっすぐ」を表現するために社員の日常業務風景にも密着し撮影された映像からは、社員の人となりや社風が伝わってくる構成となっています。

4.社風が伝わる写真を活用しているサイト

＜製造業＞
株式会社宮本金型製作所(奈良県)
https://miyamoto-kanagata.co.jp/

＜ポイント＞
株式会社宮本金型製作所は自動車部品等の金型の設計・製造を行うメーカーです。

コーポレートサイトでありながら、採用強化の目的も兼ねた構成となっています。
特に随所に見られるイメージ写真では実際の技術者が出演することで、金型製造に対する真摯な取り組みや、
社員同士の親密さなどを感じ取ることができます。

＜建設業＞
株式会社前田組(福岡県)
https://maeda-g.co.jp/

＜ポイント＞
株式会社前田組は土木工事、カッター工事、立坑・推進工事を行う建設企業です。

WEBサイト上で使われる写真の内、工事実績以外のほぼすべての写真に社員が出演しています。
「人に、地球に資する」という企業コンセプトにもある通り、土木工事を通じて福岡県の人々の生活にどのように貢献しているか。
社員の顔が見え、信頼感のあるコーポレートサイトとなっています。

5.エフェクト効果が印象的なサイト

＜製造業＞
カネックス刃物工業株式会社(福岡県)
https://www.kanex-tool.co.jp/

＜ポイント＞
カネックス刃物工業株式会社は工業用・産業用機械刃物を製造している企業です。

メインビジュアルの動画はスマートフォンで閲覧すると縦型動画のような形で表示されるほか、
スクロールエフェクトやフォントの出し方など細部にわたってこだわりが感じられ、
工業系としては大変珍しいテイストのコーポレートサイトです。

＜建設業＞
株式会社HA-RU(島根県)
https://ha-ru2017.co.jp/

＜ポイント＞
株式会社HA-RUはダクト・保温工事を主とする設備工事を行う企業です。

パララックスやカーソルエフェクトによる視覚効果の他、WEBサイト上に掲載されている写真1枚1枚にこだわりが感じられます。「いい空気を創る」というコンセプトに根付いた表現が随所でされており、
競合他社との差別化を図るブランディングとして大変参考になるWEBサイトです。

いかがでしたでしょうか。
「自社らしさ」を表現するだけではなく、「どのような人の届けたいか」というターゲット像を明確にすることで、
WEBサイト上のコミュニケーションは初めて成立します。

改めて自社の取り組みを見直していただき、
「ブランディングを始めたい」というようなことがあればぜひお気軽にお問い合わせください！

本日もありがとうございました。