Shopify VRとAR：没入型ショッピング体験への鍵

公開: 2019-06-17
2020年までに、カスタマーエクスペリエンス（CX）が主要なブランド差別化要因になります。

ウォーカー情報

そして、店内の顧客体験をシームレスに再現するよりも、優れたオンラインショッピング体験を提供するためのより良い方法は何でしょうか。 これはまさに、仮想現実（VR）と拡張現実（AR）をShopifyストアに組み込むことでビジネスに役立つことです。 ただし、VRとARをストアに追加する前に、製品の3Dモデルを用意する必要があります。 今日は、eコマース、Shopify VR、Shopify ARのコンテキストでの3Dモデルと、これらのテクノロジーがどのように役立つかについて説明します。 カバーする地面がたくさんあるので、飛び込みましょう！

3Dモデルと、eコマースのコンテキストでVRおよびARに統合する方法

製品の3Dモデルは、長さ、幅、高さの3次元でその製品を仮想的に表現したものです。

3Dモデルを使用すると、顧客は実店舗でしか提供できなかった方法でオンラインで製品を探索して操作できます。顧客は3Dモデルを360度回転させ、あらゆる角度からアイテムを調べることができます。

また、VRとARを組み合わせれば、3Dモデルにより、顧客は実店舗では提供できない方法で製品を体験できます。 3DモデルをARまたはVRでレンダリングすると、顧客は自分の個人的なスペース（たとえば、リビングルームなど）をショールームに変えることができます。

新しいソファを購入したいが、家でどのように見えるかわからないとします。 ARまたはVRでソファの3Dモデルを見ることができ、テーブルや大好きなランプでソファがどのように見えるかをよりよく理解できます。 ARとVRのエクスペリエンスは完全に異なることに注意してください。

たとえば、ARは主に電話とタブレットベースであるため、ヘッドセットは必要ありません。 基本的に、携帯電話またはタブレットのカメラを使用して、リビングルームのソファの3Dバージョンを視覚化します。 3Dモデルを操作できるようになります。サイズを大きくしたり、回転させたり、移動したり、さまざまな角度から調べたりできます。 しかし、ソファが実際に部屋にあるようには感じません。 代わりに、携帯電話やタブレットのカメラを通してソファを見ているような気分になります。

さて、VR体験のためには、VRにもう少しアクセスしにくくするヘッドセットが必要になります。 しかし、ソファの3DモデルをVRでレンダリングすると、ソファが実際に目の前にあるように感じられます。 あなたはそれに近づき、それを詳細に探求し、そしてその正確なサイズとスケールのより良い感覚を得ることができるでしょう。 言い換えれば、ショッピング体験ははるかに没入型になります。

いずれにせよ、3Dモデルは両方の体験に不可欠です。

したがって、問題は、マーチャントが自社製品の3Dモデルをどのように作成できるかということです。

Shopifyによると、3DモデリングはVRとARを始める上での最大の障壁の1つです。 Shopifyの経験では、製品を3Dに変換する2つの最良の方法は、写真測量とCAD（コンピューター支援設計）ファイルの変換です。 続きを読む

マーチャントが3Dモデリングを簡単に行えるようにするために、Shopifyは3Dモデリングパートナー（Sayduck、Zee Agency、CGTraderなど）と3Dアプリパートナー（Tapcartなど）のパートナーネットワークを構築しています。

要約すると、製品の3Dモデルを取得するための2つのオプションがあります。

  • 写真測量またはCADファイルを使用して、製品の3Dモデルを社内で作成できます。 Maya、Blender、ZBrush、Photoshop、ThreeKitなどの3Dモデリングソフトウェアを使用することもできます。 始める前に、このShopifyガイドの3Dモデリングを読むことをお勧めします。 チームに3Dアーティストがいる場合にのみ、社内で3Dモデルを作成することが実行可能なオプションであることに注意してください。
  • 3Dモデリングパートナーと協力して、タスクを外部委託することができます。

しかし、最高のものはまだ来ていません！ Shopifyは、マーチャントが製品の3Dモデルを簡単に入手できるようにするだけでなく、3DモデルをShopifyに直接アップロードして保存できるようにします。

年末までに、Shopifyの販売者は、画像（JPEGおよびPNGファイル）をアップロードおよび保存するのと同じ方法で、3Dモデルをアップロードおよび保存できるようになります。 販売者は、3Dモデルをさまざまな製品バリエーション（色やサイズなど）に関連付けることもできます。 したがって、Shopifyの言葉を借りれば、ストアの所有者は、より優れた商品リストを作成し、より強力なブランドストーリーを伝え、返品を減らし、顧客の注目を集めることができます。 この機能はUnite2019で発表されました（今年のUniteで発表されたこの機能とその他の機能の詳細をご覧ください）。

    私たちのビジョンは、拡張現実のようなテクノロジーが将来の買い物の仕方を根本的に変えることです。 3Dコンテンツを管理するための新しいAPIを提供し、3Dモデリングおよびストレージツールのロックを解除することで、マーチャントは専門のパートナーと協力して、新しい没入型3D対応のコマースを初めて大規模に顧客に提供できるようになります。

    Shopify

    Shopify VR

    eコマースでVRを考えることは、仮想店舗を歩き回るという意味でのみ、VRが小売をどのように改善できるかについての非常に限定的な見方です。

    Shopify VR / ARチームの責任者であるDanielBeauchamp

    また、これを使用して、ブランドと顧客の間に感情的な絆を築き、製品のインテリジェントなテスト環境を構築することもできます。これらはすべて、より多くの情報に基づいた没入型の顧客体験につながります。

    これは、Shopifyの販売者であるStandDeskの製品のVRエクスペリエンスを作成することで、Shopify VR / ARチームが証明したものです。 プロジェクトを完了するために、Shopifyは製品の3DモデルをVRに統合しました。

    • 顧客は、実際の製品とまったく同じように製品を見て、その規模と詳細をよりよく理解できるようになりました。
    • 顧客がVR内でそれをカスタマイズできるようにしました–すべての変更はすぐに製品ページに反映されました。
    • チェックアウトプロセスをユーザーフレンドリーに保ちました–顧客はVRにクレジットカードを入力することを心配する必要はありませんでした。 VRヘッドセットを外して、標準のShopifyチェックアウトプロセスを完了するだけで済みました。

    ShopifyはWebVRを使用してこの概念実証を構築したため、これはすべてブラウザーで直接体験できます。アプリやプラグインは必要ありません。 製品サンプルページを参照してください

    製品をVRで体験するには、モバイルヘッドセット（ShopifyはWebVRをネイティブにサポートしているためGoogleのDaydreamViewまたはSamsungのGearVRを使用することをお勧めします）またはデスクトップヘッドセット（ViveやOculus Riftなど）を使用する必要があります。 VRヘッドセットをお持ちでない場合、VRで製品を表示することはできません。 ただし、3Dモデルを操作することはできます。

    最終的に、このプロジェクトで、Shopifyは「3DとバーチャルリアリティをShopifyストアにシームレスに組み込むことができる」ことを証明しました。 しかし、eコマースのVRはまだかなり新しい概念であり、テクノロジーがすべての店舗所有者に利用可能になる前に、多くのツールとアプリを開発する必要があります。 ShopifyでのVRの採用を促進するために、Shopifyは開発したVRテクノロジーの一部をすべての加盟店が利用できるようにしました。 eコマースの巨人はまた、パートナープログラムに参加し、すべての店舗所有者にVRを拡大するのに役立つ3DアーティストとVR開発者を探しています。 これが発生するまで、ShopifyストアにVRを追加する場合は、カスタムソリューションが必要になります。

    できることがいくつかあります。

    • ストアのVR体験を構築できるShopifyエキスパートに連絡できます。 Webowskiは、3D / VR / ARテクノロジーの経験を持つ数少ないShopifyエキスパートの1人です。 Webowskiの最高の作品の例は、Santamariaシャツメーカー向けに開発された3D製品ビルダーです。
    • Shopifyと簡単に統合できるMozillaのVRフレームワークであるA-frameに精通しているVR開発者に連絡することができます。 C. Van Wiemeersch、Gabriel Baker、Vishnu Ganti、Andres Cuervoなど、私たちがスクリーニングし、このテクノロジーに優れていると信じている開発者の一部を紹介します。
    • 最後になりましたが、WebVRの使用を検討できます。これは、ShopifyがStandDeskの周りに概念実証を構築するために使用したオープン仕様です（これにより、顧客はブラウザーで直接VRで製品を体験できます）。 概念実証を構築するために、Shopify VRチームはSketchfab（高品質の3Dモデルの銀行）とPlayCanvas（素晴らしいコラボレーション機能を備えた外部VRフレームワーク）を使用しました。 Daniel Beauchamp氏は、Shopify VR / ARチームもA-frameとClara.ioを検討しましたが、「デバッグを大幅に高速化」したコラボレーション機能のために、PlayCanvasを使用することを選択したと述べました。

    VRはまだ初期の段階であり、ワープ速度で開発を続けます。 今後数年以内に、VRヘッドセットに投資する人が増えるにつれ、より幅広い消費者の採用が期待できます。 結局のところ、これは、テクノロジーを早期に採用すればするほど、より早く成果を上げ始めることを意味します。 そして、より早くあなたはあなた自身をあなたの競争相手から引き離すでしょう...

    Shopify AR

    VRとは異なり、ARでは人々が物理的な環境から完全に逃れることはできません。 仮想オブジェクト（ビデオや3Dグラフィックスなど）を追加するだけで、それを充実させることができます。 モバイルで広く採用されているため、没入感は低くなりますが、はるかにアクセスしやすくなります。 これは、はるかに多くのオーディエンスをターゲットにできることを意味します。

    電子商取引におけるARのアプリケーションは、実際の環境での製品の3D視覚化から、購入後のコンテキスト製品の推奨事項や360度の製品ウォークスルーまで、数多くあります。 続きを読む

    すぐに、eコマースとShopifyでのARの最も一般的なアプリケーションのいくつかについて説明します。 しかし、最初に、ShopifyARを詳しく見てみましょう。

    Shopify ARは、以下を含むツールキットを提供します。

    • 3Dモデリングパートナーのサービスマーケットプレイス。 これは、2018年9月17日にDanielBeauchampによって発表されました。 続きを読む
    • 販売者が商品の3Dモデルを保存し、顧客がこれらの商品をARで表示できるようにするために使用できる3Dギャラリーアプリ。 顧客がARで商品を表示できるようにするには、（1）3Dギャラリーアプリをインストールする、（2）商品の3Dモデルを作成して3Dギャラリーアプリに追加する、（3）ShopifyテーマでARクイックルックを有効にする、 （4）ARバッジを3D製品に追加します。 詳細なステップバイステップガイドを読む
    • AR Quick Look（Appleの最新のARテクノロジー、別名AppleのARKit）のサポート。 2018年9月、ShopifyはAR Quick Lookのサポートを追加し、すべてのShopify加盟店が利用できるようにしました。 ARクイックルックの動作をご覧ください
    私たちは、拡張現実によって解き放たれた信じられないほどのビジネスの可能性を中小企業にとってより利用しやすいものにすることに取り組んでいます。 そのため、マーチャントが製品の3Dモデルを作成できるようにサービスマーケットプレイスを構築しました。 Appleが最近発表したARQuick Lookにより、これらの3DモデルをiOS12デバイスのSafariブラウザーから直接ARで表示できるようになりました。別のモバイルアプリや不格好なヘッドセットは必要ありません。

    出典：Shopify

    ShopifyARの動作をご覧ください

    Shopify ARで可能なことについて説明したので、業界に応じてARをShopifyストアに適用する方法のいくつかを詳しく見ていきましょう。

    家具と家の装飾

    家具や家の装飾を販売する場合、ShopifyストアにARを追加すると、より多くの情報に基づいたショッピング体験を提供するのに役立ちます。 特に、実際のショールームやポップアップストアがなく、顧客が実際の製品の外観を確認できる場合はなおさらです。

    ソファの例を覚えていますか？ ARを使用すると、顧客は自分の家やオフィスなどに製品の写実的な3Dモデルを配置できます。このようにして、顧客は購入したい製品が自分のスペースにどのように適合するかをよりよく理解できます。 これは彼らの購入決定を大幅に容易にし、それぞれ、あなたの収益に利益をもたらします。

    Shopify VR / ARチームは、マグノリアマーケットのネイティブアプリをARで拡張しました。その結果は、このコンセプトがどのように機能するかを完全に示しています。 Shopify ARツールキットまたはAugmentなどのARプラットフォームを使用して、同じインタラクティブなショッピング体験を顧客に提供できます。 AugmentはShopifyと簡単に統合でき（ステップバイステップガイドを読む）、開始するために必要なのはAugmentアカウントと製品の3Dモデルだけです。 Augmentの動作をご覧ください

    ファッション業界

    オンラインでアパレルを販売する場合、製品が「適合しなかった」ため、おそらく日常的に返品や交換に対処する必要があります。 ARを入力します。 ARを使用すると、顧客が衣服やアクセサリーを事実上「試着」し、写真を撮り、ソーシャルメディアで共有できるようになります。 これにより、顧客はより多くの情報に基づいた意思決定を行うことができ、購入の自信が高まります。 それぞれ、収益が大幅に減少します。

    Avametricを使用すると、衣類やアクセサリーの正確な3Dレンダリングを提供し、顧客がカスタマイズ可能なデジタルマネキンでそれらを視覚化できるようになります。 Avametricはカスタムソリューションを提供します。ARでネイティブアプリを拡張したり、ストア用のARアプリを構築したりできます。 Avametricの仕組みをご覧ください

    美容業界

    ARの「試着」機能はファッションを超えています。 美容製品を販売する場合、顧客が事実上「試着」できるようにすることができます。写真やライブビデオをアップロードして、特定のアイライナー、マスカラ、リップグロスがリアルタイムでどのように見えるかを確認できます。 製品のリアルな表現を見ることで、顧客は自分に最適な色や色合いを簡単に選択できます。 あなたはModiFaceの助けを借りてそのような経験を可能にすることができます。 彼らはSephoraVirtual Artistの背後にいる素晴らしい心であり、EsteeLauderやL'Orealなどの美容業界の他の大手企業から信頼されています。

    ModiFaceが提供するものは次のとおりです。

    • 特許取得済みのBeautyARソフトウェア開発キット（SDK）–メイク、髪、肌のシミュレーションをリアルタイムで行うためのフォトリアリスティックなビデオおよびフォトSDK。 Android、iOS、Windows、およびWebで使用できます。
    • ビデオや写真の信じられないほど正確な3D顔の特徴の追跡と分析。
    • Android、iOS、およびWindowsアプリ用の完全にカスタム化されたARモジュール– ModiFaceは、正確な製品シミュレーションでカスタマイズされたエクスペリエンスを作成し、すべてのAR機能を既存のモバイルアプリケーションと統合するのに役立ちます。 例を見る
    • Web用のEコマースARモジュール–顧客は、写真またはライブビデオで任意の製品をWebサイトで直接テストできます。 モジュールは任意のブラウザからアクセスでき、シームレスかつ迅速に展開できます。 サンプル画像を見る

    VRと同様に、ARはまだ初期段階にあり、急速に発展しています。 この技術は、分単位で人気が高まっています。 消費者の関心と需要は飛躍的に伸びています。 ARは2020年までに10億人のユーザーを獲得すると予想されています（出典：新世代アプリ）。 ShopifyへのARの埋め込みも人気が高まっています。 すでに数十のブランドがこの強力なテクノロジーのメリットを体験しています。

    出典：Shopify

    ARの動作を確認し、ARの力を活用しているいくつかのブランドのストーリーを読みたい場合は、次の記事を確認する必要があります。

    • 今日拡張現実で閲覧できる10のShopifyストア
    • 拡張現実は、顧客体験に新しい次元のエンゲージメントをもたらします

    結論

    2021年までに、拡張現実と仮想現実を合わせた市場規模は2,150億米ドルに達すると予想されています。

    新世代アプリ

    そしてここに理由があります...

    VRとARは、ショッピング体験のような没入型の店内を強化し、顧客が自分でナビゲートできるようにします。 今日、顧客は手のひらと自宅の快適さから製品を十分に体験し、探索することができます。 また、WebVRやWebARなどのテクノロジーのおかげで、アプリやプラグインをインストールする必要がないため、ショッピング体験がさらにスムーズになります。

    最終的に、VRとARは「この製品を購入すべきか」などの質問をします。 簡単です！ したがって、VRとARをストアに追加することで、購入者の不本意に効率的に対処し、既存の顧客をより適切に維持し、新しい顧客を引き付け、売上を増やすことができます。

    今日、VRとARの表面をかじることしかできませんが、確かなことが1つあります。テクノロジーが進歩するにつれて、テクノロジーがもたらす体験はさらに強化されるでしょう。 したがって、VRとARを採用することで、競合他社よりも最先端を行くことができると自信を持って言えます。

    それで... ShopifyストアにVRまたはAR（または両方！）を追加しますか？ どのフレームワーク、ツール、アプリ、またはサービスを使用する予定ですか？ コメントで教えてください！