アートアクアリウム | ART AQUARIUM
アートとアクアリウムの「闇」と「光」の対比空間をWeb上に完全再現した、没入感あふれるダークトーンのWebサイト。漆黒の背景色が金魚の鮮烈な赤やライティングの極彩色をドラマチックに引き立て、画面全体がひとつの水槽であるかのような妖艶な雰囲気を醸成しています。文字は繊細な骨格を持つ明朝体をゆったりとした字間で組むことで、和の「静寂」と現代アートの「鋭さ」を同時に表現。レイアウトは、クオリティの高い写真の配置と、グリッドを崩して重ねるなど、規則性の中に動きを持たせ、回遊する金魚のような流動的な視線誘導を実現しています。モーションは主にファーストビューの臨場感のある動画や、画像がわずかにズームするパララックス効果を取り入れ、水中の抵抗を感じさせるような優雅な時間軸を構築。CTAとなるチケット購入ボタンをウィンドウ下部に固定し常に視界に入るよう配置され、幻想世界への入り口として機能的にデザインされています。
株式会社Bizconcier（ビズコンシェル）
白を基調とした広大な余白（ホワイトスペース）の中に、黒のタイポグラフィと、生き物のような繊細なラインアートが背景に浮かぶ、極めてミニマルかつ知的な配色設計です。点と線を結ぶ抽象的な幾何学グラフィックによって、企業が掲げる「つながりの価値」やコンサルティングの介在を象徴的に表現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理。グリッドにとらわれない自由なレイアウトに見えますが、計算された余白が心地よいリズムを生み、視線を自然と下層へ誘導します。モーション言語は「描画」と「浮遊」をテーマに、見出しのアニメーションは一貫性を持たせ、スクロールに合わせてラインが伸びたり要素がフェードインする演出を施し、静的な情報に動的なストーリー性を付与。マイクロインタラクションも主張しすぎず、あくまでコンテンツの閲覧を最優先する、プロフェッショナルな美学が貫かれたデザイン。
名古屋エステイト社 不動産の総合コンサルタント
ネイビーブルーを全面に敷き、文字や主要素に白を用いることで、高いコントラストによる優れた可読性と、知的で誠実な印象を両立させた配色。抜け感のあるイラストは同系色のトーンで統一し、落ち着きのある洗練された世界観を構築し、「不動産の堅苦しさ」を払拭した親しみやすい設計です。特徴的なキャラクターが多様なポーズを取ることで、「あの手この手で応える」という企業の多角的な提案力を、ユーモラスかつ直感的に視覚化しています。タイポグラフィは、優しさのあるゴシック体で、本文は行間を広めに配置して信頼性を担保しつつ、セクション背景に溶け込ませた大きく薄い欧文のあしらいで、伝統と革新のハイブリッドな企業姿勢を視覚化し、デザイン的なアクセントとしても機能しています。レイアウトは、十分な余白によって視線をスムーズに下方向へ誘導。各セクションには背景色と強く対比する白い角丸のCTAボタンが配置され、次のアクションへの導線が迷いなく認識できる設計となっています。
MI-6株式会社 採用サイト
たっぷりと確保したホワイトスペースに、楕円のグラスモーフィズムと鮮やかな青の対比が映える配色設計です。このコンビネーションをキービジュアルやCTAに一貫して採用することで、「冷静な知性」と「開発のレイヤー」のイメージを視覚化し、清潔感と先進性を同時に印象づけています。タイポグラフィは、ウェイトを抑えたゴシック体を広めの字間で組み、論理的な思考プロセスを想起させる整然としたリズムを構築。レイアウト自体はグリッドを遵守して情報を整理しつつも、ヒーローエリアにあえて有機的な曲線を配置することで、硬くなりがちなテック系の印象に柔軟な創造性をプラスしている。背景のシェイプが緩やかに変容するモーションは、静止画では伝わらない「変革のプロセス」を可視化したもの。抑制の効いたホバーアクションも、ユーザーの関心が深まる心理とリンクし、回遊への没入感を高める良いアクセントになっています。
AOMORI GOKAN ５館が五感を刺激する
ブルーの背景に黒のロゴのアニメーションのファーストビューでインパクト。徹底して「作品」を主役にするため、白を基調とした極めてニュートラルな配色設計。文字色は完全な黒ではなくわずかにグレーを感じさせるトーンに抑え、美術館という場の持つ静謐な空気をWeb上でも再現しています。タイポグラフィは、幾何学的なサンセリフ体の欧文を大きく配置してモダンな骨格を作りつつ、和文には可読性の高いゴシック体を控えめなウェイトで添えることで、情報の階層構造を視覚的に整理しています。レイアウトは、各美術館の情報を均等なグリッドで並列に扱いながらも、広めの余白を大胆に取り入れることで、視線が自然と個々のコンテンツに留まるよう計算されています。モーション言語は「静」を意識し、スクロールに合わせて要素がゆっくりとフェードインする抑制的な演出で、品格を損なわないよう配慮されています。画像のホバー時にわずかな拡大や透過の変化を加えることで、クリックの可能性を直感的に示唆。導線はヘッダーとフッターに集約し、回遊性を担保しつつも、鑑賞体験を阻害しないノイズレスな設計が貫かれています。
ポスタス株式会社 採用サイト
白を基調とした背景にイエローをアクセントとして効かせ、清潔感と活力を共存させた配色設計。写真は自然光を感じさせる明るいトーンで統一され、社員の表情やオフィスの空気がリアルに伝わるようリタッチされています。タイポグラフィは可読性の高いゴシック体を軸に、見出しと本文で明確なウェイト差をつけて情報の階層を整理しつつ、欧文にはサンセリフを用いて先進性を演出。レイアウトは十分な余白を確保して要素を整列させ、視線が自然と下へ流れるようグリッドに忠実な設計がなされています。モーションは、スクロールに合わせて要素が下からふわっと浮き上がるスライドアップやフェードインを多用し、コンテンツを一つひとつ丁寧に提示する「プレゼンテーション」のようなリズムを形成。ボタンのホバー時には背景色の反転やアイコンの移動といった微細な変化を加え、ユーザーの操作に対するフィードバックを直感的に伝えています。ページ下部にはわかりやすいエントリーボタンを配置し、回遊からのコンバージョンを逃さない導線設計が徹底されています。
manekiNEO
背景に衛星写真（地図）を大胆に配置するという斬新なアプローチが、サイト全体に圧倒的なスケール感を与えています。視点を変えることで新たな価値を見出す企業の姿勢を、視覚的に見事に象徴した構成です。随所にはユニークなシェイプでマスクされた画像が散りばめられ、唯一無二の独創的なリズムを生み出しています。画面を彩るダイナミックなタイポグラフィと、贅沢な余白づかいが共鳴し、シンプルでありながらも賑やかな楽しさが同居する不思議な調和を保っています。また、ページ内で繰り返される心地よい開始アニメーションは、訪れる者の視線を常に惹きつけ、飽きさせることがありません。デジタルな質感の中に知的な遊び心が息づく、極めてクリエイティブなブランド体験を可視化しています。
Coral Capital
幕開けを飾るのは、ユニークなイラストと意志を宿したフォントが躍動する、独創的なアニメーションです。その鮮烈な演出は、瞬時に観る者を深い没入へと誘います。細部にまで抜かりなく施されたホバーアクションや、スクロールに呼応するエフェクトも、一貫した世界観を精緻に描き出し、サイト全体に心地よいリズムを与えています。独特な余白の取り方と、理知的な強さを秘めたSans Serif体のタイポグラフィは、情報の解像度を極限まで高めています。特筆すべきは、全編に漂う粒子のテクスチャが生む、類稀なる統一感でしょう。デジタルな空間に有機的な温度感を宿すことで、洗練された可読性とアーティスティックな質感が美しく共鳴しています。革新的な精神と誠実な姿勢が同居した、唯一無二のブランド体験を鮮やかに可視化しています。
yamacs
整然としたグリッドの中に、緻密な製品写真と柔らかなイラストを編み込んだファーストビュー。ロゴ由来の青・黄・ピンクは、計算された余白の中で互いの個性を響かせ、驚くほど美しく調和している。王道を行くレイアウトながら、大胆なコントラストと精緻なサイズ設計が、賑やかな躍動感と澄み渡るような視認性を両立。随所に潜む控えめなエフェクトは、静かなデザインに確かな体温を宿し、心地よい情報の伝播を後押しする。膨大な情報の集積でありながら、親しみやすい挿絵と鮮やかな色彩が、読み進める愉悦を途切れさせない。高品質な技術を伝えるビジュアルと、遊び心あふれる色彩設計の融合は、印刷の枠を超えたクリエイティブな矜持を体現。機能的な情報の整理と感性を刺激するスパイスが共鳴し、誠実さと高揚感が同居した鮮烈なブランド体験を可視化している。
Konel Inc.
白を基調に、黒〜濃灰のタイポグラフィと写真の色彩だけを強く響かせるミニマルなデザイン。3カラムで左右のカラムはStickyで固定させ、中央のメインビジュアルがスクロールで次々に顔を出す構成。全体は整然としたグリッドが組まれ、カード型のプロジェクト群が一覧性と回遊性を両立します。微細なホバーアクションは抑制され、写真のテクスチャとコピーを主役に保つ方針。それでいてシンプルなカーソルエフェクトは穏やかに目を惹き付けます。CTAや見出しはウェイト差と行間設計で階層を明確化し、ページ末尾まで同じリズムが持続します。結果として、配色（白×モノクロ）・余白・控えめなモーションが一貫し、「アート×テクノロジーの実装力」を静かに語るトップ体験が成立しています。
