• ブログTOP
  • AI・ディープラーニング
  • AR
  • VR
  • WEBサイト
  • WEBマーケティング
  • SEO
  • SNS
  • その他
  • お問い合わせ

ALAKI株式会社

COZIKEEいつまでも使えるTech情報発信ブログ

AR(WebAR)の導入事例をご紹介!〜EC × AR〜

2021年7月10日

  • このエントリーをはてなブックマークに追加

こんにちは!
WebXRクリエイターの伊東(@ALAKIWebVRAR1)です。

※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします!
Follow @ALAKIWebVRAR1

前回は「観光 × AR」という切り口でWebARの事例をご紹介しました。
第2回となる今回は、「EC × AR」というテーマで事例をご紹介していきたいと思います。

単なる事例紹介にとどまらず、実際に操作していただけるWebARのデモもご用意しました。

ぜひ、実際に体験してみてARの価値を実感していただければと思います。

この記事の目次

  • 1 「EC × AR」事例紹介
  • 2 ECにもたらすメリット
  • 3 まとめ

「EC × AR」事例紹介

商品3Dデータの活用

まずはこちらをご覧ください。

スニーカーの3Dオブジェクトが表示され、マウスドラッグもしくはスマートフォンのスワイプで自由に動かすことができると思います。
商品の3Dデータさえあれば、最近では比較的簡単にブラウザ上に3D表示して操作できるようになりました。

PCで閲覧されている方は、ぜひ先ほどの3Dデータをスマートフォンで確認してみてください。
3Dデータが表示されている領域の右下あたりに、アイコンが表示されていればタップしてみてください。

すると、WebARを起動する画面が立ち上がるかと思います。
カメラが起動しますので、カメラを上下左右に動かして、周囲の映像をARに認識させます。

すると、3Dデータが平面を認識して、あたかも「そこにある」ように表示されます。
いわゆるARマーカーという目印のようなものを使用しない「マーカーレスAR」というものです。
平面を認識する精度はとても高く、表示もちらついたりせず安定しています。

このような仕組みをECサイトに取り入れることで、商品の現物を見なくてもサイズ感、質感、部屋や自分の体などの環境と組み合わせた時に受ける印象を実際に感じ取れるなど、ARのメリットを活かすことができます。

商品3Dデータがなくても利用できるWebAR

先ほどご紹介したデモは商品の3Dデータを利用したARでした。
高品質な3Dデータは高い没入感を与える反面、商品の提供側からすると3Dデータ制作のコストは決して安くはありません。

そこで、弊社では「3Dデータを必要としないWebAR」の開発に取り組んでおります。
今回は、開発に取り組んでいるプロジェクトから、「サイズ計測WebAR」をご紹介します。

IMG_014F09384AF8-1

一部の機能をご体験いただけるよう、デモをご用意しました。
立った状態で、スマートフォンで以下のURLにアクセスしてください。

https://alaki.co.jp/demo/size-simulator/ar.html

製品の寸法を入力していただくと、寸法通りの簡易な3DデータがAR表示されます。
左右・奥行きの位置調整ができ、製品を現実空間に配置する際のサイズ感のシミュレーションが可能です。

本プロジェクトは、EC以外にもさまざまなシチュエーションでの利用を想定しております。
ECへの利用に関しては、例えばWordpressなどのいわゆるCMSの管理画面に寸法を入力する機能を実装するだけで、
既存のECサイトの構造を大きく変更することなく「サイズ計測WebAR」をご利用いただけます。

AR導入の大きなハードルとなる3D制作に関するコストを極限まで抑えつつ、ARの大きなメリットである「サイズ感のシミュレーション」をWebベースで簡単にエンドユーザー様にご利用いただけます。

ECにもたらすメリット

最後に、「EC × AR」のメリットを簡潔にまとめていきたいと思います。
大きく以下の2つのメリットがあると言えます。

商品の特徴理解を強力にサポートする

ARが得意とする「特徴理解サポート」に関しては、具体的に以下のようなことが挙げられます。

  • 商品のサイズ感のシミュレーション
  • 商品を実際に配置した際の見た目の印象のシミュレーション
  • 商品の構造の理解
  • 商品の質感や模様などの細かいディテールの把握

これらは静止画・動画しか扱えなかった既存のECサイトと比べ、ARが大きく成果をあげられる領域と言えます。
商品の特性によって特にエンドユーザーに訴求しなければならないポイントを抑えた上で、効果的に活用することがAR導入の成功の鍵となります。

WebARならではのデータ採り

通常のECサイトではなかなか測定できない有用なデータを、WebARでは効果的に計測することが可能です。

例えば、商品外観の「どの部分」が「どれくらい」閲覧されているのか、という情報はARでしか計測できないデータと言えるのではないでしょうか。
このデータは、提供側が訴求したい部分とエンドユーザーが興味を示す部分との齟齬がないかを測れたり、提供者側が気づかなかった価値を発見することにつながります。

まとめ

いかがだったでしょうか。

今回は「EC × AR」という切り口でARの可能性についてまとめました。
本記事以降も、さまざまな業界とARの組み合わせについて、事例を交えてご紹介していきたいと思います。

ARの導入について、何かお困りごとがあればいつでもご相談ください。

https://alaki.co.jp/lp/webar/

8790288d063847008d105dd959854853
次回もよろしくお願いします!

※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします!
Follow @ALAKIWebVRAR1

  • ツイート
  • このエントリーをはてなブックマークに追加
ALAKI ロゴ
さよなら過去のAR。
WebARがイベント集客に
革命を起こします。
特設サイトはこちら >

You may also like...

  • グループ 10

    AR導入検討時に必見!【AR大全】〜用途別ARの特徴から導入のすすめまで〜

    17 9月, 2020

  • スクリーンショット 2019-02-15 20.02.23

    WebARはじめてみませんか?〜第5回 8th Wall Webの画像認識機能の使い方〜

    26 4月, 2019

  • Virtual reality players isometric vector illustration. VR UI and navigation. Futuristic digital technology. Virtual screen. Mixed reality 3d concept. Person in VR headset. Web banner idea

    Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ

    6 6月, 2023

  • Next story Web制作の現場から、JavascriptやPHPの「デバッグ」について考える
  • Previous story AR(WebAR)の導入事例をご紹介!〜観光 × AR〜

弊社サービス

MONJI+ MUGHEN ALAKI クラウド型受発注システム さよなら過去のAR。WebARがイベント集客に革命を起こします。

運営会社

ALAKI株式会社 ALAKI株式会社採用サイト

人気の記事

  • alaki1462_A_businessman_who_works_logically_1da80a2e-c297-4911-bdd6-feba0ebf1357

    仕事術

    【書籍要約】数学的な仕事術大全

    4 11月, 2024

  • fv-main-img-min

    空間コンピューティング

    世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました

    22 6月, 2023

  • Virtual reality players isometric vector illustration. VR UI and navigation. Futuristic digital technology. Virtual screen. Mixed reality 3d concept. Person in VR headset. Web banner idea

    AR

    Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ

    6 6月, 2023

  • AWE

    未分類

    ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!

    26 5月, 2023

  • python-logo-master-v3-TM

    pyhotn / 業務効率化

    「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

    2 2月, 2023

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

アーカイブ

  • 2024年11月
  • 2023年6月
  • 2023年5月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年2月
  • 2021年12月
  • 2021年9月
  • 2021年7月
  • 2021年6月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年6月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年12月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年8月
  • 2017年7月
  • 2017年6月
  • 2017年4月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2013年10月
  • 2013年9月

Facebook

お問い合わせ

お問い合わせ

人気の記事

  • 【書籍要約】数学的な仕事術大全
  • 世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました
  • Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ
  • ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!
  • 「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

検索

ALAKI株式会社 © 2025. All Rights Reserved.