日: 2021年3月17日

マーコム・サポーターの椎名です。中小企業や個人事業主のマーケティング活動をサポートする傍ら、ライティング活動も行っています。今回は、「WEBサイトのデザイン」について取り上げます。企業イメージを一瞬で決定づけてしまうWEBサイト。どんなサイトにすればいいのでしょうか？テクノロジーの進化やデザインの流行をどこまで取り入れればいいのか迷う方も少なくないのではと考えます。

記事では、製造業のUIデザインとして参考にしたいサイトをご紹介します。

UIデザインの重要性

製造業のWEBサイトは、「企業の顔」となる存在です。単に製品情報を並べておくだけの場ではなく、いろいろな目的・役割のもとにつくられています。主なものとして以下があげられます。

• 製品や技術の認知度を上げて興味をもってもらう
• 企業のブランドイメージを確立し、信頼性を高め、企業としてのメッセージを発信する
• 製品を検討してもらいセールスにつなげる
• 製品を購入しているお客様に関連情報を提供し、顧客満足度をあげる

WEBサイトのデザインは、上記であげたサイトの目的、役割にそってユーザーが求める情報を適切に、わかりやすく伝えるためのものです。単純に見た目を美しくするのではなく、ユーザビリティを向上させる、ユーザーフレンドリーなデザインが求められます。

こうした役割をもと、製造業のWEBサイトで「良いデザイン」とされる条件はどのようなものがあるでしょうか？ここでは、いくつかの共通するポイントを5点ほどあげておきます。

• Webサイトに無駄な動きがないデザイン
• ユーザーが直感的に操作できるデザイン
• ユーザーを迷わせない導線設計、ナビゲーション、カテゴライズ
• 統一感があり、共通のメッセージ性を感じさせるデザイン
• 製品や企業イメージを連想させるデザイン”

つまり、製造業のWEBサイトのデザインは、サイトを訪れるユーザーが使いやすく、最短で目的の情報にたどり着きやすくためのサポートとしての要素が大きいのです。

見た目の美しさで、人を惹きつけることも必要ですが、ユーザビリティを損なうデザインは求められていません。あくまでユーザーのことを第一に考えた設計になっていることが重要なのです。

参考にしたい製造業サイト5選

ここでは、UIデザインで参考になるサイトを5つご紹介します。

原田産業株式会社

引用：https://www.haradacorp.co.jp/

グローバルの総合商社である原田産業株式会社は、造船・海洋事業、エレクトロニクス、日用品の製造まで、幅広く事業を手掛けています。製品ジャンルの数が非常に多いですが、シンプルな導線設計で情報にたどり着きやすいです。事業は大きく6テーマにカテゴライズされ、トップページから目的の事業まで3クリックでたどり着けるようになっています。各テーマに沿って体系的に情報が整理されており、わかりやすいです。全体イメージは、青みを取り入れ色調を抑えた写真画像と、明朝系のフォントを使用。落ち着きと信頼感を演出しています。

株式会社ミナミサワ

引用：http://www.minamisawa.co.jp/

株式会社ミナミサワはトイレの自動水栓の機器を手掛けるメーカーです。サイト全体としては、色使いとスペースの取り方のバランスがとてもよい構成となっています。ブルーグリーンを基調とした色使いが、トイレというより、インテリアを見ているような感覚を起こさせます。

導線もわかりやすく、初めての訪問でも感覚的に目的の場所に進めます。また、製品リストの表示にカードデザインを使っており、スッキリまとまっていて見やすい構成です。マウスオーバー時の切り替わる画像の色使いもよく、訪問者が迷わずにサクサクと進めます。

株式会社オガワスプリング

引用：http://ogawaspring.co.jp/

株式会社オガワスプリングはサスペンション用スプリングの開発・製造を手掛けています。同社のサイトは全体がすっきりしていて、スペースのバランスがよくとても見やすいレイアウトです。ダークグリーンとグレーの2色のカラーの色使いがよく、高性能・高品質の技術力の高さとマッチしています。同社は、製品であるバネを、メインビジュアルや、サイト各所にアクセントとして配置していますが、それがサイト全体の統一感につながっています。メインビジュアルの動きのあるバネは印象的で、技術力の高さの演出に一役買っています。また、トップへのスクロールのバネの絵も面白いです。

黒木テック工業株式会社

引用：http://www.kurokitec.com/

黒木テック工業は、遊園施設の乗り物の製造・設置を手掛けています。乗物製作では日本唯一の専業メーカーです。同社は製造業ですが、遊園地ということもあり、遊びたくなるようなワクワクする楽しいデザインとなっています。

しかしながら、華美な装飾はなく、サクサク動き、各種情報にもたどり着きやすい構成です。いたるところに従業員の顔がみえる写真素材を使っており、親しみやすく雰囲気をかもしだしています。

ふくべ鍛冶

引用：https://fukubekaji.jp/

ふくべ鍛冶は、石川県能登町の老舗鍛冶店。包丁やアウトドアナイフの製造販売を行っています。うほか、ネットで注文できる包丁研ぎの宅配サービスも手掛けています。同社の製品は、日本古来の製鉄法で作られた和鉄を使ったもの。古来の和鉄と鍛冶職人による匠の技を、黒の中の黒を基調としたサイトと縦置き文字でうまく表現しています。フレームの見せ方、ボタンのデザインやマウスオーバー時のエフェクトなど細部に渡って工夫されており、切れ味が鋭いシャープな外観を際立たせる効果を高めています。

まとめ

製造業のWEBサイトは、認知喚起やブランディング、セールス、顧客満足度向上といろいろな目的のもとに制作されています。サイトのデザインは、見た目の美しさというより、ターゲットの操作性向上を補助する役割を担っています。

今回、事例としてあげたサイトは、シンプルでユーザーが直感的に操作でき、導線設計の工夫がこらされています。企業のブランドイメージを伝えるため、ロゴやアクセサリー素材、フォント、スペースや色使いなどの細部にこだわって丁寧に制作されているものばかりです。

テクノポートはWEBサイトの企画、制作、コンサルティングまで一貫して対応いたします。これからWEBサイトのリニューアルをお考えの方は、ぜひご相談ください。