ホームページデモ版

製造業のコーポレートサイト

製造業

製品と設備の点数が多い会社の6ページのサイトです。点数が多い会社ほど、一覧の作り方で使いやすさが変わります。種類から絞り込める形にしておけば、取引先が自力で目的のものにたどり着けます。ファーストビューは動画ではなく写真の切り替えにしてあるので、表示が軽く、差し替えも簡単です。

この事例はデモ版です

お客様の案件のため、企業名・原稿・写真・ロゴ・配色は伏せています。 本文は「どこに何を書くか」の説明に差し替え、写真とロゴは別途用意したものに入れ替えました。 構成とデザインは納品時のままですので、御社の場合にどこへ何が入るかをそのままご覧いただけます。

製造業の製造業のコーポレートサイト
このデモサイトを開く

画像をクリックすると、実物がそのまま開きます

6ページ

製品情報・設備紹介・会社概要・採用情報・問い合わせ

製品と設備を一覧に

種類から絞り込んで探せます

写真の切り替え

動画より軽く、あとから差し替えられます

点数が多いときは、探せる形にする

製品や設備が多い会社ほど、一覧の作り方で印象が変わります。全部を並べるだけでは、見る側が諦めます。種類から絞り込める形にしておけば、取引先が自分で見つけられます。問い合わせの前に絞り込みが済んでいると、話が早くなります。

選ばれる理由は、三つまでにする

他社が断る条件、他社より短い納期、続いている事業。数を増やすほど、一つずつが薄くなります。三つに絞って、それぞれに具体的な数字を入れるほうが残ります。

設備の話の前に、人を見せる

製品と設備が並ぶサイトほど、働いている人が出てきません。採用の節では、機械ではなく人の写真を先に置いています。取引先が見ても、その会社の様子が分かります。

現物を見る

ファーストビュー。工場の通路を奥まで見せ、二行の見出しと選ばれる理由を重ねています
ファーストビュー。工場の通路を奥まで見せ、二行の見出しと選ばれる理由を重ねています
見出しの裏づけを置く節。写真の上に本文を重ね、読ませる速度を落としています
見出しの裏づけを置く節。写真の上に本文を重ね、読ませる速度を落としています
選ばれる理由を三つ。断る条件・納期・続いている事業を、数字を入れる前提で並べています
選ばれる理由を三つ。断る条件・納期・続いている事業を、数字を入れる前提で並べています
採用への案内と、関連事業のまとまり。人の写真を先に置いてから、事業の話に移ります
採用への案内と、関連事業のまとまり。人の写真を先に置いてから、事業の話に移ります

制作のポイント

探せる一覧にする

点数が多いときは、並べるだけでは見られません。種類から絞り込める形にしておくと、取引先が自力で見つけられます。

写真の切り替えを選ぶ

動画は重く、撮り直しも手間です。写真を切り替える形なら表示が速く、あとから差し替えるのも簡単です。

この制作でできたこと

  • 製品情報と設備紹介を、種類から絞り込める一覧にした
  • 選ばれる理由を三つに絞り、数字を入れる前提の枠にした
  • ファーストビューを写真の切り替えにし、表示を軽く保った

同じようなものを作りたい方へ

現状の課題からお聞きします。作りたいものが固まっていない段階でも構いません。

ゆめマガ採用HP制作アニリク
採用について相談する