熊本ドック株式会社
造船という重厚長大な産業のスケール感と、海を舞台にする企業の誇りを、深いブルーとダークグレーを基調とした配色でダイナミックに表現したコーポレートサイト。ファーストビューの “FROM THE SEA TOWARD THE FUTURE” という力強いメッセージと、造船所の巨大なクレーンや船影を捉えた臨場感あふれる高品質な動画が、見る者を圧倒するインダストリアルな魅力を放っています。全体的に直線的でソリッドなレイアウトを採用しつつ、流麗でモダンな欧文タイポグラフィを組み合わせることで、無骨になりがちな製造業のイメージを洗練されたスマートな印象へと美しく昇華させています。中盤の事業紹介や製品群のセクションでは、写真をグリッド状に整然と配置し、余白を活かすことで視認性と情報の探しやすさを高度に両立。後半に登場する斜めに切り取られたダイナミックなレイアウトはリクルートセクションで定番の写真の無限ループ。現場で働く社員たちの生き生きとした姿が、堅牢な技術力だけでなく、未来へ前進する企業の躍動感と熱量をスタイリッシュに表現。重厚なインダストリアルな世界観と、Webとしてのモダンな洗練が心地よく共存するデザイン設計です。
関東総業株式会社
青空のように爽やかで透明感のあるブルーを全面に押し出し、インフラ業界の堅苦しいイメージを爽快に覆すコーポレートサイトです。ファーストビューは表情の伝わる仕事風景の写真を大きく使用し、直下から広がる高く澄み渡る空と、肩を並べて笑顔を見せる社員たちの姿は、風通しの良い社風と、チームワークで街の基盤を支える仕事への誇りを物語っているようです。メインカラーの明るいブルーは、社員が着用する作業服の色と視覚的に見事にリンクしており、そこにヘルメットやコンバージョンボタンに用いられたアクセントカラーのイエローが加わることで、画面全体に若々しい活力と親しみやすさを生み出しています。また、実際の作業風景を切り取った臨場感のある写真だけでなく、後半のセクションでは社員の切り抜き写真とポップな線画イラストに手書きフォントを組み合わせ親近感のあるユニークなレイアウト。これにより、専門的でハードに思われがちな鉄道電気工事の仕事を、より身近で魅力的な職業として印象付けています。「人を支える」というインフラの本質を、温かみのあるゴシックのタイポグラフィと清潔感溢れるたっぷりの余白で包み込み、誠実さと明るい未来への期待感を同時に抱かせる、洗練されたコーポレートサイトです。
株式会社日東物流
清潔感と信頼感を象徴するホワイトとコーポレートカラーのブルーを基調とし、そこに柔らかな水彩画の色彩をアクセントとして散りばめた、温かみのあるカラーリング。物流やインフラといった堅実で力強いイメージを持たれがちな業界において、あえて手描きの温度感を取り入れることで、企業としての誠実さと人々の生活に寄り添う優しさを視覚的に両立させています。構成の最大の特徴は、街並みやトラック、そこで暮らす・働く人々を描いた水彩タッチのイラストの静かなアニメーション。このファーストビューから絵本の世界のように広がるイラストが、「ミライを、人で、つなぐ。」というコーポレートメッセージの人の温度感にマッチしています。また、見出しには親しみやすくも品のあるフォントを採用し、たっぷりと余白を取ることで、ゆったりとした心地よい空気感を醸し出しています。スクロールに呼応するモーションは、イラストがふんわりと浮かび上がる穏やかなフェードイン。情報量を詰め込みすぎず、ユーザーの呼吸に合わせるような優しいインタラクションとクリアな導線設計が、企業への安心感と好感を自然と高める、コーポレートサイトの良質なアプローチとなっています。
株式会社アペック【東北電力指定の配電工事会社】
信頼感と誠実さを象徴する深いネイビーブルーと、澄み渡る空や未来を連想させる鮮やかなスカイブルーを基調とし、クリーンなホワイトを組み合わせた、知的で爽やかな配色設計です。インフラやエネルギーを支える企業としての堅実さと、未来を拓く先進性が視覚的なコントラストとして美しく表現されています。構成の最大の特徴は、角を大きく丸めた柔らかなカードUIや画像切り抜きと、背景に大胆に配置された大きなロゴマークのあしらい、そして画面を横断するマーキーの組み合わせです。業界の硬さのイメージを角丸のシェイプで優しく和らげつつ、要素を少しずつ重ねるオーバーラップの手法を用いることで、空間にダイナミックな奥行きとスケール感を生み出しています。各要素が下から滑らかに浮かび上がるフェードインのモーションで、街にエネルギーを巡らせるような途切れない連続性と躍動感を表現。ホバー時には、カード内の画像が微細にズームアップしたり、背景色が直感的に変化するといった控えめなインタラクションを採用。ダイナミックなビジュアルの中でも、ユーザーを自然と事業内容や採用情報へと導きます。
トヨタバッテリー株式会社 採用総合サイト
クリーンなホワイトと淡いライトグレーで作られた無機質な空間に、ブランドカラーである鮮烈なレッドをアクセントとして力強く効かせた、先進性と信頼感を両立するハイコントラストな配色設計です。この極限まで色数を絞ったベースカラーが、情熱やエネルギーを象徴する赤の存在感をより一層際立たせています。構成の最大の特徴は、ファーストビューから背景に広がる精緻な3Dアイソメトリックイラストです。真っ白な都市のジオラマの中を走る車やインフラを描くことで、バッテリーが支える未来の社会を俯瞰的な視点で表現しています。タイポグラフィは視認性に優れたモダンで力強いゴシック体を採用し、キャッチコピーの一部を赤く染めることでメッセージ性を強調。コンテンツエリアは整然としたグリッドレイアウトとカードデザインで構成されており、豊富な情報量を整理し、ユーザーが迷いなく求めている情報へアクセスできる高いユーザビリティを確保しています。閲覧者を自然と社員インタビューや募集要項へと導く、堅実で完成度の高い導線設計。クリーンな余白と鮮烈な赤が、企業の情熱と先進性をクリアに伝えるサイトになっています。
アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
音更電設株式会社
「光」という企業のコアバリューを、鮮やかなイエローのグラデーションと斜めに差し込むダイナミックなシェイプで体現した、躍動感あふれるデザインです。見えないグリッドをベースにしながらも、光の束のような斜めのラインがセクションを横断し、ユーザーの視線を次々と下部へ導くレイアウトを構築。このエネルギッシュな空間を支えるのは、ホワイトとブラックを用いた高コントラストなベース配色です。配置された写真は明度と彩度が高く、作業服のブルーと背景のイエローが美しい対比を生み出し、現場の熱量や社員の誇りをノイズなく伝えています。タイポグラフィには、極太のサンセリフ体の英字と可読性の高いゴシック体の和文を採用。大胆なジャンプ率と十分な余白設計により、強いメッセージ性と読みやすさを両立。ホバーエフェクトが随所に見られ、細部までこだわりが見られ、カーソルを動かさずにはいられない、ユーザーを楽しませる要素が散りばめられています。スポットライトが当たるリンクや、微細に浮き上がるカード、明度を変えるボタンがフォーカス状態を的確に示し、直感的な回遊を促す堅実な導線としても機能しています。
株式会社東組 採用サイト
サイト全体でキャッチーなイラストと写真の組み合わせで、フッターまで閲覧者を楽しませてくれるリクルートサイト。ファーストビューから段階的な情報提供構造で、ユーザーが知りたい情報にスムーズにアクセスできる導線になっています。配色はグレーを基調に、海洋土木のイメージのやや落ち着いたグリーンや同系色が使われ、親しみやすさもありながら落ち着いた企業イメージを演出しています。写真背景には 空や海の青が継続して見えるため、色温度が冷たすぎず安定感があります。タイポグラフィは、日本語中心でセクション見出しと本文に明確なウェイト差を付けています。特に見出しは可読性重視で枠で囲み背景色を付けて、情報の階層を分かりやすくしています。メニューバーは常に画面上部にあり、回遊動線が明確。余白は十分に確保されながら、写真とテキストをバランスを取りながら重なり、まとまりがあります。過度な動きはなく落ち着いたモーション設計で、読み進めやすくデザインされています。
