軽井沢の建築事務所 one it
極限まで要素を削ぎ落としたクリーンなライトグレーとソリッドなブラックを基調とする、極めてストイックでミニマルなページデザイン。サイト自体に一切の装飾色を持たせないことで、深い森の緑や建築空間に落ちる静かな陰影を捉えた、彩度を抑えたシネマティックな写真の美しさを、ノイズなく最大限に引き立てています。構成の最大の特徴は、広大な余白を贅沢に活かし、整然としてグリッドシステムに沿って画像やテキストを配置したエディトリアルデザインです。タイポグラフィには洗練された細身のゴシック体を採用し、文字サイズを極力小さく抑え、細い区切り線を効果的に用いることで、まるで海外の上質な建築雑誌や写真集をゆっくりと眺めているかのような、静謐でエレガントな視線誘導を実現しています。モーションは、要素がゆっくり滑らかなフェードインで、建築が持つ穏やかで上質な時間の流れを視覚的に表現しています。ホバー時のインタラクションは洗練されたミニマルな空間の美しさを一切崩すことなく、ユーザーを自然と実績や企業情報へと導く、研ぎ澄まされた導線設計となっています。
オリエンタル技研工業
静かな余白と端正なグリッドを軸に、技術職の誠実さと人の温度を同時に伝えるファーストビュー。直線的なタイポグラフィと抑制されたブルー系の配色が、企業の堅実さと信頼感を即座に印象づける一方で、スクロールに寄り添うフェードやスライドインが硬さを和らげ、自然と視線を先へ運ぶ。社員インタビューや仕事紹介のセクションは情報量を感じさせながらも、写真サイズ・余白・行間の設計が整理され、読む／見るのリズムが心地よく保たれている。要所で挿入される図解や数字の見せ方も淡々としすぎず、理解のスピードを軽やかにサポート。派手な演出には頼らず、“正確さ・安心感・実直さ”を丁寧に積み重ねるデザイン設計が一貫しており、企業姿勢そのものがUIににじむ構成です。派手さよりも「長く信頼される佇まい」を選んだトーン&マナーが、採用サイトとしての説得力を静かに、しかし確実に支えています。
sukima
手書きタッチのキャラクターや線画が、細かなアニメーションとともに画面のあちこちで動き出すトップ。動画制作会社らしい“遊びと間”が同居した世界観を、ラフな質感のイラストと統一された背景テクスチャで丁寧に編んでいます。余白はかなりゆったりめで、太さの異なるフォントと鮮やかなアクセントカラーが互いを引き立て合い、にぎやかなのにうるさくないバランスに。セクションごとにホバーやスクロールの動きが変化し、とくにCareersではページ遷移ではなくポップアップで詳細が立ち上がる仕掛けが新鮮で、求人情報を「読む」体験自体を少し特別なものにしています。全体としてモーションの手数は多く、タイポやスタンプ風装飾、ポップなボタンリアクションなど“今っぽい”表現を取り入れながらも、情報の階層が明快なおかげでストレスなく見渡せるデザインです。映像づくりの楽しさと仕事としての真剣さ、その両方を画面越しにじわっと感じさせてくれます。
東急株式会社 新卒採用サイト
ファーストビューは東急レッドと白を大きく切り替えた背景に、ダイナミックなタイポと線画イラストが踊る、勢いのある構成。イラストや背景の質感がサイト全体で統一されていて、影の落とし方やテクスチャも揃っているから、ページをスクロールしても世界観がブレず、“街と人をつなぐ企業”というテーマが一本筋で伝わります。開始時のズームやスライド、ボタンやカードのホバーアニメーションはやや激しめですが、スクロールに合わせて要素がリズミカルに現れ、軽快なテンポ感とメインの赤のポップさとよく噛み合い、就活サイトにありがちな堅さをうまく中和しています。見出しのダイナミックタイポ、ボタンのホバーでの形や色の変化、絵文字を混ぜたコピーなど、トレンドの表現もさりげなく取り入れつつ、レイアウト自体は整理されているので迷いなく読み進められる。遊び心と視認性のバランスが良く、“まじめだけど楽しい会社”という印象を高い解像度で届けるデザインです。
あおばリガーレクリニック
ファーストビューはダイナミックな2色の切り替えと、英語と日本語コピーの絶妙なバランス、パズルのように組まれたレイアウトが目を惹き、「チームで支え、地域をつなぐ」というコンセプトを一瞬で印象づけます。縦横に走るラインやカード状の写真がきちんと整理されて並び、診療科という堅いテーマに、わずかな遊び心と前向きな空気を足しているのが特徴です。背景の柔らかなトーンと人物写真の笑顔が、医療現場の緊張感を和らげつつ安心感を伝えます。インタビューや環境紹介のセクションは、情報量は多いのにブロックごとの役割が明快で、どこに何が書いてあるか迷わないつくり。タイポグラフィは太さとサイズのメリハリが効いており、見出しだけで内容の輪郭がつかめます。全体的に激しいアニメーションや派手な仕掛けはないものの、色使い・フォントの選び方・分かりやすいレイアウトが相まって、落ち着きと信頼感のある高品質な採用サイトとしてまとまっています。
BEAMS CREATIVE INC.
トップの「直感と共感。愛とアイデア。」を大きく掲げたヒーローに、ポップアップするコピーや写真、カラフルなキービジュアルを重ねて、“色と人で見せるクリエイティブ集団”というテーマを一気に立ち上げています。スクロールに合わせてコピーや写真がスライドインし、言葉とビジュアルが交互に現れるリズムで、読み物というより雑誌をめくるような体験に。PEOPLEでは人物写真と短いキャッチコピーをカード状に並べ、ホバーや遷移でストーリーを深掘り。WORKSはカテゴリタブと大きめのサムネイルで構成し、案件の幅広さと「好き」を生み出す現場の熱量を視覚的に伝えています。動き自体は軽やかで、派手さよりも“手触りのいいインタラクション”に振ることで、ファッション発の遊び心とクライアントワークとしての信頼感を両立。コピーの言い回しも含めて、「センスのある人たちが作っている」空気を静かに醸成するデザインです。
WILLCO
ファーストビューは白ベースに大きく「未来の選択肢を広げよう」と掲げ、印象的な写真と余白の広いレイアウトで、静かだけれど前向きな高揚感をつくっています。ページ上部にテーマごとのメニューを並べ、スクロールすると各セクションがふわっと現れることで、「会社→環境→事業→仕事→人」という情報の流れを自然に追わせる設計です。写真は笑顔や仕事シーンを中心に、角丸のカードや数字・アイコンのビジュアルと組み合わせて配置。色数を絞った落ち着いた配色の中に、アクセントカラーと社員の服の色が少しだけ効いていて、「真面目だけど閉じすぎない」印象を与えます。テキストは見出しでメッセージを言い切り、本文は短めに区切ることで、採用サイトにありがちな“説教くささ”を避けながら、ビジョンや働きがいへの共感をじわっと積み上げていくデザインです。全体として、転職を迷う人の背中を静かに押す、穏やかな熱量のあるトーンにまとまっています。
クラウドローン株式会社 採用サイト
ベースは薄いグレー、落ち着いたグリーンのアクセントと黒ではっきりとしたタイポグラフィで骨格を立てた端正なトーン。写真は明度・色温度・彩度を丁寧に揃えたリタッチで全体の統一感が高く、どのセクションでも同じフィルム感で読み味が続きます。見出しテキストと写真は同一設計のスライドインで現れ、ボタンの下線やアイコンもアクセント色と同期して伸びるため、ページ全体のモーション言語が一貫。一見ランダムに見える要素配置も、グリッドと余白の「見えない線」が揃っているため煩雑にならず、視線誘導が滑らかです。直線的リズムと、小さなホバー反応が “触れどころ” を静かに示し、可読性と前進感を両立。過剰な装飾を避けつつ、写真の統一トーンと反復モーション、落ち着いた色使いで採用サイトとしての信頼感を高め、さらにブランドの誠実さが自然体で伝わる設計。
COLUMBIA WORKS
深い余白に大ぶりの見出しを“段落ごとに置く”構成で、最初の「ユニキュベーション」の宣言が画面の骨格をつくるファーストビュー。和文の堂々としたウェイトと英語サブの細身が対比をなし、読み始めの一行目からコンセプトに集中させます。ヒーロー直下ではテキスト塊とフルブリードの図版を大胆に交互配置し、言葉→イメージ→言葉の呼吸でリズムを形成。余白は上下にたっぷり、左右はきっちり揃え、視線の開始位置を毎セクションで再定義する“整える余白”が効いています。ブランド紹介は大きな写真カードを主役に、説明文は短く、影や装飾に頼らず“サイズと余白”だけで格を出す設計です。全体にアニメーションは控えめで、フェードとスクロールのタイミング合わせに徹し、重心の低いタイポと余白のコントラストで信頼感を醸成。色・写真・活字の三要素を絞り込み、都市開発の“長く効く価値”を画面密度のコントロールで語り切る、気品と読みやすさが同居したビジュアルデザインです
CRUISE KOBE
白とマリンブルーの強いコントラストに、広めの余白と大ぶりの見出しを合わせた“抜けの良い”ヒーロー。写真は海面のきらめきや船体の曲線を大きく見せるトリミングで、水平線の安定感がそのまま信頼感に置き換わります。タイポは太さと字間のメリハリが効き、港のサイン計画を思わせる視認性で画面の骨格を作る。余白・色・写真の三要素だけで海風の清潔感を立ち上げるミニマルな設計です。 中盤以降はカードやタブで“面を保ったまま切り替える”UIを徹底し、写真比率を大きく保つことで船ごとのスケール感や質感の差がサムネイル段階で伝わる。ギャラリーは画面を広く使ったグリッドで、空と海のブルーが連続する心地よさを崩さずに見応えを作る。アニメーションはフェード／スライド中心の軽いモーションに留め、操作感を乱さず視線誘導だけを担う“裏方”の使い方が巧み。全体として、色面のコントラスト、写真のトリミング、抑制されたモーションの三本柱で“海から神戸を楽しむ”情緒と実在感を両立させたデザインです。
