考動アカデミー
エネルギーに満ちた鮮やかなオレンジをメインカラーに据え、「考えて、動く。」というコンセプトを体現した、企業向け研修・人材育成、組織づくりの取り組みのサイトです。企業向けの施策でありながら、堅苦しさを全く感じさせないポップで親しみやすいトーンが画面全体を包み込んでいます。まずファーストビューで目を惹くのは、親近感のあるポップな線画イラスト。オレンジ色の差し色がサイト全体の配色とリンクし、学ぶことの楽しさや前向きな活力を視覚的に伝えています。動きのあるレイアウトと実写の組み合わせが特徴。背景に散りばめられた手描き風の波線や、カタカタと動くイラスト、取り組みを紹介するカードUIがスクロールで積み重なるなど、思考から行動へと移る「考動」の活力をサイト全体で表しているようです。そこに、グリッドをメイン背景に実際の研修風景を収めた高品質な写真を合わせることで、ポップな世界観の中に説得力とリアリティを付与しています。そして、オレンジとライムグリーンという元気なカラーの組み合わせが、画面全体にポップな活気と親しみやすさを生み出しています。人材育成の場でありながらも決して堅苦しくならず、これから学ぶ人たちの背中を明るくポジティブに押してくれるような、温かみに溢れたデザイン設計です。
株式会社ギークリー
クリーンなグレーを背景の基調とし、知的で鮮烈なヴィヴィッドブルーと、空間を力強く引き締めるソリッドなブラックを組み合わせた、極めてモダンで信頼感のある配色設計。IT・WEB・ゲーム業界に特化した人材サービスとしての先進性やスピード感、そして確かな実績を、この明快な3色のコントラストが視覚的に裏付けています。構成の最大の特徴は、ファーストビューから展開される、丸・三角・四角といったジオメトリックのパッチワークのようなグラフィックです。単なるベタ塗りだけでなく、ハーフトーンやノイズ、手描き風の線など様々なテクスチャを持った図形を組み合わせることで、多種多様な個性やスキルを持つIT人材と、企業との適材適所のプロセスをコンセプチュアルに表現。また、背景にはうっすらと方眼状のグリッド線が敷かれており、理路整然としたシステム感、論理性の中に、グラフィックが躍動するダイナミズムを共存させています。スクロールに呼応するモーションは、要素がシャープにフェードインしたり、図形がパズルのように組み合わさるなど、洗練されたアニメーション。見出しに添えられた青い円形のアクセントアイコンや、視認性の高いカード型のレイアウトなど、情報設計においても極めてロジカルであり、ユーザーに迷いを与えない、IT企業ならではの高いユーザビリティを誇る導線設計となっています。
キャムコムグループ 採用サイト
ページ全体で画面をダイナミックに貫く斜めのラインとダイヤ型を多用したエネルギッシュなレイアウトが特徴的な採用サイト。要素を水平垂直のグリッドに収めるのではなく、あえて斜めに切り取ったり、ひし形の図形を交差させたりすることで、既存の枠組みや常識を打ち破るような強いエネルギーと上昇志向を空間に生み出しています。このエネルギッシュさはモーションでも表現されており、スクロールする毎にひし形のグラフィックが斜め方向へ交差するようにスライドインする開始アニメーションなど、エッジの効いたシャープな挙動で統一。CTAのホバー時には、グラデーションカラーのボタンが滑らかに光を帯びるように変化する洗練されたインタラクションや、矢印アイコンが滑らかにスライドするなど、クールで先進的なビジュアル表現の中で、求職者の知的好奇心を刺激しながら、自然と企業理解やエントリーへと導く、エンターテインメント性と機能性が高度に融合した導線設計となっています。サイトのカラーリングとして、透明感のある爽やかなペールブルーを基調に、企業の信頼感とスケール感を示すディープネイビーを合わせ、アクセントとして近未来的で多彩なホログラムグラデーションを効かせた、極めてスタイリッシュで躍動感のある配色設計。多彩なグラデーションが、多様な人材の個性や、これから開花する未知のポテンシャルを視覚的に表現しています。
リファラル採用｜中途採用｜エムスリーキャリア採用サイト
肌馴染みの良い温かで淡いベージュを背景に、人との繋がりや活力を連想させるテラコッタ系のオレンジをメインカラーに据えた、親しみやすく温和な配色設計です。リファラル採用という、人と人との信頼関係をベースにした採用手法のコンセプトを、色彩の温度感で体現。半円や三角形を組み合わせたモダンな幾何学グラフィックと、あたたかみのある手描き風の線画イラストの掛け合わせがサイトのポイントになっています。幾何学図形が企業としての洗練された印象や制度の仕組みを表現する一方で、メリットを解説するセクションにゆるやかな線画イラストを配置することで、ユーザーの緊張感や心理的ハードルを優しく下げています。スクロールに呼応するモーションやレイアウトは、奇をてらわず、情報がスッと頭に入ってくるプレーンで読みやすい設計に徹しています。ステップ化された選考フローや、開閉式のよくあるご質問、そして視認性の高いダークグレーのボタンなど、求職者が知りたい情報へ迷わずアクセスできる、思いやりとユーザビリティに溢れた手堅い導線設計となっています。
ONE CAREER ACADEMY
エレガントなセリフ体を用いた巨大な英字タイポグラフィと、円・三角・四角といった幾何学図形、そして極細のラインを組み合わせたグラフィカルなレイアウトが特徴のサイトです。要素を単にグリッドに並べるのではなく、線で繋いだり図形と交差させたりするエディトリアルなアプローチにより、まるで上質なデザイン誌やアートポスターを読み解くような、優雅で奥深い視線誘導を実現しています。たっぷりと取られた余白が、アカデミックな世界観をより一層引き立てています。配色は極限まで洗練されたクリーンなホワイトと、ソリッドなブラックを基調とする、知的でモダンなモノトーン設計です。空間を無彩色で引き締めることで、配置された写真やイラストの色彩が効果的なアクセントとして際立ち、クリアな思考や洗練された知性を視覚的に表現しています。スクロールに呼応するモーションは、英字見出しが滑らかにフェードインアップ、幾何学図形がスッと現れ、線が流れるといった上品な挙動で、落ち着いた学びの時間を視覚化しています。削ぎ落とされたモノトーン空間に、幾何学図形と美しいタイポグラフィがエディトリアルデザインに光るサイトです。
株式会社ジェイック｜就職支援・採用支援・社員教育
清潔感のある薄いグレーを基調に、企業の信頼感と誠実さを体現する鮮やかなロイヤルブルーをメインカラーに据えた、爽やかで知的な配色設計と、クオリティの高いグラフィックが光るサイトです。アクセントとしてあしらいに用いられたグリーンやライトブルーが、人材育成というテーマにふさわしい成長や多様性といったニュアンスを空間に添えています。背景を漂う抽象的な3Dオブジェクトが目を惹き、ページ全体で、カチッとしがちなBtoBや人材系のコーポレートサイトにおいて、角を丸く落としたカードUIやボタンを多用することで、求職者や企業担当者に寄り添う親しみやすさと柔軟性を視覚的に表現。また、たっぷりと取られた余白の中に可読性の高いモダンなゴシック体を配置し、サービスや検索メニューを整然としたグリッドで整理することで、膨大な情報量をすっきりと見せるクリアな視線誘導を実現しています。ポイントを絞ったモーションは、ファーストビューやフッター等のフローティングオブジェクトの背景、ホバーには視認性の高いブルーのカプセル型ボタンが滑らかに変化やカード要素のインタラクション。ユーザーを迷うことなくサービス詳細や採用情報へと導きます。鮮やかなブルーとシャープなグラフィックがハイレベルなサービスと信頼を表すサイトです。
circusAGENT｜求人10万件突破特設サイト
クリーンなホワイトと柔らかなベージュを基調色とし、サーカスを連想させる鮮やかなレッドやライトブルー、イエローをアクセントに用いた、親しみやすく祝祭感のある配色設計。テキストには引き締まったダークネイビーを配し、明快なコントラストを確保しています。タイポグラフィは視認性の高いゴシック体を主軸に、実績データの数字には極太の英数字フォントを採用。本文と数字に極端なウェイト・サイズ差を持たせ、ゆとりのある行間を設けることで、インフォグラフィックとしての情報の階層化と読みやすさを両立させています。レイアウトは見えない縦の軸をベースにしつつ、テントやスポットライトなどのダイナミックなイラストでセクションを大胆に区切ることで、上から下へと流れるような一本道の心地よい視線誘導を実現しています。ページトップのキービジュアルでは社名の「サーカス」をモチーフに、中心から螺旋状に外へと広がるモーションを採用し、求人件数の増加や企業・サービスとしての成長性を視覚的に表現。スクロールに伴うモーションは、要素がズームインし賑やかな雰囲気を作りつつ、自然と視線がいくポイントに。ホバー時にはボタンが微小に変化してフォーカス状態を可視化し、スポットライトのイラストで視覚的に強調されたダークカラーのCTAが、ユーザーをスムーズにサービス、求人検索へと導く無駄のない導線設計となっています。キービジュアルからフッターまで遊び心あるディテールで、細部にこだわりを感じるサイトです。
株式会社ヤマダイグループ
白をベースに、ブランドカラーである鮮やかな赤と青をアクセントに効かせた、爽やかで信頼感のある設計。水産・食品加工という業種の特性を活かし、海の青さを想起させるクリーンな世界観で統一されています。写真は、働く人々の笑顔や新鮮な食材、港の風景などを明るいトーンで捉え、企業の透明性と活気を視覚的に伝えています。特徴的なところは波打つような曲線や角丸のシェイプを多用し、海や水のイメージをデザイン全体に浸透させています。これにより、セクション間のつながりが滑らかになり、スクロールするごとに物語が展開していくような心地よいリズムが生まれます。 タイポグラフィは、視認性の高い太めのゴシック体を採用し、力強さと実直さを表現。見出しの英字には動きのあるデザインを取り入れ、硬くなりすぎないモダンな印象をプラスしています。CTAはホバー時に色が変化する、アイコンが動くなどのマイクロインタラクションがユーザーの操作を軽やかに後押しする親切な導線設計となっています。また、スクロールに合わせて要素がふわっと浮き上がるフェードインや、波のシェイプがゆったりと揺れるアニメーションを採用し、海辺のような穏やかな時間の流れを演出しています。
FAVTOWNキャリア（ファボタウン キャリア）
白を基調とした清潔感のある背景に、ダークトーンの文字色、ロゴのアクセントカラーで地域の活気や前向きな未来を表現した配色が印象的。奇をてらわないニュートラルなキャンバスが、掲載企業のロゴや写真を主役として引き立てている。円形や角丸のあしらいが随所に見られ、行政・地域連携プロジェクト特有の堅苦しさを払拭し、親しみやすさを醸成している点も巧みで見やすいサイトに。視認性に優れたゴシック体の文字で、見出しには欧文を添えて視覚的なアクセントとリズムを付与。企業ロゴの羅列やイベント情報のカード配置において、整然とした美しさと検索性の高さを両立しています。アニメーションは、要素が静かに湧き上がるような滑らかなイージングを採用し、地域に根差したサービスの温かみを増幅させています。コンバージョンエリアは彩度を上げたアクセントカラーで視認性を最大化しつつ、コンテンツの文脈に沿って配置することで、押し付けがましさのない自然な誘導を実現しています。
株式会社Bizconcier（ビズコンシェル）
白を基調とした広大な余白（ホワイトスペース）の中に、黒のタイポグラフィと、生き物のような繊細なラインアートが背景に浮かぶ、極めてミニマルかつ知的な配色設計です。点と線を結ぶ抽象的な幾何学グラフィックによって、企業が掲げる「つながりの価値」やコンサルティングの介在を象徴的に表現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理。グリッドにとらわれない自由なレイアウトに見えますが、計算された余白が心地よいリズムを生み、視線を自然と下層へ誘導します。モーション言語は「描画」と「浮遊」をテーマに、見出しのアニメーションは一貫性を持たせ、スクロールに合わせてラインが伸びたり要素がフェードインする演出を施し、静的な情報に動的なストーリー性を付与。マイクロインタラクションも主張しすぎず、あくまでコンテンツの閲覧を最優先する、プロフェッショナルな美学が貫かれたデザイン。
