Skip to content
HOWFHOWF
08

インタラクティブ・ビルダー&WebGL/3Dビジュアライゼーション

節度ある、高パフォーマンスな3D

インタラクティブ・ビルダー&WebGL/3Dビジュアライゼーション

要点

節度を持って用いられるインタラクティブなコンフィギュレーターとWebGL/3Dビジュアライゼーション。速度を犠牲にすることのない、ハードウェアアクセラレーションによる技巧です。

概要

インタラクティブな3Dは、サイトの中で最も記憶に残る要素にもなれば、動作がカクつきスマートフォンのバッテリーを消耗させる原因にもなり得ます。その違いは、節度とエンジニアリングにあります。

私たちは、静止画像では決して実現できない形で顧客が製品を探索できるコンフィギュレーターとWebGL/3Dビジュアライゼーションを構築します。見せびらかすためではなく目的に資するよう、意図的な節度を持って用います。

すべては厳格なパフォーマンス予算のもとで動作し、リデュースドモーションやアクセシブルな代替手段を含む優雅なフォールバックを備えています。その結果、技巧が速度を犠牲にしたり、誰かを排除したりすることはありません。

対象となる方

  • 複雑またはカスタマイズ可能な物理製品を持つブランド
  • 正しく実装された印象的なインタラクティブ要素を求めるチーム
  • パフォーマンスを損なうことなく3Dを取り入れたいマーケター

成果

  • プロダクトコンフィギュレーターとインタラクティブ・ビルダー
  • パフォーマンス予算を守ったWebGL/Three.js
  • リデュースドモーションとアクセシビリティのフォールバック

進め方

01

コンセプトと予算

インタラクティブなコンセプトと、事前に定めた厳格なパフォーマンス予算を定義します。

02

アセットパイプライン

最適化された3Dアセットと、その予算に合わせてエンジニアリングされたThree.js/WebGLビルドを構築します。

03

フォールバック

誰も排除されないよう、リデュースドモーションとアクセシブルな代替手段を用意します。

04

チューニング

デバイス横断でプロファイリングを行い、あらゆる環境で高速に動作するまで調整します。

成果物

  • 高パフォーマンスなコンフィギュレーターまたは3Dビジュアライゼーション
  • パフォーマンス予算を守ったWebGL/Three.jsビルド
  • リデュースドモーションとアクセシブルなフォールバック
  • デバイス横断のプロファイリングとチューニング

よくある質問

3Dを入れるとサイトが遅くなりませんか?

私たちの実装方法ではそうはなりません。すべては厳格なパフォーマンス予算のもとで動作し、デバイス横断でプロファイリングされ、必要に応じて軽量なフォールバックを備えています。

アクセシビリティには対応していますか?

はい。リデュースドモーションとアクセシブルな代替手段を用意しており、体験が誰かを排除することはありません。

3Dが本当に価値を持つのはどんな時ですか?

画像よりも顧客が製品を理解したり構成したりするのに役立つ場合です。私たちは節度を持ち、目的に向けてそれを用います。

その他のサービス