ホームページデモ版

人材・採用支援会社のコーポレートサイト

人材・採用支援会社

「採ることではなく、辞めない状態までつくる」を軸にした7ページのコーポレートサイトです。ファーストビューは動画をやめて、現場の写真を四枚ゆっくり切り替える形にしました。画面の右端には問い合わせと採用情報のタブを縦に常設してあるので、どこまで読んでも一手で連絡に移れます。本文は、御社の場合にどこへ何を書くかが分かる説明に差し替えてあります。

この事例はデモ版です

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

人材・採用支援会社の人材・採用支援会社のコーポレートサイト
このデモサイトを開く

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

7ページ

事業・会社案内・代表メッセージ・取り組み・採用・問い合わせ

右端に常設のタブ

どこまで読んでも一手で連絡に移れます

動画を使わない

写真四枚の切り替えで、軽さと差し替えやすさを取りました

見出しだけを上から読んでも、話が通るようにする

困りごと、それが解けない理由、解き方、実績、相談。この順に並べています。全部を読む人はほとんどいないので、見出しだけ拾って下まで行った人にも話が通る必要があります。読み飛ばされる前提で組むほうが、結果として最後まで読まれます。

相手の困りごとから書き出す

自社の説明から始めると、読み手は自分の話だと思いません。「今こうなっていませんか」と問いかけの形で並べたほうが、次の一節まで読まれます。デモではその問いかけの枠だけを残し、何をどう書けばいいかを説明に置き換えてあります。

ファーストビューに動画を使わなかった理由

動画は読み込みが重く、内容を変えるたびに撮り直しが要ります。写真を切り替える形なら表示が速く、あとから一枚だけ差し替えることもできます。運用を続けられるかどうかで選びました。

現物を見る

ファーストビュー。現場の写真を四枚ゆっくり切り替え、右端に問い合わせと採用情報のタブを常設しています
ファーストビュー。現場の写真を四枚ゆっくり切り替え、右端に問い合わせと採用情報のタブを常設しています
相手の困りごとを、問いかけの形で並べる節。何をどう書くかの説明がそのまま入っています
相手の困りごとを、問いかけの形で並べる節。何をどう書くかの説明がそのまま入っています
「選ばれる理由」を番号つきで並べる節。理由は二文まで、と枠のほうで決めてあります
「選ばれる理由」を番号つきで並べる節。理由は二文まで、と枠のほうで決めてあります
採用ページへの誘導と、代表メッセージ。読み手が次に進む先を、節の終わりごとに置いています
採用ページへの誘導と、代表メッセージ。読み手が次に進む先を、節の終わりごとに置いています

制作のポイント

読み順で意思決定させる構成

困りごと、解けない理由、解き方、実績、相談の順です。見出しだけを上から読んでも話が通るように組みました。

動画を使わないファーストビュー

動画は重く、更新のたびに撮り直しが要ります。写真の切り替えなら差し替えが簡単で、表示も速く保てます。

この制作でできたこと

  • 7ページを、困りごとから相談までの一本の流れでつないだ
  • ファーストビューを写真四枚の切り替えにし、動画なしで現場の空気を出した
  • 問い合わせと採用情報のタブを全ページの右端に常設した

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

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

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