2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
S
N
A
Q
E
A HAPPY NEW YEAR
A HAPPY NEW YEAR
A HAPPY NEW YEAR

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <main class="container"> <section class="fetures"> <div class="feature-item"> <img src="#" width="300" height="146" alt="Laptop"> <h2 class="feature-name">Web sites</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilis amet.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Phone"> <span class="feature-name">Apps</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Presentation"> <main class="container"> <span class="feature-name">Presentations</span> <section class="features"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Doloremque <div class="feature-item"> </main> beatae vellure quae.</p> <main class="container"><div class="feature-item"> </div> <section class="features"> </section> <div class="feature-item"> </main> <div class= </body> <img src= </html> <b class= </div> <p>Lorem </section> </div> </div> </main> <div class= </body> </main> <img src= </html> <div class= <b class= <div class= "feature-item"> </section> "feature-item"> <title>Document</title> <div class= <img src="#" <main class="container"> "feature-item"> width="300" </section> <div class= <img src="#" height="146" <div class= "feature-item"> width="300" alt="Phone"> "feature-item" <div class= height="146" </div></div> <img src="#" "feature-item"> alt="Phone"> </section> width="300" <img src="#" </div></div> </main> height="145" width="300" </section> </body> alt="Phone" height="146" </main></div> </html> </div></div> alt="Phone"></body></div> <div class= </section></div> <div class="feature" "feature-item"> </main></main> </section></main> <main class="container"></body> </body></html> <section class="features"> <div class="feature" </section>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <main class="container"> <section class="fetures"> <div class="feature-item"> <img src="#" width="300" height="146" alt="Laptop"> <h2 class="feature-name">Web sites</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilis amet.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Phone"> <span class="feature-name">Apps</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Presentation"> <main class="container"> <span class="feature-name">Presentations</span> <section class="features"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Doloremque <div class="feature-item"> beatae vellure quae.</p> <main class="container">width="300" </div> <section class="features"> </section> </section> <div class="feature-item"> </main> </main> <div class= </body> <img src= </html> <b class= </div> <p>Lorem </section> </div> </div> </main> <div class= </body> </main> <img src= </html> <div class= <b class= <div class= "feature-item"> </section> "feature-item"> <title>Document</title> <div class= <img src="#" <main class="container"> "feature-item"> width="300" </section> <div class= <img src="#" height="146" <div class= "feature-item"> width="300" alt="Phone"> "feature-item" <div class= height="146" </div></div> <img src="#" "feature-item"> alt="Phone"> </section> width="300" <img src="#" </div></div> </main> height="145" width="300" </section> </body> alt="Phone" height="146" </main></div> </html> </div></div> alt="Phone"></body></div> <div class= </section></div> <div class="feature" "feature-item"> </main></main> </section></main> <main class="container"></body> </body></html> <section class="features"> <div class="feature" </section>

TOP BLOG AR✕Shopifyでビジネスを加速
#Shopify

AR✕Shopifyでビジネスを加速

2022.12.16 Storyteller

通販でものを買うときに、一つのネックになっているのが、サイズ感が分かりづらいということです。家具を買うときはサイズを確認して購入しても、例えば部屋と部屋を区切るドアが通らなかった、といったことは多くの人が経験していることだと思います。ARを活用することで、商品購入時のネックだったり、商品到着後のトラブルを回避することができます。

⬛Shopify ARとは

Shopifyサイトで商品を購入する際に、ARで商品画像をカメラを通して、現実世界に投影することができます。AR内では商品を自由に回転させることができるため、商品をお部屋に配置するときのイメージがつかみやすくなります。

このイメージはユーザーの購買行動に大きな影響があります。「実際に購入し、配置したときの記憶」ものと「ARのイメージ」と、脳は区別がつかないためです。つまり「ARのイメージ」を見たときに、脳は「商品を購入したことがある」と認識してしまいます。

そうするとどうなるか、と言うと、商品購入までのハードルが大きく下がる、ということになります。そのためARを使った商品紹介はユーザーの購買行動の背中を押すのに期待ができそうです。

⬛サイズだけではなく、色も変更が可能

商品画像をARに投影するのは、サイズ感だけではなく、色も変更が可能です。ユーザーは部屋のインテリアに合うような色を選択して商品を購入することができるため、安心して商品を購入することができます。

⬛返品も減らすことが可能

ARで商品を配置し、商品を購入すると、サイズトラブルをへらすことができます。これは商品購入を促すだけではなく、サイズ起因によるトラブルを減らすことになり、返品をへらすことにも繋がります。

⬛Shopifyが提供する無料ARツール

ShopifyはこのARの技術を使って無料ARツールを提供しています。それが「size.link」です。「size.link」はモノのサイズをサイトに入力することで、そのモノの直方体をARに投影し、サイズ感を確認することができます。商品販売とはまた違った話になりますが、改めてShopifyの技術力の高さを紹介する話題として上げさせていただきました。

⬛まとめ

ShopifyにてAR技術を使ったECサイト構築やサイトリニューアルをお考えの方はアライバルクオリティーまで、お気軽にご連絡くださいませ。

CATEGORY
TAG
ARCHIVE