依頼内容
情報サービス分野でソリューションの提供を行っている株式会社IC様より、採用サイトのフルリニューアルをご依頼いただきました。
旧採用サイトではオフィスや社員様の写真が掲載されていなかったため、会社の雰囲気が伝わりづらく、会社の強みや立ち位置も求職者に伝わりにくかったことから、応募エントリーに至らないことが課題でした。
また、新卒採用がメインであるものの、旧採用サイトのデザインがコーポレートサイトに準じて作成されていたため、堅い印象となっている点に課題を感じられていました。
そのため、親しみやすく就活生の目に留まるデザインにしたいというご要望がありました。
これらの課題解決・ご要望を実現するため、サイト全体の掲載内容とデザインの検討、オフィスでの撮影・社員様へのインタビューを行い、クライアント様で働く魅力が伝わる採用サイトを目指しました。
ワイヤーフレーム検討／作成
旧採用サイトでも情報が一通り網羅されていたことから、最新の情報へのアップデートとコンテンツの追加、より視覚的にわかりやすく・魅力的に見える方法を検討いたしました。
まずは、サイトの掲載内容が多いと必然的に文字が多くなってしまうため、見出しと本文にメリハリを付け、見出しを見ただけでどんな内容が掲載されているか一目でわかるように調整いたしました。
クライアント様のオフィスで写真撮影も予定していたことから、サイト内の随所に撮影した写真などを配置し、会社や社員様の雰囲気が伝わるようにいたしました。
今回はクライアント様で随時情報を更新したいというご要望もあったため、情報の増減に対応でき、ページのボリュームが増えても閲覧しやすい・更新しやすい構成にいたしました。
また、サイト内には採用に関する情報を網羅しているため、サイト内で回遊がしやすいように関連するページへの導線を配置する工夫をいたしました。
ラフ作成〜トンマナ設計
デザインの着手前に、クライアント様にデザインアンケートの回答へのご協力をいただき、目指したい印象、避けたい表現を可視化し、認識のずれが起きないよう土台を整えました。
オフィス移転を機に刷新されたクライアント様のコーポレートイメージ（会社ロゴを含む、曲線的でやわらかく、広がりを感じさせる世界観）を採用サイトデザインに反映することが、今回の大きな目的でした。あわせて、デザイン感度の高い新卒世代に響く表現にすることも求められました。
これらを踏まえ、コーポレートカラーのブルー基調で新卒世代向けの爽やかなトーンを軸に、2方向のトンマナデザイン案を検討・提案いたしました。
A案：直線的でグリッドに沿ったあしらいやレイアウトを用い、整然とした印象にまとめた案
B案：ロゴに込められた「曲線的」「やさしさ」「広がり」といった要素をより際立たせたデザイン案
検討の結果、「B案」の方向性で進行することになりました。
デザイン作成
円形オブジェクトやゆるやかな弧をあえてランダムに配置することで、クライアント様のコーポレートイメージが持つ「広がり」「やさしさ」を視覚的に表現しています。
キーカラーにはコーポレートカラーであるブルーを基調に、水色からエメラルドグリーンへと展開するグラデーションを採用しました。
爽やかで明るいトーンの中に、IT企業としての誠実さと、自由で楽しげなオフィスの雰囲気が感じられる仕上がりを目指しました。
フォントは可読性の高いゴシック系書体を選定し、知的さと親しみやすさを両立させています。スクロールに連動したフェードインなどのアニメーションは、先進性を演出しつつも過剰にならない範囲に抑え、上品な印象を保ちました。
また、掲載する写真は人物を中心に構成し、社員様の人柄やオフィスの雰囲気が伝わるようにしました。
「数字で見るIC」のセクションでは、求職者が気になる情報をカードやドーナツグラフ、数字のカウントアップアニメーションなどを用いて印象的に表現し、直感的に把握しやすいよう整理しました。
実装
クライアント様で情報を更新できるようWordPressを導入しました。
ワイヤーフレーム段階で更新対象箇所と項目を整理し、情報増加時のイメージや挙動をすり合わせています。
また、管理画面の操作マニュアルもあわせて制作し、スムーズな運用を図れるようにいたしました。
株式会社IC 採用サイト
