Shogo Tabuchiが手がけた「On Recruit」は、求人サイトの常識を覆すビジュアルとインタラクションを実現しています。日本のストリートカルチャーのエネルギーと、動画配信サイトで人気の「弾幕」コメント機能をデジタル空間に持ち込み、求職者に単なる情報提供ではなく、ブランド体験を提供することを目指しました。企業の個性や価値観を、アートやデザインを愛する人々に響く形で表現しています。
このサイトの最大の特徴は、Pixi.jsを活用したマルチスレッドアニメーションやカスタムタイポグラフィ、インタラクティブなストーリーテリングです。「弾幕」効果を取り入れることで、ユーザー同士やブランドとの新しいつながりを生み出し、従来の求人サイトにはない没入感を実現しています。学術的な研究も参考にしながら、コミュニティ性とインタラクションの深さを両立させる設計がなされています。
技術面では、複雑なアニメーションを同時に多数描画してもパフォーマンスを損なわない高度なレンダリング技術を採用。CMSによるリアルタイム更新機能や、あらゆるデバイスで快適に動作するレスポンシブデザインも特徴です。これにより、常に新鮮なコンテンツと高いユーザーエンゲージメントを維持しています。
ユーザーテストでは、インタラクティブなビジュアル体験が求職者のサイト滞在時間を35%向上させ、企業への関心度も大きく高まりました。また、ストリートスナップ風の社員インタビューや、アニメーションで彩られたカルチャーページは、企業文化への共感を促進する要素として高く評価されています。
最大の課題は、弾幕のような動的なビジュアルと、分かりやすいナビゲーションの両立でした。初期段階では情報の整理が難しいという声もありましたが、ユーザーのフィードバックを重ねて視覚的なガイドを強化。最終的には、没入感と使いやすさを兼ね備えたバランスの取れたインターフェースに仕上がっています。
「On Recruit」は、従来の求人サイトの枠を超え、企業と求職者の新しい関係性を築くプラットフォームとして注目されています。2025年にはA' Design Awardのウェブデザイン部門でシルバー賞を受賞し、デザインと技術の両面で高い評価を獲得しました。今後も、デザインとイノベーションの力で、より多様な人材と企業の出会いを創出することが期待されています。
プロジェクトデザイナー: Shogo Tabuchi
画像クレジット: All rights related to IP / Copyright / Image / Photo / Sound / Video belong to ON CO.LTD.
プロジェクトチームのメンバー: Producer: MAI (ON CO.LTD.)
Art Director & Designer: Shogo Tabuchi (S5 Studios)
Front-end & Back-end Developer: Tomoya Takahashi (Orunica Inc.)
Illustrator: SEVNZEL (ON CO.LTD.)
Motion Designer: Matsuura Yasuhito
Photographer: Yoshiaki Hikinuma
Interviewer & Writer: Shunsuke Higashida
プロジェクト名: On Recruit
プロジェクトのクライアント: ON CO.LTD.