今回はデザイナー目線で参考にしたいUI/UX設計、ワクワクする施策が散りばめられているデザイン性の高いサイトを中心にご紹介します。

色んな仕掛けが満載！見て、触って、楽しいユーザー体験ができる[[br]]スタジオアリス「笑顔の咲かせ方」

新卒採用｜スタジオアリス「笑顔の咲かせ方」スタジオアリスの新卒採用サイト。アリスはお客様の笑顔を「咲かせる」場所。笑顔を引き出すための秘訣をご紹介します！www.studio-alice-recruit.com
ファーストビューではスタジオアリスで働くスタッフとちびっ子達のふれあい動画(モバイル版はスライドショー)を用い、サイト全体を通して実際に自分が就職した際の働き方を想起することができる作りとなっています。
「スタジオアリス式笑顔の咲かせ方」というキャッチコピー通り、来客したちびっ子達をどんどん笑顔にしていく現場の紹介だけでなく、サイトを見ている人も笑顔にするユーザー体験が要所要所に散りばめられています。

笑顔を作る数々の魅力的な仕掛け

種まき〜花が咲くまでのストーリー

アリスの主な業務内容を、花の成長に準えて紹介。
さらに、バーチャル上で実際のスタジオに潜入し、よりリアルに現場を体験することができます。バーチャル空間を進んでいくと「アリスの裏側こっそり公開！」と題してサクッと見ることのできるYouTube動画が用意されているなど、ワクワクの仕掛けが次々と波のように押し寄せます。

一人一人丁寧にフォーカスした個性的なスタッフ紹介

もし就職した場合、先輩となるスタッフの人柄を様々なコンテンツを通して、より深く知ることができます。
「データで見るスタジオアリス」や「新入社員の1日」など、就職後の日常が自分ごと化できるコンテンツとなっています。

思わずクリアしたくなるゲーム性

シークレットが用意されており、スタンプを集めることで初めて開くページがあり、就職活動中の方には嬉しい採用に関する情報を見ることができます。

業界イメージを刷新する爽やかさ[[br]]村本建設「新卒・中途採用サイト」

村本建設｜新卒・中途採用サイト村本建設の採用情報サイトです。ゼネコンの仕事や建設業界についての紹介、社員インタビュー、募集要項、インターンシップ情報の発信をしています。www.recruit.muramoto.co.jp
空の青を彷彿とさせる鮮やかなメインカラーと要所要所で効果的なアクションを用いて動きを演出しているこちらのサイトは、知りたい情報や疑問に対し丁寧なコンテンツ設計で応え、新卒での入社を検討する学生が入社後の自分、キャリアアップしていく自分のイメージを膨らませることができる内容となっているため、目標を持ってエントリーすることができます。
3年目と7年目の社員の比較にある脳内分析もユニークです。

胸に突き刺さる印象的なコピー「WHY ARE YOU HERE?」[[br]]リクルート「学生向けキャリアサイト」

リクルート 学生向けキャリアサイト株式会社リクルートの学生向けキャリアサイト。新卒採用やインターンシップなどの情報を掲載しています。www.recruit-jinji.jp
爽やかな青色のグラデーションにザラザラとした質感のテクスチャと手描きのイラスト、そこに力強いコピーがドカーンと鎮座する印象的なリクルートサイトです。

WHY ARE YOU HERE?

就活生でなくとも考え込んでしまいそうなテーマですね。

ぶち当たった「壁」がテーマの壁な話

本来ならマイナスイメージしかない壁についての話をまとめたコンテンツ。
先輩方が自分のぶち当たった壁の話〜どのように克服したのかを教えてくれる”転ばぬ先の杖”的エピソードのまとめです。
壁のイラストの上にカーソルを合わせると見出しが現れ、気になるものを見つけたらクリックして詳細を読むことができます。
ページ右上の「VIEW ALL」を押すと全ての記事が表示され、これまでに読んだことのあるものは黒色で表示されるので、もう一度読み返したい時などに便利です。

スマホでの操作性バツグン[[br]]ラナデザイン「Change the Work」

Change the Work｜RaNa design associates, inc.（株式会社ラナデザインアソシエイツ）仕事を、働き方を、”変わる”のではなく”変える”。www.ranadesign.com
縦長のLPとしてページ遷移することなく全てのコンテンツが閲覧可能なため、スマホでの閲覧もストレスフリー。
ファーストビューで目の前に現れる可愛いイラストを通して働く楽しさが伝わってきます。
スクロールすると慣れ親しんだLINEの会話風にメンバーの声が展開されるため、スラスラ読み進められる上、企業側の伝えたいことも端的にまとまっています。
ABOUT USでは最初に数字だけを見せることにより、しっかりと興味関心を引いた上で展開する上手い見せ方で、ユーザー側も謎の数字の意味を知ろうとしっかり読み込んでくれそうですね。

“あなた”という個に呼びかけ、言葉の力で感情を揺さぶる[[br]]JR西日本コミュニケーションズ「新卒採用サイト2022」

新卒採用サイト2022 | 株式会社JR西日本コミュニケーションズ株式会社JR西日本コミュニケーションズの2022年採用サイトです。採用コンセプトは「志望より、野望。」Jコミに入ってやりたいことは？叶えたいことは？荒削りでもいい。夢物語でもいい。なんでもいい。ぜひ、教えてください。さぁ、あなたは弊社が第一野望ですか？www.jcomm.co.jp
こちらのサイトも、まずファーストビューでドーンと飛び込んでくるのは、「志望より、野望」という力強いキャッチコピー。就職活動中の学生さんに響きそうです。
MESSAGEでは就活生に問いかける内容の文章が短くまとめてあり、スマホでも読みやすく設計されています。ページ下部の「採用担当者からのメッセージ」をクリックすると温かみのある文章で、会社の雰囲気が伝わってきます。

見せすぎず、スペースを効果的にデザインし興味喚起を促す

PERSONでは働く先輩方の写真、所属部署、入社年が並んでおり、PC版ではマウスオーバーでそれぞれやりたいことや目標のテキストが現れます。

去年の自分。入社1年目のリアルボイスを集めたSPECIAL CONTENTS

入社1年目の方へのインタビューということもあり、入社後の自分をイメージしやすい内容となっています。
面接で気を付けたことなども書いてあり、学生にとって今知りたい内容が含まれているのが特徴です。

まとめ

今回はデザイナー目線で選んだ2022年リクルートサイトをご紹介しました。
全体的な特徴として、モバイルファーストであるのはもちろんのこと、数字やグラフなどを用いて“じっくり読ませる”のはではなく“直感的に伝わる”よう配慮されていることがわかります。
どのサイトも「人」にフォーカスし、自社の理想や実績を滔々と語り社内の充実した施設や歴史を誇るのではなく、個々の“やりがい”や円滑な人間関係、働きやすさをアピールすることにより、会社ではなく人が主役であることが求められています。