キャムコムグループ 採用サイト
ページ全体で画面をダイナミックに貫く斜めのラインとダイヤ型を多用したエネルギッシュなレイアウトが特徴的な採用サイト。要素を水平垂直のグリッドに収めるのではなく、あえて斜めに切り取ったり、ひし形の図形を交差させたりすることで、既存の枠組みや常識を打ち破るような強いエネルギーと上昇志向を空間に生み出しています。このエネルギッシュさはモーションでも表現されており、スクロールする毎にひし形のグラフィックが斜め方向へ交差するようにスライドインする開始アニメーションなど、エッジの効いたシャープな挙動で統一。CTAのホバー時には、グラデーションカラーのボタンが滑らかに光を帯びるように変化する洗練されたインタラクションや、矢印アイコンが滑らかにスライドするなど、クールで先進的なビジュアル表現の中で、求職者の知的好奇心を刺激しながら、自然と企業理解やエントリーへと導く、エンターテインメント性と機能性が高度に融合した導線設計となっています。サイトのカラーリングとして、透明感のある爽やかなペールブルーを基調に、企業の信頼感とスケール感を示すディープネイビーを合わせ、アクセントとして近未来的で多彩なホログラムグラデーションを効かせた、極めてスタイリッシュで躍動感のある配色設計。多彩なグラデーションが、多様な人材の個性や、これから開花する未知のポテンシャルを視覚的に表現しています。
株式会社バイオフィリア(Biophilia inc.)
生命力や愛情、温もりを感じさせる鮮やかなオレンジがかった赤をメインカラーに、清潔感のあるクリーンなホワイトを基調色に極めてエネルギッシュで愛情深い配色設計です。テキストには完全な黒ではなく、柔らかなダークブラウンを採用することで、視覚的なコントラストを和らげ、全体のトーンに優しい統一感を持たせています。構成の最大の特徴は、角を丸めた柔らかなデザイン言語と、動物たちと人間が触れ合う大きな写真の配置です。背景の赤に有機的な曲線を組み合わせたレイアウトが、命の温かさや企業理念である「しあわせ」を直感的に伝えます。また、丸みを帯びたポップなタイポグラフィやアイコンが、親しみやすさをさらに後押ししています。ホバー時には、視認性の高いカプセル型の赤いボタンがポップに変化し、ユーザーの操作を心地よくアシストします。直感的なレイアウトと温かなビジュアルコミュニケーションが融合し、動物への深い愛情という企業のコアバリューを一切のノイズなくユーザーの心へ届ける、極めて純度の高い導線設計となっています。
リファラル採用｜中途採用｜エムスリーキャリア採用サイト
肌馴染みの良い温かで淡いベージュを背景に、人との繋がりや活力を連想させるテラコッタ系のオレンジをメインカラーに据えた、親しみやすく温和な配色設計です。リファラル採用という、人と人との信頼関係をベースにした採用手法のコンセプトを、色彩の温度感で体現。半円や三角形を組み合わせたモダンな幾何学グラフィックと、あたたかみのある手描き風の線画イラストの掛け合わせがサイトのポイントになっています。幾何学図形が企業としての洗練された印象や制度の仕組みを表現する一方で、メリットを解説するセクションにゆるやかな線画イラストを配置することで、ユーザーの緊張感や心理的ハードルを優しく下げています。スクロールに呼応するモーションやレイアウトは、奇をてらわず、情報がスッと頭に入ってくるプレーンで読みやすい設計に徹しています。ステップ化された選考フローや、開閉式のよくあるご質問、そして視認性の高いダークグレーのボタンなど、求職者が知りたい情報へ迷わずアクセスできる、思いやりとユーザビリティに溢れた手堅い導線設計となっています。
SHIBUYA STREET LIVE｜公式サイト
「THE CULTURE MONSTER.」という極太でエッジの効いたオリジナルタイポグラフィと、型にはまらない大胆なグラフィックのアニメーションが閲覧者の心を掴みます。ファーストビューから画面を飛び出す勢いで描かれるビジュアルは、まさにストリートの壁面アートのようなインパクトを放ちます。一方で、ライブやイベントのスケジュール部分は、モノトーンのシンプルなリストUIやカードUIを用いて端正に整理されており、視覚的なカオスと情報収集のしやすさという相反する要素を高度な次元で両立させています。ソリッドなホワイトとブラックのモノトーンを基調に、蛍光色にも近いビビッドなマルチカラーを画面いっぱいに爆発させた、極めてエネルギッシュでストリート感あふれる配色のサイトです。白黒のハイコントラストが情報の骨格をカチッと支える一方で、アメーバのように有機的なカラフルなグラフィックが、渋谷という街が持つ多様性、カオス、新しいカルチャーが生まれる熱量を視覚的に体現しています。モーションは、画面を横断するマーキーがストリートのスピード感やノイズ感を演出し、サイト全体に絶え間ない躍動感を与えています。リストの矢印が直感的に動くなどのエッジィな世界観を崩さないシャープなホバーアクションで、ユーザーのワクワク感と知的好奇心を刺激しながら、自然と最新のカルチャー情報へと没入させる、エンタメ性に特化した鮮烈な設計となっています。
東横INN 新卒採用サイト
清潔感のあるクリーンなホワイトと、ブランドカラーである誠実なブルーを基調とし、エネルギッシュなオレンジをアクセントに効かせた、爽やかで熱量のある配色の採用サイトです。ホテル業界に不可欠な信頼感や安心感をブルーのグラデーションでしっかりと担保しつつ、鮮烈なオレンジが新卒採用ならではのフレッシュな勢いと、「Cheer for Start! 出発を応援する」というコンセプトの温かさを視覚的に伝えています。構成の最大の特徴は、コンセプトである応援の象徴としてのフラッグやメガホンをモチーフにした、三角形のグラフィックと斜めのラインの多用です。画面全体を舞う大小の三角形や、風になびく巨大な旗のビジュアルが、ダイナミックなスケール感と右肩上がりのポジティブなエネルギーを生み出しています。また、社員の写真をあえて斜めに切り抜いたり、リズム感のある配置にすることで、静的になりがちなコーポレート情報を躍動感あふれるエンターテインメントへと昇華させています。
shica shica candle
温もりを感じさせる柔らかなアイボリーを基調に、テキストには優しく空間を引き締めるチャコールグレーを配した、心安らぐナチュラルな配色設計です。サイト自体に強い色を持たせず、キャンドルの灯りや自然光を捉えた写真の色彩をそのまま活かすことで、ハンドメイドならではの温もりと穏やかな空気感を視覚的に伝えています。キャンドルや炎の揺らぎを連想させる楕円形の柔らかなシェイプと、手描きの細い点線やイラストを空間に散りばめたレイアウト。画像を規則的なグリッドに並べるのではなく、あえてアシンメトリーに配置し、たっぷりと余白を取ることで、ゆったりとした心地よい時間の流れを表現しています。見出しにはエレガントなセリフ体と本文は柔らかく親しみやすい明朝体で上品でありながらも日常にそっと寄り添う、アトリエの優しい世界観を見事に体現しています。スクロールに呼応するモーションは、写真やテキストがふんわりと優しく浮かび上がるフェードインで統一され、テキストもふわっと出現するアニメーションで、キャンドルに火が灯るような静かで落ち着いたリズムを生み出しています。柔らかな楕円と手書きの線が、キャンドルのような温もりを画面に灯す穏やかなアトリエのサイトです。
YAOYA（やおや）
深みのあるパープルをベースに、鮮烈なネオングリーンやビビッドなオレンジ、レッドをアクセントに効かせた、サイバーポップでエネルギッシュな配色設計です。IT施策やクリエイティブを担う企業でありながら、特有の堅苦しさを一切排除し、遊び心と面白さに振り切った独自の世界観を視覚的に確立しています。8bitのレトロゲームを彷彿とさせるピクセル調のタイポグラフィと、ポップな3Dイラストレーションが特徴的です。角を大きく丸めた柔らかなカードUIの中に、まるでゲームのアイテムやステージのようにサービス内容や実績を配置することで、ユーザーに「次は何が出てくるのか」というワクワク感を与えます。サイト全体が一つのエンターテインメントコンテンツとして機能する没入感のあるデザインです。ホバー時にはボタンがゲームのUIのように押し込まれたり、キャラクターが動くといった、触っていて楽しいインタラクションを採用。圧倒的に個性的なビジュアル表現でありながらも、情報のグルーピングや視線誘導は精緻に計算されており、ユーザーを迷わせることなくコンタクトへとナビゲートする、UI/UXの質の高さが光る導線設計となっています。
株式会社MT-D
「静」と「動」のダイナミックなコントラストが印象的なサイト。ファーストビューでは、画面を横断する英字タイポグラフィのマーキーと、グリッチノイズを思わせるデジタルなビジュアル表現が、圧倒的な視覚的インパクトを放ちます。一方で、中盤のセクションでは、ごく淡いグリーングレーの背景に、整然としたブロックレイアウトで画像とテキストを配置。論理的でクリアな情報設計を行うことで、クリエイティビティとビジネスの堅実さを両立させています。引き締まったブラックとクリーンなホワイトのハイコントラストなモノトーンを基調に、鮮烈なレッドやサイバー感のあるホログラムグラデーションをアクセントとして大胆に効かせた、先進的でエッジの効いた配色設計です。総合広告代理店としての洗練されたプロフェッショナルな印象と、未来を切り拓くようなデジタルテクノロジーの躍動感が見事に融合しています。CTAについては細部まで計算されたモダンなインタラクションが、ユーザーを迷わせることなく事業内容や採用情報へと導く、極めて完成度の高い導線設計となっています。エッジの効いたデジタル表現とモノトーンが、次世代のクリエイティビティを体現するサイトです。
Mr.ウエスマン （エイジトレーディング株式会社）
温かみのあるアイボリーを背景の基調とし、リサイクルや環境を連想させる鮮やかなグリーンをメインカラーに据え、パープルやブルーといったビビッドな色をアクセントに効かせた、極めてエネルギッシュでポップな配色設計。太い黒の縁取りが印象的な80〜90年代のレトロポップ風のイラストと、オリジナルキャラクターMr.ウエスマンを全面に押し出したエンタメ感あふれるレイアウト。セクションの境界線には波打つような有機的な曲線が用いられ、布（ウエス）の柔らかさやリサイクルの循環をコンセプチュアルに表現しています。また、極太のゴシック体を用いた大きなタイポグラフィや、LINEのトーク画面を模したUIなど、ユーザーを飽きさせず直感的に情報を読み進めさせる工夫が随所に凝らされています。工業用ウエスというBtoBの固い商材でありながら、そのイメージを良い意味で裏切る親しみやすさを視覚的に爆発させています。キャラクターがコミカルに動いたり、要素がポンッと弾むように現れたりする、遊び心に満ちた楽しいモーションを採用。ユーザーをワクワクさせながら自然と商品ラインナップやお問い合わせへと導く、エンターテインメント性とユーザビリティが高度に融合した導線設計となっています。
横浜銀行 IT・デジタル人財向け採用サイト
ファーストビューから続く巨大なタイポグラフィと、スマートフォンやノートPCなどのデバイスが空間を浮遊するような3Dのビジュアル表現が特徴的なサイトです。背景にはテクノロジーや正確性を暗示するドットグリッドが敷き詰められており、IT・デジタル人材の知的好奇心を刺激するサイバーでモダンな空間が構築されています。ABOUT USでは、実績や数値を大きなタイポグラフィでインフォグラフィックのように配置し、説得力と情報の見やすさを両立させています。配色は、清潔感あるホワイトをベースに、銀行の持つ信頼感や誠実さを象徴する深いブルーと、先進性やデジタルの広がりを感じさせる淡いライトブルーのグラデーションを組み合わせた、知的で未来志向な設計です。伝統的な金融機関の堅いイメージを払拭し、テクノロジーを駆使した新しい銀行の姿を視覚的に発信しています。スクロールに呼応するモーションは、デバイスの画像が視差効果を伴ってダイナミックにスライドしたり、見出しが下から滑らかにフェードインする洗練された挙動で統一されています。浮遊するデバイスと精緻なドットグリッドが魅せる、先進的なイメージとクリーンな世界観のリクルートサイトです。
