AR(実物大で置いてみる)

WebAR制作の費用と実例アプリ不要

スマホのカメラで実物大に置いてみられるARをいくらでどのくらいの期間で作れるか

サイズ違いの返品と思ってたのと違う激減する

このデモの実装時間 約15分AIを活用した制作体制で構築
LOADING DEMO…

デモの使い方

  • カメラに重ねて表示実際のカメラ映像に実物大で合成できますiPhone / iPad / Mac 対応
  • 商品を切り替えると実寸mmとともに表示が変わります
  • プレビューではスライダーの距離と人物シルエットでサイズ感を比較できます
Noteどこまでが実装で本番では何が変わるか

端末の対応状況に応じて3つの方式を出し分けています。(1) WebXR対応端末AndroidのChromeでは床を検出して置く本来のAR。(2) WebXR非対応の iPhone / iPad / Mac ではカメラ映像に実物大で合成し端末の傾きジャイロ見回せる方式Macなどジャイロがない場合はドラッグで見回せます。(3) カメラが使えない環境では部屋を模した空間での実寸プレビューいずれもリアルタイム3D描画で寸法は実寸mmです実案件では客様の製品モデルを読み込みiOS向けにUSDZを書き出して AR Quick Look にも対応させます

Cost & Duration

費用と期間の目安

いくらかかるか先に出します金額はサイト制作のプラン表と同じ基準でこの機能だけの特別料金は設けていません

費用の目安

¥1,500,000〜

サイト制作に含めてご依頼いただく場合のプレミアムプランが目安ですAIチャットボット3DCG演出基幹システム連携まで一気通貫で構築

3プランの料金表を見る

期間の目安

2〜4週間3Dモデルの用意状況による

このデモ自体はAIを活用した制作体制で15分で実装しました実案件では要件整理原稿検証を含めて上記が目安です

金額が変わる要素

  • AR用の3Dモデルを新規に作るか既存データを変換できるか
  • AR対応させる商品の点数
  • iOSUSDZAndroidglTF両対応と非対応端末の代替表示

WebAR制作の費用はどれくらいですか

サイト制作に含めてご依頼いただく場合プレミアムプラン(¥1,500,000〜目安です金額はAR用の3Dモデルを新規に作るか既存データを変換できるかなどで変わるため条件を伺ったうえで個別にお見積もりします初回のご相談構成案見積もりのご提示までは無料です

導入までどのくらい期間がかかりますか

目安は2〜4週間3Dモデルの用意状況によるです着手前のご相談要件整理の期間は含みません急ぎの場合は先に公開する範囲を絞ってご提案します

いま動いているサイトに後から追加できますか

追加できます既存サイトの構成を確認したうえでAR実物大で置いてみる部分だけを組み込む形でも対応します他社で制作されたサイトでも構いません表示速度への影響を測ったうえでご提案します

Business Impact

導入すると何が変わるか

スマートフォンのカメラ越しに商品を実物大でその場に表示しますアプリのインストールは不要3Dモデルがあれば同じ資産をそのままARに転用できます

01

サイズが合わなかった返品が減る

家具家電什器で最も多い返品理由がサイズ違いです購入前に実寸で置いて確認できれば返品送料と再梱包の手間がまるごと消えます

02

店舗に来られない人にも売れる

ショールームの体験を自宅に届けられます遠方多忙で来店できない層がそのまま購入検討層になりま

03

接客の説明時間が短くなる

この幅で圧迫感はないかという質問に言葉ではなく体験で答えられます営業は説明ではなく提案に時間を使えます

できること

  • アプリ不要でスマホのカメラにそのまま表示
  • iPhone / iPad / Mac Safari でも動作カメラ重ね合わせ方式
  • 実物大での配置回転移動
  • 人物シルエットとの比較でサイズ感を可視化
  • 既存の3Dモデル資産をそのまま流用

こんな企業に

  • 家具インテリア家電のEC
  • 什器産業機器を提案する法人営業
  • リフォーム住宅設備の提案

使用する技術

  • WebXR Device API
  • getUserMediaカメラ重ね合わせ
  • DeviceOrientationジャイロ連動
  • Three.js
  • glTF / USDZAR Quick Look

案件の要件既存環境に合わせて選定しますライブラリを増やすことによる表示速度への影響も評価したうえでご提案します

Other Demos

ほかにもこんなことができま

すべて実際に動くデモをご用意しています

3DCGWebGL演出

現物を送らなくても質感サイズカラーが伝わる

デモを見る

商品カスタマイズ見える

自分仕様に組み立てる体験そのものが購買の動機になる

デモを見る

Webアニメーション

複雑なサービスが数秒で伝わり離脱が止まる

デモを見る

AIチャットボット

定型質問の一次対応が自動化され人を増やさず窓口が24時間になる

デモを見る

料金シミュレーター自動診断

見積もり待ちで消えていた見込み客がその場で問い合わせに変わる

デモを見る

AIレコメンド回遊客単価

1人あたりの閲覧数と購入点数が増え同じ集客で売上が伸びる

デモを見る

音声AI話して聞ける

電話が減りキーボードが苦手な層の問い合わせを拾える

デモを見る

多言語インバウンド対応

海外からの検索予約を翻訳の手間なく取り込める

デモを見る

AIエージェント対応

ChatGPTなどのAIが代理で調べ比較し連絡してくる時代に備える

デモを見る

AIパーソナライズ

同じ1ページで業種ごとに刺さる訴求を出し分けられる

デモを見る

行動解析A/Bテスト

どこで離脱しているかが見え改善が当たったか数字で言い切れる

デモを見る

アプリPWA)・通知

アプリを作らずにアプリと同じ再訪導線を持てる

デモを見る

SNS連携

SNSを更新すればサイトも更新され放置感による信頼低下を防げる

デモを見る

システムとの連携

在庫予約顧客データが自動で同期し人を増やさず処理量を増やせる

デモを見る

AR実物大で置いてみる自社サイトでも

どこまでできるか」「いくらかかるかだけでも構いません初回のご相談見積もりは無料です

電話で相談090-8208-7295無料で相談するお見積もりも無料