アイコク人生すごろく|新卒採用サイト|アイコクアルファ株式会社 会社の理念を表現する採用サイト

Visit Site
アイコクアルファ採用サイトのトップページファーストビュー。

自動車部品メーカー、アイコクアルファ株式会社様の採用サイトをリニューアルしました。
リニューアル前のWebサイトがPCサイトのみ、かつFLASHのゲームで構築されていたため、就活生のスマートフォン普及にあわせてレスポンシブサイト化を提案。FLASHの自由なアニメーション、ゲーム性をモダンな技術で実現しつつ、スマートフォンでもプレイしやすいようレイアウトを再設計したり、ゲームのスピード感を向上させたりなど操作性を改善しました。
また、学生ウケするようイラストを活かした今風のデザインに一新。加えてゲームの結果を選考基準に関連させ、興味を持ってもらえるようにしています。
スマートフォン対応だけでなく、付加価値のある採用サイトを目指しました。

Problem

課題

技術的刷新と会社の魅力発信の両立

従来の採用サイトで使用していたFlashの開発終了を機に、最新のブラウザやスマートフォンへの対応が必要に。また、デザインや使い勝手にも経年劣化が見られ、現代的な視点での刷新が求められていました。
さらに、「面白おかしく働いてほしい」というクライアントの理念を効果的に伝え、マインドマッチした応募者の増加につなげることを課題としました。

Solution

解決策

ゲーミフィケーションで会社の魅力を体感

就活ポータルサイトでは表現しきれない会社の思いを伝えるため、ゲーミフィケーション(ゲーム性を持たしたコミュニケーション)を採用しました。

TOPページファーストビュー。
イラストを効果的に使用し漫画風にすごろくのルールを説明する部分。

アイコクアルファでの人生をすごろく形式で体験できるゲームを開発し、ユニークな制度や働き方を入社前に体感できるようにしました。このゲームクリアを選考プロセスに組み込むことで、就活生の本気度の測定と会社理解の促進を両立。斬新な採用の仕組みが完成しました。

技術面では、JavaScriptを駆使してFlashのアニメーションやゲーム性を再現。スマートフォンでも快適にプレイできるようレイアウトを最適化し、操作性も向上させました。
デザインは学生に訴求するイラストを活用し、今風のデザインに一新。内容と見た目の両面で魅力的な採用サイトを実現しました。

アイコク人生すごろくのルール説明。
アイコク人生すごろくの漫画風ストーリー。
実際のアイコク人生すごろくプレイ画面
アイコク人生すごろくの問題画面

サウンドとアニメーションで
活気ある雰囲気を演出

のアバター

高木 整ニ

FlashからJavaScriptに移行し、最新のモバイル環境でも快適にプレイできるよう再構築。豊富なサウンドやアニメーションを取り入れ、視覚と聴覚の両面から楽しめる活気ある雰囲気づくりに注力しました。
そしてサイト全体を通じて意識したのは、クライアントの「面白おかしく働く」という理念。この想いが自然と伝わってくるような演出と仕掛けにこだわりました。

スマートフォンで表示した場合の、実際のアイコク人生すごろくプレイ画面
スマートフォンで表示した場合の、ゲームスタート画面
スマートフォンで表示した場合の、すごろくで止まった場合の画面

credit

Client アイコクアルファ株式会社

Producer 前川 元成

Director 山田 拓真

Creative Director 井畑 徹也

Engineer 高木 整ニ

記事を共有

All tags ###