← Works
Web3D

ブラウザで動く 商品構成シミュレーター

サイズ・色・素材・レイアウトをブラウザ上で切り替えられるデモです。いずれも実際に動くものなので、そのまま触って確かめられます。

クリックすると実際のデモが動きます。スマートフォンでは別画面で開きます。

01INTERACTIVE FASHION / 映像で試すコーディネート

IN MOTION / Fitting Room

上下各3着をハンガーから選び、9通りの組み合わせをモデルの映像で確認できる試着室デモです。選ぶとモデルが試着室で着替えて戻り、待機中はポーズや髪を整える自然な動きを見せます。着用中の服の表示と、控えめなテクノBGMを組み合わせています。

想定用途
ファッションの商品紹介/ルックブック/Web接客
担当範囲
企画・AI映像制作・映像調整・3Dラック・UI実装・音楽制作
納品物
公開Web URL/9通りのコーディネート映像
02WEB 3D / 映像連携・製品選択

HIYORI / Film-to-Web3D Living Space

ソファの映像から、同じ画角と質感を再現した3D空間へつながるインタラクティブデモです。映像を見たあとに部屋を歩き、ソファの色と2P・3Pサイズをその場で切り替えられます。

想定用途
製品プロモーション/商品ページ/Web接客
担当範囲
映像・3D空間・マテリアル・UI実装
納品物
映像/公開Web3D URL
03WEB 3D / 寸法の確認

Size Simulator (1cm)

サイズオーダー品を1cm単位で操作し、寸法線と間取りで設置可否まで確認できます。パラメトリック生成なので、寸法可変のあるどの製品にも展開できます。

想定用途
Web接客/設置可否の事前確認
担当範囲
要件整理・3D・UI実装
納品物
公開URL/既存サイトへの埋め込み
04WEB 3D / 多軸の仕様選択

Multi-Axis Configurator

レイアウト・天板・面材の組み合わせが500通りを超えるキッチンの構成デモ。選択軸が多く、組み合わせ禁則を持つ商品での画面設計の例です。

想定用途
ショールーム/Web接客
担当範囲
選択軸と禁則の設計・3D・UI実装
納品物
公開URL
05WEB 3D / 部位別配色

Part-Level Color & Fitment

ディスク・リム・ピアスボルトを個別に配色し、実車に4本装着した状態で確認できる3ピースホイールのデモ。インチアップ時も総外径を保った状態で比較できます。

想定用途
装着イメージ/配色検討
担当範囲
3D・部位別マテリアル設計・UI実装
納品物
公開URL
06WEB 3D / 価格計算

Configurator with Pricing

オプションごとの価格差分をリアルタイムに合計し、カートへ引き渡すところまで実装した3Dコンフィギュレーター。選択結果を購入導線へつなぐ部分の実装例です。

想定用途
EC/見積導線
担当範囲
要件整理・3D・UI実装・価格計算
納品物
公開URL/カート連携
Next

このジャンルの制作を相談する

対象製品、画面仕様、会期までの日数をお知らせいただければ、制作可否・想定期間・概算幅を1〜2営業日以内に回答します。