関東総業株式会社
青空のように爽やかで透明感のあるブルーを全面に押し出し、インフラ業界の堅苦しいイメージを爽快に覆すコーポレートサイトです。ファーストビューは表情の伝わる仕事風景の写真を大きく使用し、直下から広がる高く澄み渡る空と、肩を並べて笑顔を見せる社員たちの姿は、風通しの良い社風と、チームワークで街の基盤を支える仕事への誇りを物語っているようです。メインカラーの明るいブルーは、社員が着用する作業服の色と視覚的に見事にリンクしており、そこにヘルメットやコンバージョンボタンに用いられたアクセントカラーのイエローが加わることで、画面全体に若々しい活力と親しみやすさを生み出しています。また、実際の作業風景を切り取った臨場感のある写真だけでなく、後半のセクションでは社員の切り抜き写真とポップな線画イラストに手書きフォントを組み合わせ親近感のあるユニークなレイアウト。これにより、専門的でハードに思われがちな鉄道電気工事の仕事を、より身近で魅力的な職業として印象付けています。「人を支える」というインフラの本質を、温かみのあるゴシックのタイポグラフィと清潔感溢れるたっぷりの余白で包み込み、誠実さと明るい未来への期待感を同時に抱かせる、洗練されたコーポレートサイトです。
博展 採用サイト
余白をたっぷりと取ったクリーンなホワイトをベースに、太く力強いブラックのタイポグラフィを組み合わせた、ストイックで骨太なモノトーンの配色設計。サイト全体の装飾色を極限まで削ぎ落とすことで、「動け、自分。動かせ社会。」という企業からの強烈なメッセージと、最前線で働く社員たちの活き活きとした表情、色彩を、圧倒的な熱量とともに際立たせています。特徴として、見出しにあしらわれた＞＞＞＞＞＞ という連続する矢印のモチーフと、大胆な文字組が目を惹きます。この記号の反復が、サイト全体に前へ前へと進む推進力や行動というコンセプトを視覚的にもたらしています。また、社員インタビューのサムネイル画像は、単純な四角形ではなく、波打つような有機的な形や平行四辺形など、あえて不規則なシェイプで切り抜かれています。これにより、多様な個性が既存の枠組みに収まらずに躍動している様をダイナミックに表現しています。過度なアニメーションは抑え、タイポグラフィの強さと写真の力で魅せる実直なレイアウトは、採用という真剣な場における企業の誠実さを体現しています。矢印のあしらいが自然とユーザーの視線を下へと誘導し、クリエイティブ企業ならではの熱気を真っ直ぐに求職者の胸へ届ける、力強い導線設計となっています。
yuppa（ゆっぱ）
湯葉を使ったヘルシーファストフードのシズル感と、ブランドの遊び心を体現したポップでモダンなサイト。湯葉の白やベージュを基調にしつつ、食材由来の鮮やかなオレンジやグリーン、イエローをアクセントに散りばめ、食欲をそそる彩度の高い写真素材が高コントラストで配置されています。タイポグラフィは、太めのサンセリフ体で力強いインパクトを与えながら、和文には可読性の高いゴシック体を採用し、カジュアルさと信頼感を両立。レイアウトは、雑誌のように写真とテキストを大胆に重ね合わせたり、斜めのラインや不規則なグリッドを用いることで、ファストフードらしい軽快なリズムと躍動感を生み出しています。角丸や太めの線の装飾がカジュアルな印象を与えて、具材が飛び出すような「賑やかさ」も演出。ホバー時にはボタンの色が反転したり、アイコンが回転するなどのマイクロインタラクションが仕込まれ、ユーザーの操作に心地よいフィードバックを返しつつ、店舗や商品ページへの導線をスムーズに繋ぐ設計となっています。
株式会社東組 採用サイト
サイト全体でキャッチーなイラストと写真の組み合わせで、フッターまで閲覧者を楽しませてくれるリクルートサイト。ファーストビューから段階的な情報提供構造で、ユーザーが知りたい情報にスムーズにアクセスできる導線になっています。配色はグレーを基調に、海洋土木のイメージのやや落ち着いたグリーンや同系色が使われ、親しみやすさもありながら落ち着いた企業イメージを演出しています。写真背景には 空や海の青が継続して見えるため、色温度が冷たすぎず安定感があります。タイポグラフィは、日本語中心でセクション見出しと本文に明確なウェイト差を付けています。特に見出しは可読性重視で枠で囲み背景色を付けて、情報の階層を分かりやすくしています。メニューバーは常に画面上部にあり、回遊動線が明確。余白は十分に確保されながら、写真とテキストをバランスを取りながら重なり、まとまりがあります。過度な動きはなく落ち着いたモーション設計で、読み進めやすくデザインされています。
FAVTOWNキャリア（ファボタウン キャリア）
白を基調とした清潔感のある背景に、ダークトーンの文字色、ロゴのアクセントカラーで地域の活気や前向きな未来を表現した配色が印象的。奇をてらわないニュートラルなキャンバスが、掲載企業のロゴや写真を主役として引き立てている。円形や角丸のあしらいが随所に見られ、行政・地域連携プロジェクト特有の堅苦しさを払拭し、親しみやすさを醸成している点も巧みで見やすいサイトに。視認性に優れたゴシック体の文字で、見出しには欧文を添えて視覚的なアクセントとリズムを付与。企業ロゴの羅列やイベント情報のカード配置において、整然とした美しさと検索性の高さを両立しています。アニメーションは、要素が静かに湧き上がるような滑らかなイージングを採用し、地域に根差したサービスの温かみを増幅させています。コンバージョンエリアは彩度を上げたアクセントカラーで視認性を最大化しつつ、コンテンツの文脈に沿って配置することで、押し付けがましさのない自然な誘導を実現しています。
ポスタス株式会社 採用サイト
白を基調とした背景にイエローをアクセントとして効かせ、清潔感と活力を共存させた配色設計。写真は自然光を感じさせる明るいトーンで統一され、社員の表情やオフィスの空気がリアルに伝わるようリタッチされています。タイポグラフィは可読性の高いゴシック体を軸に、見出しと本文で明確なウェイト差をつけて情報の階層を整理しつつ、欧文にはサンセリフを用いて先進性を演出。レイアウトは十分な余白を確保して要素を整列させ、視線が自然と下へ流れるようグリッドに忠実な設計がなされています。モーションは、スクロールに合わせて要素が下からふわっと浮き上がるスライドアップやフェードインを多用し、コンテンツを一つひとつ丁寧に提示する「プレゼンテーション」のようなリズムを形成。ボタンのホバー時には背景色の反転やアイコンの移動といった微細な変化を加え、ユーザーの操作に対するフィードバックを直感的に伝えています。ページ下部にはわかりやすいエントリーボタンを配置し、回遊からのコンバージョンを逃さない導線設計が徹底されています。
Team 異所性脂肪
「異所って何だ？」という素朴な問いかけが、画面中央で弾むように現れる。メディカル領域のサイトとは思えないほど、軽やかで色彩豊かなファーストビューが印象的だ。「脂肪」や「疾患」といった重くなりかねないテーマを扱いながら、丸みを帯びたゴシック体と愛らしいキャラクターの存在が、ユーザーの警戒心をすっと解きほぐしていく。スクロールするたびに、専門的な知見がコミカルなイラストと共に現れ、まるで絵本をめくるような感覚で知識がインストールされていく。流れるテロップや視線を誘導するあしらいなど、トレンド感のあるWeb表現を取り入れつつも、情報の可読性は決して損なわれていない。「やってみた」などの実験的なコンテンツでは、研究者の遊び心が垣間見え、企業としての親しみやすさが画面越しに伝わってくるようだ。全体を通して、サイエンスへの敬意と、それを伝えるためのユーモアが絶妙なバランスで共存している。ただ情報を羅列するのではなく、知的好奇心をくすぐりながら解決策（ソリューション）へと導くストーリーテリングが見事。専門的な医療情報と生活者の距離を、デザインの力でぐっと縮めることに成功した、架け橋のようなWebサイトである。
あおばリガーレクリニック
ファーストビューはダイナミックな2色の切り替えと、英語と日本語コピーの絶妙なバランス、パズルのように組まれたレイアウトが目を惹き、「チームで支え、地域をつなぐ」というコンセプトを一瞬で印象づけます。縦横に走るラインやカード状の写真がきちんと整理されて並び、診療科という堅いテーマに、わずかな遊び心と前向きな空気を足しているのが特徴です。背景の柔らかなトーンと人物写真の笑顔が、医療現場の緊張感を和らげつつ安心感を伝えます。インタビューや環境紹介のセクションは、情報量は多いのにブロックごとの役割が明快で、どこに何が書いてあるか迷わないつくり。タイポグラフィは太さとサイズのメリハリが効いており、見出しだけで内容の輪郭がつかめます。全体的に激しいアニメーションや派手な仕掛けはないものの、色使い・フォントの選び方・分かりやすいレイアウトが相まって、落ち着きと信頼感のある高品質な採用サイトとしてまとまっています。
GUNTE Lab.
白背景に伸びやかな余白、角丸のカードと太めの見出しが並ぶ気持ちよい導入。ヒーローでは「WE CAN MAKE ORIGINAL GLOVE」を大ぶりに掲げ、用途別の事例カードをすぐ下にスライドで連ねることで、“作れる・選べる・使える”を数秒で掴ませます。配色はロゴの黒×グレーを軸に、製品写真のカラフルさをアクセントとして活かす抑制設計。説明テキストは短文・改行多めで、プロダクトサイトにありがちな堅さを避けつつ、読み進める速度感を担保しています。中盤の「GUNTE Lab.の特長」は01–04のステップで効用を整理し、続く「ラインナップ」で“種類の多さ→具体の商品像”へと自然に橋渡し。商品カードは写真比率が大きく、キャプションを最小限に抑えたことで、色・素材・サイズ感の違いが直感で比較できます。事例→特徴→商品→発注の順で迷いを削ぎ落とし、BtoBとグッズ制作の“楽しさ”を同居させた編集が秀逸です。
五右衛門｜新しい不動産のカタチ
ポップなカラーと丸みのあるフォント、ちょこちょこ動く可愛いアニメーションで、ファーストビューから“不動産らしさ”の硬さを外し、楽しさとワクワクを一気に立ち上げる。企業ロゴのフォント世界観を受けたシェイプが要所に散りばめられ、見出しやボタン、背景モチーフまで統一感高く設計。無限ループや背景固定など動き自体はミニマルだが、独特の要素配置と丁寧なホバーの効きで視界に十分なリズムが生まれる。クロージングでは吹き出しがセクション背景に展開し、情報と遊び心が重なるユーモラスな演出で余韻を創出。全体を通して“手数は多いがうるさくない”バランス感覚と、細部まで仕込み切る制作姿勢が伝わる。ブランドの人格を感じさせるトーン＆マナーが一貫して体験を牽引するサイト。
