LOOP2126

イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。

YAOYA(やおや)

深みのあるパープルをベースに、鮮烈なネオングリーンやビビッドなオレンジ、レッドをアクセントに効かせた、サイバーポップでエネルギッシュな配色設計です。IT施策やクリエイティブを担う企業でありながら、特有の堅苦しさを一切排除し、遊び心と面白さに振り切った独自の世界観を視覚的に確立しています。8bitのレトロゲームを彷彿とさせるピクセル調のタイポグラフィと、ポップな3Dイラストレーションが特徴的です。角を大きく丸めた柔らかなカードUIの中に、まるでゲームのアイテムやステージのようにサービス内容や実績を配置することで、ユーザーに「次は何が出てくるのか」というワクワク感を与えます。サイト全体が一つのエンターテインメントコンテンツとして機能する没入感のあるデザインです。ホバー時にはボタンがゲームのUIのように押し込まれたり、キャラクターが動くといった、触っていて楽しいインタラクションを採用。圧倒的に個性的なビジュアル表現でありながらも、情報のグルーピングや視線誘導は精緻に計算されており、ユーザーを迷わせることなくコンタクトへとナビゲートする、UI/UXの質の高さが光る導線設計となっています。

ぶどうのワンピース – budou-no-onepiece

太陽の光をたっぷり浴びた果樹園の空気感と、作り手の温もりが伝わる、上品で物語性のあるデザイン。柔らかなベージュとクリーンなホワイトをメインカラーに、ブランドを象徴する深みのあるグレープパープルをアクセントに効かせることで、自然の恵みと洗練された品格を両立した配色を構成しています。配置された写真は、木漏れ日や自然光を活かした明るく暖かみのあるトーンで統一されており、瑞々しいぶどうの質感や、農園で働く人々の穏やかな笑顔をクリアに伝えています。タイポグラフィは繊細で美しい明朝体を主軸に据え、縦書きと横書きを効果的に交差させるレイアウトを採用。たっぷりと取られた余白の中にテキストやイラスト、写真をゆったりと配置することで、まるで上質なカタログをめくるような心地よい視線誘導。スクロールに呼応するモーションは、ゆったりとフェードインする挙動に統一されており、穏やかな時の流れを感じさせます。ホバー時には画像やリンクテキストが微細に変化する控えめなインタラクションでフォーカスを可視化。グリッドレイアウトの見やすさと明るい世界観をダイレクトに感じられるブランドサイトです。

五右衛門|新しい不動産のカタチ

ポップなカラーと丸みのあるフォント、ちょこちょこ動く可愛いアニメーションで、ファーストビューから“不動産らしさ”の硬さを外し、楽しさとワクワクを一気に立ち上げる。企業ロゴのフォント世界観を受けたシェイプが要所に散りばめられ、見出しやボタン、背景モチーフまで統一感高く設計。無限ループや背景固定など動き自体はミニマルだが、独特の要素配置と丁寧なホバーの効きで視界に十分なリズムが生まれる。クロージングでは吹き出しがセクション背景に展開し、情報と遊び心が重なるユーモラスな演出で余韻を創出。全体を通して“手数は多いがうるさくない”バランス感覚と、細部まで仕込み切る制作姿勢が伝わる。ブランドの人格を感じさせるトーン&マナーが一貫して体験を牽引するサイト。

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