Marcus Bell
DTC & Shopify E-commerce Growth Strategist
ジュエリーは、サイズ感や輝きが平面的な写真ではなかなか伝わらないため、オンラインでの販売が難しい商品です。Pandoraはこの課題をバーチャル試着で解決し、買い物客が購入前にリングやチャーム、ブレスレットを自分の手に着けた様子を確認できるようにしました。ジュエリーを販売しているなら、Pandoraの手法を理解しておく価値があります。というのも、ジュエリー試着には2つの異なるタイプがあり、自社ストアに最適なのは必ずしもPandoraが採用しているものとは限らないからです。
私の率直な見解はこうです。PandoraはリアルタイムのARを採用しており、スマートフォンのカメラがその場でジュエリーをあなたに重ねて表示します。これは手に着けるリングには最適です。ただ、ほとんどのオンラインジュエリーストアにとっては、着用した様子を画像として生成するAI画像試着のほうが導入が簡単で、ネックレスやピアスにも対応できます。それぞれ詳しく見ていきましょう。
Pandoraのバーチャル試着の仕組み
Pandoraの試着は拡張現実（AR）です。スマートフォンのカメラを使って、買い物客はリングやチャームを手に重ねづけしてプレビューをリアルタイムで行えます。これは、パーツを組み合わせて自分だけの一品を作り上げるというPandoraの提案そのものにぴったりです。生成された画像ではなくライブのオーバーレイなので、手を動かすとそれに合わせて表示も更新されます。
このようなARは、置かれる場所が予測しやすいアイテム、たとえば指に着けるリングやブレスレットに着けるチャームなどでは目を見張る効果を発揮します。一方でトレードオフもあり、構築やキャリブレーションの負担が大きく、得意とするのは特定の商品群に限られます。
ジュエリーにおけるAR試着とAI試着の違い
買い物客にジュエリーの着用イメージを見せる方法は2つあります。
- ライブAR（Pandoraの手法）：カメラがリアルタイムでアイテムを重ねて表示します。手に着けるリングやブレスレットに最適ですが、買い物客がカメラを向けてしっかり静止させる必要があります。
- AI画像：買い物客が写真をアップロードすると、AIがそのアイテムを着けている画像を生成します。ネックレスやピアスなど幅広く対応でき、AR体験を構築しなくても導入できます。
どちらが間違いということはなく、用途が異なるだけです。さまざまな商品タイプで素早く試着を公開したい一般的なオンラインジュエリーストアにとっては、たいていAI画像のほうが導入が速く、対応範囲も広い選択肢になります。
自社ストアにジュエリー試着を導入する方法
マネージド型のウィジェットを使えば、エンジニアリングなしで商品ページにAI画像によるジュエリー試着を組み込めます。Phottaはタグ1つで導入でき、ジュエリーにも対応しています。
<script src="https://widget.photta.app/v1.js" data-key="pk_live_..."></script>
買い物客が写真をアップロードすると、ライブのオーバーレイではなく画像として生成された着用イメージを確認できます。ジュエリーとアパレルに対応し、29言語で動作し、処理後は買い物客の写真を削除します。アップロードと結果表示のUIは標準で用意されており、自社ブランドに合わせてカスタマイズできます。
ジュエリー試着を導入する価値
アイテムを着けた様子を見せることで、写真では伝えられない2つの要素、つまりサイズ感と実際の身体での見え方が解決します。各カテゴリを通じて、試着を利用したユーザーは利用しなかったユーザーの約2.3倍の率でコンバージョンしています。ジュエリーでは、買い手がそのアイテムが実際にどれくらいの大きさで、どれだけ似合うのか確信を持てないことが多いため、この安心感こそが購入の決め手になります。
設定方法
- business.photta.appでサインアップし、無料トライアルを開始します（14日間、試着30回）。
- キーを作成し、ジュエリーを選択して、自社ストアのドメインを追加します。
- 1行のスクリプトを、Shopify、Wix、Squarespace、WooCommerceのテーマに貼り付けます。
- 自社ブランドに合わせて整えれば、買い物客は購入前にあなたのアイテムを着けた様子を確認できます。
プランはトライアル終了後、試着500回で月額49ドル前後から始まります。
よくある質問
出典
- BrandXR、バーチャル試着に拡張現実を活用するジュエリーブランド：brandxr.io
- eMarketer、バーチャル試着が返品を抑制しコンバージョンを高める：emarketer.com
- Baymard Institute、商品ページのUXに関する調査：baymard.com