LOOP2126
イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。
日本製革小物・バッグ製造 | 株式会社LAMAC
広大な余白を贅沢に活かしたアシンメトリーなレイアウトと、美しい縦書きの明朝体を組み合わせたエディトリアルデザイン。画像とテキストを規則的に並べるのではなく、あえてずらして配置することで画面に心地よいリズムを生み出し、まるで上質なブランドブックをゆっくりと読み解くような、奥ゆかしい視線誘導を実現しています。色味は温もりのあるアイボリーを背景の基調とし、テキストやフッターには深いダークグレーを配した、上質で落ち着きのある配色。サイト自体に強い色を持たせず無彩色に近いトーンでまとめることで、革本来の深みのある赤や黒、そして職人の手元を捉えたシネマティックな写真の色彩が、圧倒的な世界観を引き立たせています。スクロールに呼応するモーションは、写真やテキストが静かに、そしてゆっくりと浮かび上がる滑らかなフェードインで統一されており、職人が一つひとつの製品と丁寧に向き合う静謐な時間を視覚的に表現しています。CTAにはリッチなサイトらしい、抑制と高級感あるインタラクションで、ノイズなくお問い合わせやサイト内の回遊を促します。
キヤスク | すべての服を、あなたの服に。
手仕事の丁寧さとブランドの誠実さが伝わる、柔らかく温かみのあるデザイン。基調色にはクリーンなホワイトと淡いグレーを採用し、温もりのあるコーラルレッドをアクセントカラーとして効かせることで、過度な緊張感を与えない優しいコントラストを形成しています。配置された写真は、自然光を活かした高明度かつ暖色寄りの色温度で統一されており、布の質感や作業の息遣いをノイズなく伝えています。タイポグラフィは繊細な明朝体を主軸に細めのウェイト設定と、たっぷりと確保された字間・行間が、言葉一つひとつを大切に紡ぐような静謐な空気感を生み出しています。画像をアシンメトリーに配置したり、柔らかな角丸を取り入れたりする余白設計により、ゆったりとした回遊を促す視線誘導を実現したレイアウト。ポイントで破線がゆっくり伸び、ミシンの縫い目を進めるイメージがサイトにピッタリです。モーションはテキストや画像が緩やかにフェードインし、静かな世界観を阻害しない抑制的な一貫性を保っています。ホバー時にはリンクやボタンがふわりと色付くような微細な変化でフォーカスを可視化。アクセントカラーのCTAを十分な余白の中に配置されることで、高い視認性を保ちユーザーを自然な流れで次のアクションへと導く設計となっています。
MeLeM
「MELEM」の公式サイトは、ヨーロッパの王族や貴族の系譜を継ぐブランドの世界観を、デジタル空間に見事に昇華させたサイトです。まず目を引くのは、画面を大胆に動くダイナミックタイポグラフィと、しんと静まり返ったような落ち着きを感じさせる独特な余白感の対比です。気品あるSerif体と現代的なSans-serif体を巧みに融合させ、伝統と革新が共存するブランドの姿勢を文字のデザインで表現しています。一番の注目ポイントは、重厚な衣装の質感を克明に伝える圧倒的な写真クオリティと、それを引き立てる魅せ方の巧みさです。ユニークな開始アニメーションは、まるでショーの幕が上がるような高揚感を与え、一気にブランドの世界へ引き込みます。細部まで緻密に作り込まれた演出には、制作者のこだわり抜いた「手数」が光ります。単なる情報の紹介に留まらず、ファッションの美学をサイトの隅々まで落とし込んだ、非常に完成度の高いデザインです。
BEAMS CREATIVE INC.
トップの「直感と共感。愛とアイデア。」を大きく掲げたヒーローに、ポップアップするコピーや写真、カラフルなキービジュアルを重ねて、“色と人で見せるクリエイティブ集団”というテーマを一気に立ち上げています。スクロールに合わせてコピーや写真がスライドインし、言葉とビジュアルが交互に現れるリズムで、読み物というより雑誌をめくるような体験に。PEOPLEでは人物写真と短いキャッチコピーをカード状に並べ、ホバーや遷移でストーリーを深掘り。WORKSはカテゴリタブと大きめのサムネイルで構成し、案件の幅広さと「好き」を生み出す現場の熱量を視覚的に伝えています。動き自体は軽やかで、派手さよりも“手触りのいいインタラクション”に振ることで、ファッション発の遊び心とクライアントワークとしての信頼感を両立。コピーの言い回しも含めて、「センスのある人たちが作っている」空気を静かに醸成するデザインです。
GUNTE Lab.
白背景に伸びやかな余白、角丸のカードと太めの見出しが並ぶ気持ちよい導入。ヒーローでは「WE CAN MAKE ORIGINAL GLOVE」を大ぶりに掲げ、用途別の事例カードをすぐ下にスライドで連ねることで、“作れる・選べる・使える”を数秒で掴ませます。配色はロゴの黒×グレーを軸に、製品写真のカラフルさをアクセントとして活かす抑制設計。説明テキストは短文・改行多めで、プロダクトサイトにありがちな堅さを避けつつ、読み進める速度感を担保しています。中盤の「GUNTE Lab.の特長」は01–04のステップで効用を整理し、続く「ラインナップ」で“種類の多さ→具体の商品像”へと自然に橋渡し。商品カードは写真比率が大きく、キャプションを最小限に抑えたことで、色・素材・サイズ感の違いが直感で比較できます。事例→特徴→商品→発注の順で迷いを削ぎ落とし、BtoBとグッズ制作の“楽しさ”を同居させた編集が秀逸です。
SAAB｜デニムに挑戦する。
サイト全体に走るデニムのステッチ、インディゴ基調の配色、布地の粒感まで織り込んだ質感設計で、“デニムらしさ”を余すことなく投影。10を超えるセクションは、見出しのリズムや余白設計、ブロックごとの役割分担でメリハリが明快で、スクロールがもたつかない。動きは過剰にせず、統一感ある開始アニメーションと丁寧なホバー／スクロール効果で体感価値を担保。写真・動画の見せ方もスライダー、コラージュ、全画面など多様に切り替え、製品の手触りから現場の空気感まで立体的に伝える。さらに、ボタンの反応やカーソル追従、要素のわずかな変化といった細部の“手応え”が控えめに効き、統一トーンの中で使い心地を底上げ。世界観の徹底と情報整理の巧みさが高解像度で共存する、見応えのあるコーポレートサイト。
