有名な企業のページを参考に似たような感じで作れば間違いなさそうですが、閲覧する人、目的などに違いがあるので自分のホームページを閲覧する人、目的を考えます。
そして閲覧者が解決できるページ作りをします。

自分のホームページの利用状況はサーバーや解析ツールで利用ができます。

このブログ(左)と最近作成したブログ(右)との比較を一部紹介します。

これはエックスサーバー
で利用できる解析ツールの一部です。

工場系HPと資格系HP閲覧者の比較

これはGoogleアナリティクス
で利用できる解析ツールの一部です。

工場系HPと資格系HP年齢と性別の比較2

ページの構成をしていきますが、デザインセンスには全く自信がないので省略しますね。

TOPページの構成

インターネットを利用する人には利用時間があり、一つのホームページの利用時間もあります。

下の画像はこのサイトの滞在時間、訪問回数、割合です。

ホームページの滞在時間

すべてのページを見てもらうことができないのが分かりますね。

このようなことを考えてTOPページを構成します。

ページの上部にある情報は見てもらいやすく、下に行くにつれて見てもらいにくくなるので
TOPページでは自分たちの見てもらいたい情報を上から表示します。

町工場ホームページのレイアウト

お知らせに新しく更新情報などがあるようなら上部に持ってきたり、状況に合わせてレイアウトの変更をします。

各一覧ページの構成

旋盤設備のページで紹介します。

  • 目次
    ページ上部に目次を作り、このページ全体を把握できるようにしました。
  • 設備全体の説明と写真
    機械の種類、特殊工具、治などの説明と写真を掲載
  • 各設備の説明と写真
    設備の写真、仕様、加工例を掲載
  • 設備一覧早見表
    設備の種類、仕様、台数などの一覧の早見表を掲載

町工場各種一覧のレイアウト
画像では、設備と写真の説明が一つですが、実際は機械の台数分あります。

ページ作成に必要な素材

工場や機械の写真などは自社のものを撮影して使うと思いますが
イメージなどに使う写真や画像は素材サイトからダウンロードして使います。

例えば会社案内のページで使う当社の強み、環境対策などのイメージイラストやイメージ写真です。

左側のイラストは無料イラストなら【イラストAC】
で、企業テンプレートで検索してダウンロードしたイラストです。

右側の写真は無料写真素材なら【写真AC】
で、環境対策で検索してダウンロードした写真です。

町工場のホームページ作成素材

無料会員登録で利用できるのですが、1日の検索回数が5回、1日のダウンロード回数が9回なので必用な素材がそろうまで数日かかる場合があります。

無料イラスト【イラストAC
写真素材無料【写真AC】
無料なんですが投稿数が多すぎて自分の使いたい素材を探すのが大変です。

最後に

ページを開いて加工をしている映像とか流れたらかっこよくて、お!ってなるのですが
自分たちの伝えなければならないことを伝える前に離脱してしまうことも考えた方が良さそうです。

自分の会社に加工の依頼をする人の目線に立つと
どんな機械があるのか、どんな加工ができるのか、となったので
その情報が書いてある所まで最短で辿り着けるレイアウトにしました。

次のページではワードプレスを使ってページを作っていきます。