ENEOS ジェネレーションズ
【全力で走り続ける人材】という求める人物像を軸にスピード感を感じさせるデザインとなっています。FVのデザインは複数の写真を使い表現しています。写真同士が接するようにレイアウトすると、複数の写真が1つのかたまりに見え、写真エリア全体のインパクトが強くなります。元気で賑やかなイメージを表現したいときに最適です。
とくちょう
平行四辺形で表現するスピード感。
図形は形ごとに意味があります。平行四辺形やひし型の形はスタイリッシュ、スピード感といった印象を与えることができます。
情熱・エネルギッシュを感じさせる「赤」
赤は「行動力・活力・興奮・チャレンジ・攻める姿勢」といった印象を与えます。採用を目的としたサイトなので、訪れたターゲット(求職者)に対して、活力を感じ気持ちを前向きにさせ行動を促せるような効果を期待できるカラーです。
ゴシック体と明朝体を使い分けている
FVでは明朝体。コンテンツではゴシック体を使用しています。フォントにはそれぞれ意味があります。文字のウェイトによっても変わりますが、明朝体は「堅い、厳格、力強い、説得力、男性的、歴史的」といった意味合いがあり、ゴシック体には「安心感、力強い、元気な」印象を与えます。メインで見せるFVで明朝体を使うことで企業の堅実性を表し、コンテンツの部分でゴシック体を使用することで「安定感」を表していると思います。
ポイント
流れ星のようなアニメーション
サイトに適したアニメーション表現。細い線なのでサイトのアクセントにもなっています。
「福利厚生」のアイコン表現参考になります。
【文字と画像】のバランスが良いレイアウト
1段目が文字と画像を横並びに配置することでおさまりの良いレイアウトになっています。コンテンツが増えることを想定されているレイアウトだと思います。
見やすいように工夫されたハンバーガーメニュー
非常に長いハンガーメニュー(4~5スクロールくらいします)ですが、見出しから下の段を1文字下げやれていること、枠組みして区切られていることで見やすいデザインとなっています。