株式会社フジメディカル

ファーストビューから医療現場のバイタルを見逃さない、という力強いメッセージを生命の息吹を感じさせる瑞々しくしなやかなデザインで見事に体現した医療機器メーカーのコーポレートサイトです。全体を包み込むのは、清潔感と透明感に溢れたホワイトとクリアブルーの美しいグラデーション。そこに、細胞や水滴を連想させる有機的な形状の3Dガラスモーフィズムを大胆に配置することで、命を扱う医療領域の神秘性と、最先端のテクノロジーがもたらす先進性を視覚的に表現しています。医療機器という極めて高い専門性と正確性が求められる業種でありながら、冷たく無機質な印象は全くありません。製品一覧や従業員紹介のセクションでは、柔らかな自然光の中で真摯に働く社員たちの生き生きとした表情や、クリーンルームでの精緻な製造風景を、高品質な写真で丁寧に切り取って配置。アクセントとなる深いネイビーがテキストやボタンを知的に引き締め、医療を支える企業の誠実で揺るぎない信頼感を表現。命を救う現場の緊張感と、そこで働く人々の温かな情熱が、洗練されたデジタルの機能美の中で穏やかに共存する洗練されたサイトです。

ALGO ARTIS(アルゴ・アーティス)

知性と先進性を象徴する鮮やかなロイヤルブルーをメインカラーに据えて「複雑さを、社会を支える力へ。」という力強いビジョンを体現した、AIソリューション企業のコーポレートサイト。薄いグレーをベースとしたクリーンな余白の中に、細い線や円を用いた幾何学的なグラフィックがダイナミックに配置されています。膨大で複雑なデータがアルゴリズムによって紐解かれ、最適化されていくプロセスや高度なIT技術を表現しているようです。一方で、無機質になりがちな最先端の技術系サイトでありながら、中盤では物流や産業現場のリアルな写真を力強く展開。さらに終盤の採用エリアでは、柔らかな光が差し込むオフィスで議論を交わす社員の姿を配置。難解な数理アルゴリズムというデジタルの機能美と、実社会の課題を解決して事業を支えるという熱い人間味が、洗練されたレイアウトの中で交差しています。グレーとブルー、白の組み合わせのクリーンな技術イメージでBtoBの強固な信頼感と、技術が切り拓く未来への躍動感が同居する設計です。

EMS・UNIVERSE合同採用サイト

スライドショーのファーストビューに「会社のつづきを守る仕事。」という真っ直ぐなコピーが胸を打つ、企業2社の合同採用サイトです。環境・産業廃棄物という極めて専門性の高い業種でありながら、全体を淡いブルーグリーンやオフホワイトの爽やかな色調で包み込むことで、求職者に寄り添う透明感とクリーンな印象を際立たせています。一方で、テキストやUIの要所には深いネイビーを採用し、ビジネスとしての確かな知性と誠実さを担保しています。視覚的な特徴として目を惹くのが、背景にふわりと浮かぶ色とりどりのブロックのモチーフです。ファイルのインデックスのようなセクションの見出しや、角丸の写真のループなどともマッチし、これらが重なり合い、形を変えていく抽象的なあしらいは、異なる企業同士が出会い融合していくプロセスや、未来へ向けたピースを繋ぎ合わせる事業の本質を美しく暗喩しているようです。淡くモダンな背景色に対して、現場で働く社員たちの真剣な眼差しや柔らかな表情を捉えた写真がくっきりと浮かび上がり、プロフェッショナルとしての心地よい緊張感と風通しの良い職場の雰囲気を同時に伝えています。専門的な領域の仕事を、洗練された余白と知的なグラフィックでスマートに紐解くデザインです。

株式会社アサヒペン 採用サイト

塗料メーカーとして長い歴史を持つ老舗企業でありながら、堅苦しさや古さを一切感じさせない、親しみやすさと温もりに満ちた採用サイトです。ファーストビューから全編にわたって展開される、アイソメトリック調や親しみやすいタッチの線画イラストが最大の魅力です。実写の写真をあえて使わずイラストをメインに据えることで、塗料という商材の専門的なハードルを下げ、働く姿を求職者の想像力に委ねる心理的な余白を生み出しています。配色は、清潔感のあるホワイトをベースに、知的で誠実なネイビーをテキストやボタンに採用。そこに、コーポレートロゴを連想させる赤、オレンジ、緑、青を、淡く優しいパステル調のアクセントカラーに変換して各セクションに散りばめています。これにより、企業のアイデンティティを保ちながらも、全体的に柔らかくモダンな印象を作り出しています。手書き風の英字フォントや丸みのあるあしらいが、UIに心地よいリズムと人間味をプラス。実線に隙間を持たせたイラストの抜け感や、ころんとした太字フォントが、マーカーで描いたような風合いを生み、塗料メーカーならではのクラフト感を表現しています。長く働ける会社」というメッセージを、視覚的な優しさと整ったレイアウトで体現した、求職者に寄り添うデザインです。

熊本ドック株式会社

造船という重厚長大な産業のスケール感と、海を舞台にする企業の誇りを、深いブルーとダークグレーを基調とした配色でダイナミックに表現したコーポレートサイト。ファーストビューの “FROM THE SEA TOWARD THE FUTURE” という力強いメッセージと、造船所の巨大なクレーンや船影を捉えた臨場感あふれる高品質な動画が、見る者を圧倒するインダストリアルな魅力を放っています。全体的に直線的でソリッドなレイアウトを採用しつつ、流麗でモダンな欧文タイポグラフィを組み合わせることで、無骨になりがちな製造業のイメージを洗練されたスマートな印象へと美しく昇華させています。中盤の事業紹介や製品群のセクションでは、写真をグリッド状に整然と配置し、余白を活かすことで視認性と情報の探しやすさを高度に両立。後半に登場する斜めに切り取られたダイナミックなレイアウトはリクルートセクションで定番の写真の無限ループ。現場で働く社員たちの生き生きとした姿が、堅牢な技術力だけでなく、未来へ前進する企業の躍動感と熱量をスタイリッシュに表現。重厚なインダストリアルな世界観と、Webとしてのモダンな洗練が心地よく共存するデザイン設計です。

湘南工科大学 オープンキャンパス

フレッシュでエネルギーに満ちたライムグリーンをメインカラーに大胆に敷き詰め、知的でシャープなネイビーをアクセントに効かせた、極めてポップでサイバーなカラーデザインと、ファーストビューのメカニックなキャラクターイラストと、ストライプラインのアクセント。工科大学らしいテクノロジーのイメージと、オープンキャンパスに向けた高校生のワクワク感・若々しさを、見事に両立させています。宙に浮くようなイラストやドットパターンのあしらいが、ゲームやアニメのような近未来的な世界観を創出し、「やってみたいが、はじまりの一歩。」というキャッチコピーの通り、新しい体験への期待感を高めます。一方で、スケジュールやピックアップイベントといった具体的な情報群は、ブループリントを連想させるようなスッキリとした白背景のカードUIの中に端正に収められており、派手なビジュアルに情報が埋もれないよう綿密に計算されています。全体のレイアウトは、背景のダイナミックなグラフィックと、整然とした情報ブロックの緩急が非常に優れています。エッジの効いたサイバーポップな世界観でターゲットの心を掴みつつ、オープンキャンパスの参加に必要な情報は迷わず取得できる、エンターテインメント性とユーザビリティが高度に融合した特設サイトです。

株式会社アペック【東北電力指定の配電工事会社】

信頼感と誠実さを象徴する深いネイビーブルーと、澄み渡る空や未来を連想させる鮮やかなスカイブルーを基調とし、クリーンなホワイトを組み合わせた、知的で爽やかな配色設計です。インフラやエネルギーを支える企業としての堅実さと、未来を拓く先進性が視覚的なコントラストとして美しく表現されています。構成の最大の特徴は、角を大きく丸めた柔らかなカードUIや画像切り抜きと、背景に大胆に配置された大きなロゴマークのあしらい、そして画面を横断するマーキーの組み合わせです。業界の硬さのイメージを角丸のシェイプで優しく和らげつつ、要素を少しずつ重ねるオーバーラップの手法を用いることで、空間にダイナミックな奥行きとスケール感を生み出しています。各要素が下から滑らかに浮かび上がるフェードインのモーションで、街にエネルギーを巡らせるような途切れない連続性と躍動感を表現。ホバー時には、カード内の画像が微細にズームアップしたり、背景色が直感的に変化するといった控えめなインタラクションを採用。ダイナミックなビジュアルの中でも、ユーザーを自然と事業内容や採用情報へと導きます。

VENECT(ヴェネクト)

クリーンなホワイトと淡いライトグレーを基調色に、知性と信頼感を感じる鮮やかなロイヤルブルーをアクセントカラーとして効かせた、極めて洗練されたモダンな設計です。フッターやファーストビューに引き締まった黒を配置することで全体のコントラストを高め、BtoBのマーケティングエージェンシーにふさわしい、プロフェッショナルで説得力のある空気感を演出しています。余白を贅沢に活かしたエディトリアルデザインが特徴的。英語の見出しにはエレガントでクラシカルなセリフ体を大きく配置し、本文には可読性の高いモダンなゴシック体を組み合わせることで、知的な品格と現代的なシャープさを両立させています。情報を詰め込みすぎず、カードやアコーディオンメニューでグリッドに沿って整理されたレイアウトが、論理的で淀みのないクリアな視線誘導を実現しています。ホバーアクションは、ミニマルなデザインの美しさを一切損なうことなく、ユーザーを自然とソリューションや実績の詳細へと導く、極めて完成度の高い堅実な導線設計となっています。豊かな余白とロイヤルブルーの中に、エレガントなセリフ体と精緻なグリッドが光るサイトです。

FOOTAGE(フッテージ)中途採用サイト

ファーストビューから画面いっぱいに広がる、笑顔の職員のダイナミックな切り抜き写真と、「ぜんぶまるごとたのしめ!」という躍動感のある巨大なタイポグラフィから世界観が溢れ出しています。堅苦しいグリッドにとらわれず、ポップなイラストや大きな文字、縦書きのコピーなどをリズミカルに配置することで、まるで楽しい雑誌を見ているかのような、ワクワクする視線誘導を実現しています。配色は、クリーンなホワイトとベージュをベースに、温かみのあるオレンジと深みのあるネイビーなど、他の色とのグラデーションで極めてエネルギッシュでポジティブな設計。訪問看護という医療・福祉分野にありがちな堅さや静けさを払拭し、働くことの楽しさやチームの明るい雰囲気を視覚的に強く印象付けています。モーションは、各要素がポンと飛び出してきたり、背景のテキストが流れたりする楽しげな挙動で、サイト全体に活き活きとした生命感と勢いを与えています。ホバー時にはカード要素がズームしたり、視認性の高いボタンが鮮やかに変化するといった直感的なインタラクション。ユーザーを迷わせることなく、自然とインタビューや募集要項へと導く、元気で使いやすい導線設計となっています。

協業・新規事業開発・スタートアップ支援|株式会社ユニッジ

ファーストビューから優しい動きがあり、深みのあるダークトーンを基調に、ブルー、パープル、ピンク、オレンジといった鮮やかで幻想的なメッシュグラデーションを大胆に掛け合わせた、近未来的で洗練された配色設計が目を惹きます。暗闇の中に浮かび上がるオーロラのような発光感が、新しい価値を創出する企業の先進性とクリエイティビティを視覚的に強く印象付けています。構成の最大の特徴は、この流体的なグラデーション背景と、極めて整然とした構成設計のセクションとの対比です。広大な余白の中に、エレガントでクラシカルなセリフ体の英字見出しと、モダンなゴシック体の本文を組み合わせることで、テック感の強いビジュアルの中に知的で信頼感のある品格を担保しています。ダーク背景とホワイト背景のセクションをメリハリ良く切り替えることで、心地よい視線誘導を実現しています。スクロールに呼応するモーションは、見出しが短い距離を滑らかに浮かび上がる静かなフェードインで統一され、背景のグラデーションが持つ柔らかく漂うような世界観と美しく調和しています。ホバー時には、画像が微細にズームする、あるいはボタンが滑らかに反転するといった空間のノイズにならない洗練されたインタラクションが採用され、ミニマルに配置されたリッチなボタンやテキストリンクが、ユーザーを自然に実績やインタビュー記事へと導く、完成度の高い導線設計となっています。

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901