スタジオヌーブ

OVERVIEW

  • 業種 クリエイティブ制作
  • サイト種別 コーポレートサイト
  • 期間 3ヵ月

SCOPE

  • コーディング
  • デザイン
  • 戦略・要件定義・設計

PREFERENCE

明るい

ダーク

自分で動かす

勝手に動く

スタジオヌーブ
スタジオヌーブ

現実と仮想の融合を体感できるビジュアル表現

n00b.st様のサイトでは、XRスタジオの特徴である「現実と仮想の融合」を訪問者に直感的に理解していただけるよう、独創的なビジュアル表現を採用しました。キービジュアルでは、マウスドラッグによる対比表現で現実と仮想の境界を体感できるインタラクティブな仕組みを実装し、XRスタジオならではの技術的特徴を視覚的に表現することを心がけました。

また、パララックスや奥行き感を演出する手法を効果的に取り入れ、従来のクロマキーとは異なる技術的優位性を伝えるため、スクロールに応じて要素が重なり合う動的な表現を実現しています。これにより、訪問者にXRスタジオでの撮影体験を疑似的に感じていただけるよう工夫しました。

XRスタジオの可能性を伝える情報設計とコンテンツ展開

サイト全体では、まずTOPページで訪問者に「このスタジオでどんなことが出来るのか」を明確に伝えるため、現実と仮想を対比する構成を重視しました。XR関連であることを情報として的確にユーザーに伝えるため、従来の映像制作との差別化ポイントを段階的に説明する情報設計を行っています。

「現実」と「仮想」を混在させることで、XRスタジオの本質的な価値を表現し、さらにサブコピーと写真で「撮影スタジオ」である情報を補完する構成としました。この設計により、訪問者にXRスタジオの革新性と実用性を同時に理解していただけるよう意識し、現実と仮想が交差する創造の場としてのスタジオの魅力を効果的に伝えることを目指しました。