3DアニメーションによるWEBビジュアル演出
トップページは、事業の姿勢を一瞬で伝える場所です。
そんなトップページの演出を、3Dアニメーションで実現できます。
こちらの動画は、弊所がトップページ用に制作した立体的なWEBアニメーションの一例です。
視覚的なインパクトと動きによって、第一印象を強く印象づける演出となっています。
プログラム制御による、自由度の高い3Dアニメーション演出
3D表現を取り入れた立方体が回転しながら、映像や画像をリッチに表示する演出を実装しました。見る人にインパクトを与えるだけでなく、ブランドの世界観や雰囲気を印象的に伝える役割も担います。
回転する立方体は、3Dモデリングデータを読み込むのではなく、three.jsによるコード制御で構築しています。
そのため、形状・動き・速度・環境との関係性までを、ブランドの設計思想に合わせて調整できます。
印象に残るWeb体験で、ブランドの世界観を伝える
背景では空の色が変化し、雲がやさしく浮かぶなど、さりげない演出も加えています。
PCとスマートフォンそれぞれの環境に合わせて、映像の読み込みタイミングやアニメーションの有無を調整し、動作の軽快さと世界観の両立を実現しています。
特に、簡単な形状であればデータの用意や専用ツールが不要なため、デザインの自由度が高く、表現の幅も広がります。
スマホとPCで挙動を変えるなど、閲覧環境に応じた最適化も行っております。
演出そのものが目的ではなく、ブランドの立ち位置を明確にするための表現として3Dを用いたい場合は、ご相談ください。