博報堂 新卒採用サイト

考え抜き、手を動かし、作り続ける人びとの
熱量とその痕跡

博報堂新卒採用サイトのリニューアルを担当しました。誰もが知るプロジェクトの裏側で、泥臭く考え抜き、手を動かし、汗を流してきた人々の気配や生の熱量が、画面の向こう側から滲むようなサイトを目指しました。

試行錯誤の痕跡を宿すキネティックアイデンティティ

誰かの心を動かすために人知れず試行錯誤を繰り返す作り手の息遣いを、ストップモーション的手法で表現しました。彼らの熱量が爆発的に広がっていくようなキービジュアルを起点にキネティックアイデンティティを作成し、ロゴやテキストへと拡張することで、サイト全体に一貫した手触り感を纏わせています。

“作ること”の感触を追求したインターフェース

博報堂がキービジュアルに込めた“作ること”の感触を、サイト上では画像のフレームやカード型モジュール、吹き出しなどのUIとして拡張し、一貫して人の存在を感じられる体験を構築しました。トップページの見出し背景やフッターなど一部の要素には、ページを読み込む度に形状が変化するランダムな処理を取り入れ、遊び心を忍ばせています。

エントリーまでスムーズに導く導線設計

複数の選考が同時募集される中でも、迷わず目的のエントリーページへ辿り着くことができる導線を新たに設置しました。年間の流れを網羅するスケジュールは選考の詳細ページにアクセスできる導線としての機能を併せ持ち、毎年更新される募集内容にも対応できる耐久性の高い動的なコンテンツとして設計しています。

プロジェクトチームの役割を見渡す職種相関図

社内外を問わずさまざまな職種が密に連携するプロジェクトにおいて、各職種の役割や制作プロセスへの理解を深められるよう、各事例に紐づいて表示が変わる動的な相関図を作成しました。