プロネッツ 2027年度 採用サイト
鮮やかで清涼感のあるシアンブルーとクリーンなホワイトを基調に、テキストやボタンにソリッドなブラックを配した、極めて爽やかでコントラストの効いた配色設計です。この印象的なブルーがIT企業らしい先進性や知的さを担保しつつ、フレッシュでポジティブなエネルギーを視覚的に発信しています。背景全体に大胆にレイアウトされた巨大なタイポグラフィと、そこにうっすらと掛けられたノイズのようなテクスチャが今時のビジュアル。画面の枠にとらわれないダイナミックな文字の配置が、企業としてのスケール感や勢いを印象付けると同時に、サイトの大きな特徴になっています。一方で、社員インタビューなどのコンテンツ部分は、角を丸めたカードUIを用いて整然とグリッド状に配置することで、親しみやすさと情報の読みやすさを両立させる情報設計を実現。鮮烈なシアンブルーに、大胆な背景レイアウトと角丸UIの対比が魅せる、先進性と親しみやすさのハイブリッドで仕上げられたサイトです。
株式会社サイバーリンクス｜新卒・キャリア採用情報
クリーンな水色と淡いブルーをメインとし、そこに赤、イエロー、グリーン、ブルーなどが溶け合う、鮮やかでノイズ感のあるトレンド感ある多色グラデーションをアクセントとして大胆に配置した配色のサイト。テキストやボタンには深いネイビーブルーを用いることで、IT企業としての確かな信頼感と画面全体の引き締まったコントラストを確保しつつ、グラデーションの持つ多様性やエネルギーを魅力的に引き立てています。最大の特徴は、背景を彩る交差する円形のグラデーションシェイプと、角を大きく丸められたカードUIの組み合わせです。IT・インフラ業界にありがちな直線的で硬いイメージを払拭し、広大な余白の中に丸みを帯びた要素を配置することで、そこで働く人の温もりや親しみやすさを視覚的に表現しています。流体的な動きが先進的でありながらも穏やかな空気感を生み出す、信頼感と先進性のハイブリッド・デザインです。
Patisserie PONO パティスリーポノ
淡い水色とクリーンなホワイトを基調に、温かみのある柔らかなレモンイエローをポイントカラーに、極めて優しく清潔感のあるパステルカラーの配色。このソフトな背景色が、ケーキに添えられたイチゴの赤や焼き菓子の豊かなブラウンといった、スイーツ本来の鮮やかな色彩とシズル感を、甘く魅力的に引き立てています。構成の最大の特徴は、生クリームが滑らかに垂れるような波線や、水彩画のような滲みを持つ有機的な曲線をセクションの境界に大胆に用いている点。直線的なグリッドをあえて崩し、手書き風の可愛らしい線画イラストを空間に散りばめることで、まるで優しい絵本の世界に迷い込んだかのような、ワクワクする視線誘導を実現しています。タイポグラフィには、品格のある細身の明朝体を主軸に据えつつ、わずかに手書き風のフォントを交えることで、お菓子作りの丁寧な手仕事感と、地域に根ざした親しみやすさを見事に両立させています。スクロールに呼応するモーションは、各要素が短い距離をゆっくりと滑らかにフェードインする挙動で統一され、店舗に流れる穏やかで優しい空気感を視覚的に表現しています。たっぷりと取られた余白の中に配置されたデザイン性の高いリンク要素が、世界観のノイズにならずにユーザーを自然とメニューや店舗情報へと導く、丁寧で温もりのある導線設計となっています。淡い水色と生クリームの曲線が描く、絵本のようなパティスリー空間。
アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
熊本電子ビジネス専門学校
クリーンなホワイトを基調とし、テキストに引き締まったダークグレーやブラックを配した明快なコントラストの中に、知的なシアン、活気あるイエローをアクセントとして盛り込んだ、モダンでスタイリッシュな配色。配置された写真は、少し彩度を抑えたシネマティックでクールなトーンで統一されており、真剣に学ぶ学生たちの眼差しや手元のディテールをドラマチックに引き立てています。タイポグラフィは視認性と力強さを兼ね備えたゴシック体を主軸とし、ファーストビューの「大人になる、プロになる。」という力強いコピーにしっかりとしたウェイトを持たせることで、学校の揺るぎないスタンスを視覚的に宣言しています。レイアウトは堅牢なグリッドシステムをベースにしつつ、画面幅をいっぱいに使ったダイナミックな写真の帯や、背景にうっすらと配置された巨大な英字タイポグラフィを交えることで、空間に奥行きと洗練されたリズム感を生み出しています。ホバー時にはカード要素やバナーが微細に変化してフォーカスを可視化しており、視認性の高いフッター手前のバナー群が、ユーザーを迷わず資料請求、オープンキャンパスや詳細ページへと導く優れた導線設計となっています。
株式会社BuySell Technologies 新卒採用サイト
鮮やかなブルーを基調に、ホワイトやペールブルーを組み合わせた、知的でクリーンな印象を与える配色でスタイリッシュなリクルートページ。信頼感と透明性を重視し、ビジネスの成長性や先進性を感じさせる洗練されたトーンで統一されています。写真は、働く社員の表情やオフィスの雰囲気を自然な光の中で捉えたものが多く、企業文化の明るさと風通しの良さを視覚的に伝えています。視認性の高いゴシック体タイポグラフィをベースに、見出しやキャッチコピーにはウェイトのある欧文フォントを併用。これにより、メッセージの力強さとモダンなリズムが生まれ、読み手を飽きさせない構成になっています。レイアウトは、グリッドシステムを基本としながらも、写真やテキストブロックを大胆に配置することで、動きのあるダイナミックな空間を構築。全体を通してカードのようなデザインが統一されています。モーション言語は、ホバーすると背景色が変化するパララックス効果や画像の無限ループなどを効果的に使用。これにより、情報の視認性を保ちながらも、ユーザーの興味を引きつけるインタラクティブな体験を提供しています。
AOMORI GOKAN ５館が五感を刺激する
ブルーの背景に黒のロゴのアニメーションのファーストビューでインパクト。徹底して「作品」を主役にするため、白を基調とした極めてニュートラルな配色設計。文字色は完全な黒ではなくわずかにグレーを感じさせるトーンに抑え、美術館という場の持つ静謐な空気をWeb上でも再現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理しています。レイアウトは、各美術館の情報を均等なグリッドで並列に扱いながらも、広めの余白を大胆に取り入れることで、視線が自然と個々のコンテンツに留まるよう計算されています。モーション言語は「静」を意識し、スクロールに合わせて要素がゆっくりとフェードインする抑制的な演出で、品格を損なわないよう配慮されています。画像のホバー時にわずかな拡大や透過の変化を加えることで、クリックの可能性を直感的に示唆。導線はヘッダーとフッターに集約し、回遊性を担保しつつも、鑑賞体験を阻害しないノイズレスな設計が貫かれています。
