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

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

VENECT(ヴェネクト)

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

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

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

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

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

アートアクアリウム | ART AQUARIUM

アートとアクアリウムの「闇」と「光」の対比空間をWeb上に完全再現した、没入感あふれるダークトーンのWebサイト。漆黒の背景色が金魚の鮮烈な赤やライティングの極彩色をドラマチックに引き立て、画面全体がひとつの水槽であるかのような妖艶な雰囲気を醸成しています。文字は繊細な骨格を持つ明朝体をゆったりとした字間で組むことで、和の「静寂」と現代アートの「鋭さ」を同時に表現。レイアウトは、クオリティの高い写真の配置と、グリッドを崩して重ねるなど、規則性の中に動きを持たせ、回遊する金魚のような流動的な視線誘導を実現しています。モーションは主にファーストビューの臨場感のある動画や、画像がわずかにズームするパララックス効果を取り入れ、水中の抵抗を感じさせるような優雅な時間軸を構築。CTAとなるチケット購入ボタンをウィンドウ下部に固定し常に視界に入るよう配置され、幻想世界への入り口として機能的にデザインされています。

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