WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

   

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて…
久しぶりに高熱を出したのですが、体中が痛くて動けなかったです…小さい時はそんなに辛くなかったのですが今となってはひたすら熱が下がるのを待つしかなかったです…

今回は、2020年度の新卒採用サイトをご紹介します!
新卒採用サイトは、スマホからの利用者も多いためレスポンシブデザインが基本となっています。
また、タップ操作やスワイプ操作(特に右手の親指での操作)の場合を考慮し、届きにくい場所や画面サイズによって隠れてしまわないよう要素を最小限に抑えたサイトが多いようです。

TOYOTA 高校生向けリクルートサイト

高校生向けということで、高校生がよく利用するであろうスマートフォンからの閲覧を重視した、モバイルメインのサイトです。
車に関する様々な仕事をしているイラストをちりばめ、可愛らしさもあるファーストビューになっています。

 

株式会社ランクアップ 新卒採用サイト

こちらはファーストビューに動画を使用しているサイトです。
シーンの切り替わりが、まるでコマ割りのようでスタイリッシュなファーストビューになっています。
「たったひとりの感動のために。」全員が一丸となって仕事をしている様がとてもカッコいい映像です!

 

 

新卒採用サイト 雪印メグミルク株式会社

こちらも同じくファーストビューに動画を使用しています。
中央にキャッチコピーが配置され、さらにアニメーションを使用することで更に強調されています。
「2020ENTRY」のボタンはミルクが垂れているようなデザインで、とても可愛らしいですね!

 

最後に

やはり、ファーストビューに動画を使ったヒーローヘッダーやイラストを使用してポップなデザインにしているサイトが多いですね!
少しでも親しみやすさを感じる・さらにスマホからでも操作しやすいレイアウトでとても参考になりました。

以上、2020年新卒採用サイトをご紹介しました!

 

 - イベント系サイト, タイプ別, 写真で表現, 動きで表現

  関連記事

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

特殊なアニメーションを使って展示された作品を紹介している美術展のサイトが、ユニークな動きで面白い!

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている …

テクスチャを用いてデザインを統一

  大阪にある工務店のサイトです。トップにはグローバルナビと写真のみで …

水色を使って清潔感・清楚感を出したコンタクトレンズの企業サイト4選

普段仕事しているときはコンタクトをつけているのですが、瞬きをするのをついつい忘れ …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …