デジタルグリッド株式会社

「エネルギーの民主化」を掲げるデジタルグリッド株式会社のコーポレートサイト。全体を包み込むクリーンなホワイトの広い余白に、先進的なテクノロジーを感じさせる鮮やかなブルーを主軸とし、再生可能エネルギーを象徴するグリーンやイエローのグラデーションが、サイトに明るい活気を与えています。デザインの最大の鍵は、ページ全体をダイナミックに駆け巡る、太く有機的なラインアニメーションのあしらいです。これがエネルギーの滑らかな流れや、プラットフォーム上で交差する人々の選択肢を視覚化し、無形である電力取引やシステムの仕組みを、直感的かつ未来的なワクワク感とともにユーザーへ伝えています。中盤の事業紹介では、風力や太陽光などの美しい実写写真と角丸のカード型UIを組み合わせ、複雑になりがちなインフラ事業を親しみやすく整理。カーソルを置くとカードの色が変化しホバー状態を可視化し、ユーザーにわかりやすく情報を届けます。終盤の採用エリアでは、働く人々の姿を写真と動画を組み合わせて端正に配置し、そこへエネルギーのラインが繋がっていく演出が秀逸です。革新的なビジョンと誠実な企業姿勢が融合したデザインです。

BlueBank(ブルーバンク)株式会社

金融という硬質な業界イメージを、先進的かつ洗練されたトーンで見事に覆すFintech企業のコーポレートサイトです。ファーストビューで出迎えるのは、深海や宇宙を思わせる神秘的で鮮やかなブルーの球体グラフィックと、グラスモーフィズムの円形ガラスが、「経営者を解き放つ」という力強いメッセージと重なり合い、未来へ向けた企業のスケール感やイノベーションへの期待を視覚的に表現。このファーストビューからすりガラスやリキッドガラスの質感が随所で光り、サイト全体を現代的で洗練された印象を与えています。構成はクリーンなライトグレーをメインに、広々とした余白が特徴です。しかし、サービス紹介のセクションでは一転して背景をソリッドな漆黒へと切り替え、暗闇に浮かび上がるようにスマートフォンのアプリ画面を配置。この明暗の劇的なコントラストが、デジタルプラットフォームとしての高い機能性と、スタイリッシュな没入感を際立たせています。さらに、各情報を収めるカードUIやボタンには柔らかい角丸を採用し、主な見出しは安定感のあるゴシック体とMarcellusのアルファベットを組み合わせ、金融サービス特有の堅苦しさを巧みに排除しています。確かな信頼感と、テクノロジーがもたらす新しい体験のワクワク感を両立させ、経営者の挑戦を後押しするブランドの姿勢が隅々から伝わる美しいデザイン設計です。

横浜銀行 IT・デジタル人財向け採用サイト

ファーストビューから続く巨大なタイポグラフィと、スマートフォンやノートPCなどのデバイスが空間を浮遊するような3Dのビジュアル表現が特徴的なサイトです。背景にはテクノロジーや正確性を暗示するドットグリッドが敷き詰められており、IT・デジタル人材の知的好奇心を刺激するサイバーでモダンな空間が構築されています。ABOUT USでは、実績や数値を大きなタイポグラフィでインフォグラフィックのように配置し、説得力と情報の見やすさを両立させています。配色は、清潔感あるホワイトをベースに、銀行の持つ信頼感や誠実さを象徴する深いブルーと、先進性やデジタルの広がりを感じさせる淡いライトブルーのグラデーションを組み合わせた、知的で未来志向な設計です。伝統的な金融機関の堅いイメージを払拭し、テクノロジーを駆使した新しい銀行の姿を視覚的に発信しています。スクロールに呼応するモーションは、デバイスの画像が視差効果を伴ってダイナミックにスライドしたり、見出しが下から滑らかにフェードインする洗練された挙動で統一されています。浮遊するデバイスと精緻なドットグリッドが魅せる、先進的なイメージとクリーンな世界観のリクルートサイトです。

VISION to STRUCTURE

クリーンな配色と控えめなアニメーションが生み出す、ノイズのない品格と説得力のある空間設計。白に近い薄いグレーをベースに、控えめなアニメーションのグラフィック。実写に頼らず、ペールトーンの抽象的な立体図形を組み合わせることで無形のテーマを表現する知的なアプローチ。タイポグラフィは繊細で美しい明朝体を主軸に据え、印象的な企業メッセージを縦書きで配置。たっぷりと確保された余白と細身のウェイト設定が言葉一つひとつに重みを持たせ、まるで上質な詩集のような空気感を構築しています。企業のビジョンや無形のテーマを、抽象的な立体図形を組み合わせることでコンセプチュアルに表現。見えないグリッド上で縦書きと横書きを交差させ、要素をアシンメトリーに配置する大胆な余白設計により、優雅でゆったりとした視線誘導を実現しています。CTAのホバーアクションは背景色変化でフォーカスを可視化しており、空間を生かして配置されたミニマルなリンク要素が、ノイズにならずにユーザーを自然と次のアクションへ導く、洗練された導線設計となっています。

Coral Capital

幕開けを飾るのは、ユニークなイラストと意志を宿したフォントが躍動する、独創的なアニメーションです。その鮮烈な演出は、瞬時に観る者を深い没入へと誘います。細部にまで抜かりなく施されたホバーアクションや、スクロールに呼応するエフェクトも、一貫した世界観を精緻に描き出し、サイト全体に心地よいリズムを与えています。独特な余白の取り方と、理知的な強さを秘めたSans Serif体のタイポグラフィは、情報の解像度を極限まで高めています。特筆すべきは、全編に漂う粒子のテクスチャが生む、類稀なる統一感でしょう。デジタルな空間に有機的な温度感を宿すことで、洗練された可読性とアーティスティックな質感が美しく共鳴しています。革新的な精神と誠実な姿勢が同居した、唯一無二のブランド体験を鮮やかに可視化しています。

クラウドローン株式会社 採用サイト

クラウドローン株式会社の採用サイトです。ベースとなるのは、ノイズのないクリーンなライトグレーの空間と、力強いブラックのタイポグラフィで骨格を立てた端正なトーン。そこに、先進性と活気を象徴するライムグリーンのアクセントカラーを効かせることで、フィンテック領域を牽引する企業としての洗練された知性と挑戦的なエネルギーを見事に同居させています。特筆すべきは、高い視認性と世界観を担保するトーン&マナーの統一感です。写真は明度・色温度・彩度を丁寧に揃えたフィルム調でレタッチされ、どのセクションでも一貫した上質な佇まいをキープ。見出しや画像が現れるスムーズなスライドインや、アクセント色と同期して伸びる下線やアイコンなど、一貫したモーション言語が心地よい前進感を生み出しています。一見ランダムに散りばめられたようなレイアウトも、緻密なグリッドシステムと計算された余白により導線が自然と整理され、流れるような滑らかな視線誘導を実現。細部へのこだわりと静かなホバー反応が触れどころを心地よく示し、企業の誠実さとクリエイティブへの美意識が自然体で伝わるデザイン設計です。

クラウドローン株式会社

ローンや金融という本来お堅く見えがちな業種のイメージを覆す、親しみやすさと先進性が融合したモダンなデザインです。ユーザーを惹きつける特徴的なファーストビューの、“Turn someday into steps” というメッセージを体現するように、パネルや水滴を思わせる有機的で柔らかなグラデーションシェイプが画面全体に浮遊し、ユーザーの心理的ハードルを優しく下げています。配色は、安心感や成長を連想させる鮮やかなグリーンを主軸にしつつ、パステルカラーを散りばめることで温かみを演出。一方で、要所に配置された黒のカプセル型ボタンや、太字のサンセリフ体タイポグラフィが、画面全体をシャープに引き締め、単なる可愛いサイトで終わらせない金融×テック企業としての信頼感と洗練さを担保しています。サービス紹介エリアでは背景をグリーンに切り替え、クリーンなUIイラストを用いることで複雑な仕組みを直感的に伝達。チームの自然体な写真と柔らかなあしらいが見事に調和し、テクノロジーの力でユーザーに寄り添う企業のスタンスが、視覚体験を通して伝わってくる優れたコーポレートサイトです。

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