株式会社GENDA
薄いグレーと深みのあるダークネイビーを基調に、上品なゴールドをアクセントカラーとして効かせた洗練されたコントラスト。ファーストビューのイラストはロードすると別パターンが表示される遊び心があり、ブランドのコアである楽しさを象徴するポップなテイストで目を引きます。スクロールを進めると一転して、広大な余白を活かしたミニマルなレイアウトへと移行。配置された写真は、彩度を抑えたシネマティックで上質なトーンで統一され、企業の信頼感と洗練された空気感を静かに伝えています。構成は、画面を左右に分割するような堅牢なグリッドシステムをベースにしつつ、テキストと画像を整然と配置することで、高級なビジネス誌を読み進めるような心地よい視線誘導を実現。タイポグラフィは、エレガントなセリフ体の英字見出しと可読性の高い和文を組み合わせ、たっぷりと取られた字間・行間が空間に品格を与えています。ホバー時にはテキストリンクが微細に変化する控えめなインタラクションで、エンターテイメント企業としての「遊び心」と、コーポレートサイトに求められる「品格と信頼感」を見事に両立させた、極めて洗練されたデザインとなっています。
アスザックグループ 採用サイト
空や水を感じさせる鮮やかなブルー、豊かな自然のグリーン、そして活気あふれるオレンジやイエローをページ全体で使用した非常に明るく親しみやすい配色設計。構成の最大の特徴は、ファーストビューからフッターまで全体を繋ぐ、緻密でポップなイラストレーションです。街や工場、そこで働く人々を俯瞰的な視点で描き出し、そのイラストの世界の中に実写の社員写真やコンテンツを違和感なく溶け込ませています。見えないグリッドにとらわれず、道や川、山々の稜線に沿って情報が配置されることで、まるでワクワクする絵本や地図を読み解くような、探索的な心地よい視線誘導を実現しています。タイポグラフィには読みやすいゴシック体や手書き風のあしらいを採用し、企業が持つ温かな社風を視覚的に伝えています。スクロールに伴うモーションは、イラストのキャラクターや乗り物が生き生きと動いたり、各要素がポップに飛び出してきたりするような、楽しげな挙動で世界観を統一。視認性の高いオレンジ色で統一されたCTAが、賑やかなビジュアルの中でもユーザーを迷わずエントリーや詳細ページへと導く、堅実な導線設計となっています。
NOT A HOTEL ARCHITECTS
極限まで研ぎ澄まされた黒と白のモノトーンを基調とする、極めて洗練されたハイコントラストな配色です。サイト自体に余計な装飾や色を持たせないことで、建築のディテールや豊かな自然の風景を捉えたダイナミックな写真・動画が持つ本来の色彩と質感を、圧倒的な没入感とともに引き立たせています。構成は、画面幅を贅沢に使用したフルスクリーンのビジュアルセクションが連続する大胆なレイアウトを採用。そこにクリーンでモダンなサンセリフ体のタイポグラフィと広大な余白を組み合わせることで、まるでハイエンドな建築雑誌やアートギャラリーをゆっくりと歩きながら鑑賞しているかのような、上質で優雅な視線誘導を実現しています。スクロールに連動するモーションは、要素が静かに浮かび上がるような滑らかなフェードインで、ブランドの持つ静謐でラグジュアリーな世界観を演出。ミニマルなボタンCTAが空間のノイズにならずに配置され、ユーザーを次のアクションへと導く、極めて洗練されたシームレスな設計となっています。
VISION to STRUCTURE
クリーンな配色と控えめなアニメーションが生み出す、ノイズのない品格と説得力のある空間設計。白に近い薄いグレーをベースに、控えめなアニメーションのグラフィック。実写に頼らず、ペールトーンの抽象的な立体図形を組み合わせることで無形のテーマを表現する知的なアプローチ。タイポグラフィは繊細で美しい明朝体を主軸に据え、印象的な企業メッセージを縦書きで配置。たっぷりと確保された余白と細身のウェイト設定が言葉一つひとつに重みを持たせ、まるで上質な詩集のような空気感を構築しています。企業のビジョンや無形のテーマを、抽象的な立体図形を組み合わせることでコンセプチュアルに表現。見えないグリッド上で縦書きと横書きを交差させ、要素をアシンメトリーに配置する大胆な余白設計により、優雅でゆったりとした視線誘導を実現しています。CTAのホバーアクションは背景色変化でフォーカスを可視化しており、空間を生かして配置されたミニマルなリンク要素が、ノイズにならずにユーザーを自然と次のアクションへ導く、洗練された導線設計となっています。
Likenomad株式会社
ブランドの主役である「猫」の温かみを引き立てるオレンジやはっきりしたブルーを配した、親しみやすくナチュラルな配色設計。様々なテイストのイラストや写真の猫をふんだんに散りばめ、掲載写真のトーンも自然光を感じさせる明るく優しい質感で統一されており、企業の持つ「猫と人をつなぐ」というビジョンを視覚的に表現。タイポグラフィは、丸みを帯びたサンセリフ体を見出しに大きく配置してポップな印象を与えつつ、本文には可読性の高いゴシック体を採用し、情報の信頼性を担保。余白を広くとりながらセクションごとに明確な区切りを設け、縦スクロールの中でリズムよく情報が入ってくるよう設計されています。モーション言語は、スクロールに合わせて要素がふわっと浮き上がるフェードインや、画像が緩やかにズームする演出を取り入れ、ポイントに横方向のアニメーションやモーションを使用して猫のしなやかな動きを連想させるような心地よいテンポ感を創出。丸みを帯びたボタンで押しやすさを示唆し、ホバー時に色が反転するなどのマイクロインタラクションが、ユーザーの操作を軽やかに後押しする導線となっています。
IE3
徹底して装飾を排した白のキャンバスに、プロジェクトと黒のサンセリフ体のみを配置した、極めてミニマルでストイックなデザインです。背景を「無」にすることで、ヒーローエリアで再生される鮮烈な映像作品や、グリッド状に整然と並べられた実績サムネイルの色彩・質感を最大限に引き立てています。テキストは可読性は高くしつつも主張しない、デザインスタジオらしい論理的な知性を演出。厳格なグリッドシステムに基づきつつも、広大なホワイトスペースを確保することで、情報の羅列ではない作品鑑賞のための空間を構築しています。CTAやナビゲーションは黒のテキストリンクで統一され、主張しすぎず常にアクセス可能な位置に控え、あくまでコンテンツの引き立て役に徹した機能美が貫かれています。作品を見せるためのポートフォリオのように見やすさを追求した設計です。
株式会社Bizconcier（ビズコンシェル）
白を基調とした広大な余白（ホワイトスペース）の中に、黒のタイポグラフィと、生き物のような繊細なラインアートが背景に浮かぶ、極めてミニマルかつ知的な配色設計です。点と線を結ぶ抽象的な幾何学グラフィックによって、企業が掲げる「つながりの価値」やコンサルティングの介在を象徴的に表現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理。グリッドにとらわれない自由なレイアウトに見えますが、計算された余白が心地よいリズムを生み、視線を自然と下層へ誘導します。モーション言語は「描画」と「浮遊」をテーマに、見出しのアニメーションは一貫性を持たせ、スクロールに合わせてラインが伸びたり要素がフェードインする演出を施し、静的な情報に動的なストーリー性を付与。マイクロインタラクションも主張しすぎず、あくまでコンテンツの閲覧を最優先する、プロフェッショナルな美学が貫かれたデザイン。
Konel Inc.
白を基調に、黒〜濃灰のタイポグラフィと写真の色彩だけを強く響かせるミニマルなデザイン。3カラムで左右のカラムはStickyで固定させ、中央のメインビジュアルがスクロールで次々に顔を出す構成。全体は整然としたグリッドが組まれ、カード型のプロジェクト群が一覧性と回遊性を両立します。微細なホバーアクションは抑制され、写真のテクスチャとコピーを主役に保つ方針。それでいてシンプルなカーソルエフェクトは穏やかに目を惹き付けます。CTAや見出しはウェイト差と行間設計で階層を明確化し、ページ末尾まで同じリズムが持続します。結果として、配色（白×モノクロ）・余白・控えめなモーションが一貫し、「アート×テクノロジーの実装力」を静かに語るトップ体験が成立しています。
TRAIL INC.
ファーストビューは、都市の情景やビジネスの現場を切り取った高品位な写真と、静謐な余白のバランスが美しく、「企業の未来に、正しい軌跡を。」という理念を、重厚かつ誠実に印象づけます。グリッドに沿って整然と並ぶコンテンツや、モノトーンを基調に深く落ち着いたブルーを効かせた配色は、経営コンサルティングという「堅い」テーマに、現代的なスマートさと知的な透明感を加えているのが特徴です。写真から伝わる静かな熱量が、ビジネスの厳しさを内包しつつも、未来への希望を感じさせます。事業内容や導入事例のセクションは、概念的なテキストが多いにもかかわらず、厳格なルールで区切られたレイアウトによって視線がスムーズに流れ、どこに何が書かれているか直感的にわかるつくり。タイポグラフィは明朝体の品格とゴシック体の可読性を巧みに使い分けており、見出しの言葉が強く心に残ります。全体的に過度な装飾や派手なアニメーションは抑えられ、研ぎ澄まされた写真の質・文字組み・余白の美しさが相まって、経営の根幹を預けるに足る、揺るぎない信頼感をまとったコーポレートサイトとして完成されています。
Nekozen Co., Ltd.
「猫のしあわせとは、日々の小さな瞬間にある。」——そんな猫と人との絆を体現したコンセプトサイト。温かみのあるベージュをベースに、カラフルな有機的シェイプとイラストを配したトーン＆マナーが秀逸です。そこに大胆なダイナミックタイポグラフィを掛け合わせることで、愛らしさと視覚的なインパクトを両立した唯一無二の世界観を構築しています。特筆すべきは、FV直下の「Colors of Feeling」におけるマイクロインタラクションの深度です。テキストへのホバー時、カーソルは「通常」から「TOUCH ME」、そして「猫の表情」へと3段階に変化。ユーザーの期待感を高めるリッチな設計がなされています。「Our Language」セクションでも、ホバーアクションとGIFアニメーションが強い没入感を生み出しています。ローディングからフッターに至るまで、全編にわたり緻密なスクロール演出やエフェクトが施され、細部のクラフトマンシップが光るWebサイトです。
