ハイブリッドホーム
住まいを豊かにするリフォーム企業のサイトですが、一般的な建築業の堅実でお堅いイメージを根底から覆す、一冊の絵本のようにワクワクするデザインに仕上げられています。最大の魅力は、サイト全体を一軒の大きな家に見立てた大胆でユニークな構成。画面をスクロールするごとに別のフロアへと視点が移り、ダイニングで会議する様子や、お風呂でのんびりする風景など、それぞれの部屋で展開される温かな日常のイラストが、見る者の心を優しく惹きつけます。背景には爽やかなライトブルーの空と白い雲が広がり、建物の骨組みとなる煉瓦のテラコッタブラウンが画面全体にどっしりとした安心感と温もりを付与。そこにアクセントとなるグリーンをボタンやロゴに配することで、空間全体をクリーンに引き締めています。専門的で難しくなりがちな施工事例やスタッフ紹介といったコンテンツも、この家の中のポスターや窓の景色のように違和感なくシームレスに配置。リフォームという工事の物理的なハードルを取り払い、その先にある理想の暮らしのストーリーを疑似体験させてくれる、世界観が光るデザイン設計。
EMS・UNIVERSE合同採用サイト
スライドショーのファーストビューに「会社のつづきを守る仕事。」という真っ直ぐなコピーが胸を打つ、企業2社の合同採用サイトです。環境・産業廃棄物という極めて専門性の高い業種でありながら、全体を淡いブルーグリーンやオフホワイトの爽やかな色調で包み込むことで、求職者に寄り添う透明感とクリーンな印象を際立たせています。一方で、テキストやUIの要所には深いネイビーを採用し、ビジネスとしての確かな知性と誠実さを担保しています。視覚的な特徴として目を惹くのが、背景にふわりと浮かぶ色とりどりのブロックのモチーフです。ファイルのインデックスのようなセクションの見出しや、角丸の写真のループなどともマッチし、これらが重なり合い、形を変えていく抽象的なあしらいは、異なる企業同士が出会い融合していくプロセスや、未来へ向けたピースを繋ぎ合わせる事業の本質を美しく暗喩しているようです。淡くモダンな背景色に対して、現場で働く社員たちの真剣な眼差しや柔らかな表情を捉えた写真がくっきりと浮かび上がり、プロフェッショナルとしての心地よい緊張感と風通しの良い職場の雰囲気を同時に伝えています。専門的な領域の仕事を、洗練された余白と知的なグラフィックでスマートに紐解くデザインです。
関東総業株式会社
青空のように爽やかで透明感のあるブルーを全面に押し出し、インフラ業界の堅苦しいイメージを爽快に覆すコーポレートサイトです。ファーストビューは表情の伝わる仕事風景の写真を大きく使用し、直下から広がる高く澄み渡る空と、肩を並べて笑顔を見せる社員たちの姿は、風通しの良い社風と、チームワークで街の基盤を支える仕事への誇りを物語っているようです。メインカラーの明るいブルーは、社員が着用する作業服の色と視覚的に見事にリンクしており、そこにヘルメットやコンバージョンボタンに用いられたアクセントカラーのイエローが加わることで、画面全体に若々しい活力と親しみやすさを生み出しています。また、実際の作業風景を切り取った臨場感のある写真だけでなく、後半のセクションでは社員の切り抜き写真とポップな線画イラストに手書きフォントを組み合わせ親近感のあるユニークなレイアウト。これにより、専門的でハードに思われがちな鉄道電気工事の仕事を、より身近で魅力的な職業として印象付けています。「人を支える」というインフラの本質を、温かみのあるゴシックのタイポグラフィと清潔感溢れるたっぷりの余白で包み込み、誠実さと明るい未来への期待感を同時に抱かせる、洗練されたコーポレートサイトです。
PLAZA 60th Anniversary | PLAZA60周年記念サイト
PLAZAの象徴である鮮やかなブルーとクリーンな白と水色をメインに、ピンク、イエロー、オレンジといったビビッドなマルチカラーを大胆に散りばめた、まるでおもちゃ箱を開けたようなポップでワクワクする配色設計です。60周年というアニバーサリーの祝祭感と、海外雑貨を扱うショップならではの多様な楽しさを視覚的に爆発させています。画面の至る所に配置された海外アニメのような手描き風キャラクターイラストと、極太で丸みを帯びたポップなタイポグラフィの組み合わせも、このおもちゃ箱の世界を作る重要な要素です。ハンバーガーやクッキーなどのコミカルなイラストが、キャッチコピーを囲むように配置されたり、コンテンツの合間に顔を出したりすることで、ユーザーの視線を楽しく下へと誘導します。一方で、コラボグッズやヒストリーの紹介セクションは、角を大きく丸めたカード型UIを用いて規則的に配置されており、非常に賑やかなビジュアルでありながらも情報が散らからず、見やすく整理されている点に高い構成力が光ります。スクロールするごとにキャラクターや見出しが弾むようにぽよんと現れたり、カラフルなボタンがホバーで小気味よく反応するなど、サイト全体でユーザーをワクワクさせ続けるデザイン。長年のファンに感謝を伝えつつ、PLAZAというブランドの根底にある「見つける楽しさ」を余すところなく体現した、エンタメ性とユーザビリティが高度に融合する特設サイトです。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
キャムコムグループ 採用サイト
ページ全体で画面をダイナミックに貫く斜めのラインとダイヤ型を多用したエネルギッシュなレイアウトが特徴的な採用サイト。要素を水平垂直のグリッドに収めるのではなく、あえて斜めに切り取ったり、ひし形の図形を交差させたりすることで、既存の枠組みや常識を打ち破るような強いエネルギーと上昇志向を空間に生み出しています。このエネルギッシュさはモーションでも表現されており、スクロールする毎にひし形のグラフィックが斜め方向へ交差するようにスライドインする開始アニメーションなど、エッジの効いたシャープな挙動で統一。CTAのホバー時には、グラデーションカラーのボタンが滑らかに光を帯びるように変化する洗練されたインタラクションや、矢印アイコンが滑らかにスライドするなど、クールで先進的なビジュアル表現の中で、求職者の知的好奇心を刺激しながら、自然と企業理解やエントリーへと導く、エンターテインメント性と機能性が高度に融合した導線設計となっています。サイトのカラーリングとして、透明感のある爽やかなペールブルーを基調に、企業の信頼感とスケール感を示すディープネイビーを合わせ、アクセントとして近未来的で多彩なホログラムグラデーションを効かせた、極めてスタイリッシュで躍動感のある配色設計。多彩なグラデーションが、多様な人材の個性や、これから開花する未知のポテンシャルを視覚的に表現しています。
東横INN 新卒採用サイト
清潔感のあるクリーンなホワイトと、ブランドカラーである誠実なブルーを基調とし、エネルギッシュなオレンジをアクセントに効かせた、爽やかで熱量のある配色の採用サイトです。ホテル業界に不可欠な信頼感や安心感をブルーのグラデーションでしっかりと担保しつつ、鮮烈なオレンジが新卒採用ならではのフレッシュな勢いと、「Cheer for Start! 出発を応援する」というコンセプトの温かさを視覚的に伝えています。構成の最大の特徴は、コンセプトである応援の象徴としてのフラッグやメガホンをモチーフにした、三角形のグラフィックと斜めのラインの多用です。画面全体を舞う大小の三角形や、風になびく巨大な旗のビジュアルが、ダイナミックなスケール感と右肩上がりのポジティブなエネルギーを生み出しています。また、社員の写真をあえて斜めに切り抜いたり、リズム感のある配置にすることで、静的になりがちなコーポレート情報を躍動感あふれるエンターテインメントへと昇華させています。
横浜銀行 IT・デジタル人財向け採用サイト
ファーストビューから続く巨大なタイポグラフィと、スマートフォンやノートPCなどのデバイスが空間を浮遊するような3Dのビジュアル表現が特徴的なサイトです。背景にはテクノロジーや正確性を暗示するドットグリッドが敷き詰められており、IT・デジタル人材の知的好奇心を刺激するサイバーでモダンな空間が構築されています。ABOUT USでは、実績や数値を大きなタイポグラフィでインフォグラフィックのように配置し、説得力と情報の見やすさを両立させています。配色は、清潔感あるホワイトをベースに、銀行の持つ信頼感や誠実さを象徴する深いブルーと、先進性やデジタルの広がりを感じさせる淡いライトブルーのグラデーションを組み合わせた、知的で未来志向な設計です。伝統的な金融機関の堅いイメージを払拭し、テクノロジーを駆使した新しい銀行の姿を視覚的に発信しています。スクロールに呼応するモーションは、デバイスの画像が視差効果を伴ってダイナミックにスライドしたり、見出しが下から滑らかにフェードインする洗練された挙動で統一されています。浮遊するデバイスと精緻なドットグリッドが魅せる、先進的なイメージとクリーンな世界観のリクルートサイトです。
プロネッツ 2027年度 採用サイト
鮮やかで清涼感のあるシアンブルーとクリーンなホワイトを基調に、テキストやボタンにソリッドなブラックを配した、極めて爽やかでコントラストの効いた配色設計です。この印象的なブルーがIT企業らしい先進性や知的さを担保しつつ、フレッシュでポジティブなエネルギーを視覚的に発信しています。背景全体に大胆にレイアウトされた巨大なタイポグラフィと、そこにうっすらと掛けられたノイズのようなテクスチャが今時のビジュアル。画面の枠にとらわれないダイナミックな文字の配置が、企業としてのスケール感や勢いを印象付けると同時に、サイトの大きな特徴になっています。一方で、社員インタビューなどのコンテンツ部分は、角を丸めたカードUIを用いて整然とグリッド状に配置することで、親しみやすさと情報の読みやすさを両立させる情報設計を実現。鮮烈なシアンブルーに、大胆な背景レイアウトと角丸UIの対比が魅せる、先進性と親しみやすさのハイブリッドで仕上げられたサイトです。
株式会社サイバーリンクス｜新卒・キャリア採用情報
クリーンな水色と淡いブルーをメインとし、そこに赤、イエロー、グリーン、ブルーなどが溶け合う、鮮やかでノイズ感のあるトレンド感ある多色グラデーションをアクセントとして大胆に配置した配色のサイト。テキストやボタンには深いネイビーブルーを用いることで、IT企業としての確かな信頼感と画面全体の引き締まったコントラストを確保しつつ、グラデーションの持つ多様性やエネルギーを魅力的に引き立てています。最大の特徴は、背景を彩る交差する円形のグラデーションシェイプと、角を大きく丸められたカードUIの組み合わせです。IT・インフラ業界にありがちな直線的で硬いイメージを払拭し、広大な余白の中に丸みを帯びた要素を配置することで、そこで働く人の温もりや親しみやすさを視覚的に表現しています。流体的な動きが先進的でありながらも穏やかな空気感を生み出す、信頼感と先進性のハイブリッド・デザインです。
