武蔵野美術大学 市ヶ谷キャンパス
大学キャンパスの紹介サイトとしてファーストビューから施設の魅力的なグラフィックが印象的。サイトカラーはテクスチャーのある薄いグレーと白背景の境界線を組み合わせ、テキストやグラフィックにブラックを用いて明快な情報の切り分けを特徴的に。写真は彩度と明度を抑え、色温度をニュートラルに整えることで、建築や学生の活動を客観的かつ静謐に捉えるトーンに統一。見出しには洗練されたサンセリフ体、本文に可読性の高いゴシック体を採用。英語と日本語を軽めのウェイトで並記し、字間を詰めることで、情報の密度とスピード感を両立。たっぷりとした余白を活かしたレイアウトは、厳格なグリッドシステムに基づく見えない線で各要素が整列されており、まるで建築物のような堅牢な骨格を形成しています。スクロールに伴うモーションは、要素が下から上へ緩やかなイージングを伴ってフェードインする挙動で統一され、画面全体にリズムを生んでいます。マイクロインタラクションは、リンク要素へのホバー時に背景色が変化し、アイコンの移動等に限定され、操作に対するフィードバックが即座に返ります。
富山BPOタウン RECRUIT BRAND SITE
温かみのあるオフホワイトをベースに、アクセントで鮮やかなオレンジと深みのあるブルーを用いた、親しみやすく活気のある配色。ファーストビューから特徴的なイラストで、スクロールに呼応するモーションは、イラストやカード要素がポップに現れる挙動で統一され、柔らかい世界観を損なわない一貫性と遊び心が同居。画面右下で追従するイラストアニメーションはセクションによってコメントを変え、細部までこだわりを感じます。掲載写真は温かい色温度で統一され、人物の自然な表情を引き立てています。タイポグラフィは丸みを帯びたゴシック体を軸に、見出しと本文で明確なウェイト差をつけて情報の階層化を図り、ゆとりのある字間・行間設計がリラックスした空気感を生んでいます。レイアウトは基本のグリッドを保ちつつも、セクションの境界に波打つような曲線を大胆に配置することで、絵本を読み進めるような滑らかな視線誘導を実現。アクセントカラーを用いたCTAは十分な余白の中に配置されることで高い視認性を確保し、ユーザーを迷わずエントリーなどの次なるアクションへと導く堅実な導線設計となっています。
株式会社トレスエルマノス
企業の強い信念を体現する、モノトーンと鮮烈なレッドを掛け合わせたソリッドなデザイン。言葉そのものをビジュアルアートに昇華させたエディトリアルデザインです。ジャンプ率を持たせたキーワードがマニフェストのように視覚へ飛び込み、圧倒的なメッセージ性を放ちます。スクロールに合わせて要素が現れるエフェクトで、閲覧者にただ情報を伝えるのではなく、体験を促す設計で没入感を与えます。背景には細かな粒子状のグラフィックがうごめき、鮮烈なレッドの円形モチーフとメンバーの顔写真が有機的に交じり合うことで、企業に渦巻く熱気と個のエネルギーを前衛的に表現しています。グリッドに縛られない有機的なレイアウトで、テキストや画像が画面を浮遊・浸食するような設計で、型にハマらない企業のスタンスを体現しているようです。
株式会社ノベルティ採用サイト
鮮やかなウルトラマリンブルーとシルバーグレーを組み合わせた、デジタルネイティブ世代に響くエネルギッシュでポップな配色です。ファーストビューで「CHANCEしかない」という採用コンセプトを体現する、高彩度のブルーが視覚的なインパクトを与え、企業の勢いと先進性を強烈に印象付けています。スパークルの菱形星や3D調のアイコン、ステッカー風のあしらいを散りばめ、コラージュのような遊び心あるレイアウトに、視認性の高いゴシックのフォントをベースにしつつ、キャッチーな手書き風フォントやイタリックの欧文をアクセントにしています。これにより、デジタルな世界観の中に人の温度感やスピード感を巧みに混在させています。背景に流れるマーキーテキストや斜めのラインが、画面全体に絶え間ない動的なリズムを生み出しています。モーション言語は、スクロールに合わせて要素がポップアップしたり、背景のテキストが流れ続ける演出を取り入れ、ユーザーのワクワク感を刺激するエンターテインメント性を重視。ボタンのホバーアクションでグラデーションが現れ、先進的な印象を後押しし、鮮やかなブルーのブロックや立体的なデザインで直感的に操作できるよう配置され、楽しげな世界観を保ちつつも確実にエントリーへと導く、機能的かつ情緒的な導線設計となっています。
株式会社ヤマダイグループ
白をベースに、ブランドカラーである鮮やかな赤と青をアクセントに効かせた、爽やかで信頼感のある設計。水産・食品加工という業種の特性を活かし、海の青さを想起させるクリーンな世界観で統一されています。写真は、働く人々の笑顔や新鮮な食材、港の風景などを明るいトーンで捉え、企業の透明性と活気を視覚的に伝えています。特徴的なところは波打つような曲線や角丸のシェイプを多用し、海や水のイメージをデザイン全体に浸透させています。これにより、セクション間のつながりが滑らかになり、スクロールするごとに物語が展開していくような心地よいリズムが生まれます。 タイポグラフィは、視認性の高い太めのゴシック体を採用し、力強さと実直さを表現。見出しの英字には動きのあるデザインを取り入れ、硬くなりすぎないモダンな印象をプラスしています。CTAはホバー時に色が変化する、アイコンが動くなどのマイクロインタラクションがユーザーの操作を軽やかに後押しする親切な導線設計となっています。また、スクロールに合わせて要素がふわっと浮き上がるフェードインや、波のシェイプがゆったりと揺れるアニメーションを採用し、海辺のような穏やかな時間の流れを演出しています。
クリニック杜の里｜金沢市の消化器内科・内視鏡内科
クリニックの特徴的な建物のフォルムをポイントに、柔らかなクリーム色をベースに、ブランドカラーであるエメラルドグリーンをアクセントに効かせたサイト。優しさと安心感を両立させた配色設計で医療機関に求められる清潔感を保ちつつ、緊張を和らげるような柔らかなトーンで統一されています。木々や鳥などのイラストを水彩風のタッチで全体に散りばめている点が特徴的。これにより、「クリニック杜の里」という名の通り、まるで森の中にいるような安らぎの空間をウェブ上で表現しています。タイポグラフィは、親しみやすいゴシック体を主体にしつつ、見出しと本文にジャンプ率をつけてメリハリをつけています。レイアウトは、緩やかな曲線や斜めのラインを効果的に使い、スクロールするごとに物語が進んでいくような、流れるような視線誘導を実現しています。閲覧者の心地よさを最優先にし、抑制の効いたモーション言語は、イラストがふわふわと揺れたり、じわっと現れるアニメーションが、静的なページに穏やかな生命感を与えています。CTAボタンはグリーンのグラデーションで視認性を高めつつ、角を丸くすることで全体の柔らかな雰囲気に馴染ませ、クリックへの心理的障壁を下げる丁寧な導線設計となっています。
LUMISTAGE｜次世代型ライバー支援事務所
鮮烈なイエローをベースに、シアン、マゼンタ、ライムグリーンといったネオンカラーを奔放に散りばめた、エネルギッシュでサイケデリックな配色。この極彩色のコントラストが、エンターテインメントの熱狂と多様性を直感的に伝えています。随所に配置された目のモチーフやスパイク状のシェイプが、ポップなキャラクター性を強調し、ブランドの親しみやすさを加速させています。見出しのフォントは賑やかなビジュアルに対してあえて格調高いセリフ体の欧文を見出しに採用。このポップとクラシックの意外性ある組み合わせが、混沌とした中にも芯の強さを感じさせる独特の世界観を構築しています。画面を大胆に横断する波形のラインや斜めの構図が視線をリズミカルに誘導し、スクロールするたびに新しい色が飛び込んでくるような動的な構成と、画面下部で絶えず流れるマーキーや、要素が弾むようなアニメーションで常に動き続けるライブ感を演出。補色関係にある鮮やかなグリーンのCTAが、カオスな画面の中でも埋没せず、強い誘引力を持ってユーザーのアクションを促す設計となっています。
株式会社BuySell Technologies 新卒採用サイト
鮮やかなブルーを基調に、ホワイトやペールブルーを組み合わせた、知的でクリーンな印象を与える配色でスタイリッシュなリクルートページ。信頼感と透明性を重視し、ビジネスの成長性や先進性を感じさせる洗練されたトーンで統一されています。写真は、働く社員の表情やオフィスの雰囲気を自然な光の中で捉えたものが多く、企業文化の明るさと風通しの良さを視覚的に伝えています。視認性の高いゴシック体タイポグラフィをベースに、見出しやキャッチコピーにはウェイトのある欧文フォントを併用。これにより、メッセージの力強さとモダンなリズムが生まれ、読み手を飽きさせない構成になっています。レイアウトは、グリッドシステムを基本としながらも、写真やテキストブロックを大胆に配置することで、動きのあるダイナミックな空間を構築。全体を通してカードのようなデザインが統一されています。モーション言語は、ホバーすると背景色が変化するパララックス効果や画像の無限ループなどを効果的に使用。これにより、情報の視認性を保ちながらも、ユーザーの興味を引きつけるインタラクティブな体験を提供しています。
nebane
あまり聞き馴染みのない流域という言葉を、絵本のような温かみのあるイラストと曲線的なレイアウトで表現し、事業の物語性を感じるデザイン設計。配色は、水の流れを想起させる爽やかな水色と白をベースに、山々の緑や太陽のオレンジといった彩度の高いアクセントカラーを散りばめ、地域の豊かな自然と活気を視覚化しています。ロゴや見出しに手書き風の丸みのある特徴的なフォントを採用して親しみやすさを強調しつつ、本文には可読性の高いゴシック体を合わせることで、楽しさと読みやすさを両立。レイアウトは、直線的なグリッドをあえて崩し、波打つような有機的な境界線でセクションを区切ることで、山から川、そして海へと続く「循環」のストーリーをスクロールに合わせて滑らかに展開しています。イラストの一部がゆらゆらと動くアニメーションや、スクロールに連動したパララックス効果を取り入れ、穏やかな時間の流れと自然の息吹を演出。ボタンやクリックエリアは角丸の形状が全体の柔らかいトーンに馴染みつつも、明確なクリックエリアとして機能するよう設計。ホバーアクションなどの細部までこだわり抜かれています。
ボンジュール株式会社
全体を包み込む柔らかなサンドベージュのニュアンスカラーを基調とし、フランスの優雅さと日本の繊細さを融合させた、上質でオーガニックな配色の海外風デザイン。写真、動画はパリの街並みや商品を情緒的なトーンで切り取り、背景色と馴染む低い彩度で統一することで、ブランドの世界観を映画のワンシーンのように演出しています。グリッドに縛られない自由な配置に見せつつも、たっぷりの余白によって視線が自然と中央から下流へと導かれるよう計算されており、スクロールするたびに心地よいリズムが生まれます。タイポグラフィは、見出しに格調高いセリフ体の欧文を大きく配置して視覚的なアンカーとしつつ、日本語テキストは控えめに添えることで、デザインのノイズを極限まで排除しています。抑制の効いた演出のモーションは「静寂」をテーマに、品格を損なわないよう配慮されています。CTAやリンクは文字主体のミニマルな装飾で統一され、ホバー時にアイコンのエフェクトやわずかに色が薄くなる等の微細な変化が、洗練された大人の閲覧体験を提供しています。
