WebのAR体験がうまくいった10以上の例
目次
WebのAR体験がうまくいった10以上の例
ウェブベースの拡張現実は、ウェブサイトデザインの成長トレンドであり、ユーザーは追加のアプリを必要とせず、デスクトップや電話からブラウザ内でリアルな体験と対話することができます。 この技術は、あらゆるものを少しずつ取り入れ、多くの場合、HTML5、Web Audio、WebGL、WebRTCを使用して開発します。
その結果は非常に印象的で、ユーザーがもっとやりたいと思うようなレベルのエンゲージメントとインタラクションにつながります。
WebARとは、Web-based Augmented Realityの略で、モバイルアプリケーションを必要としない比較的新しい技術です。 ユーザーは、スマートフォンからネイティブカメラとモバイルWebブラウザーを使って直接AR体験ができます。 このシームレスなユーザー体験が、WebARが急速に普及している主な理由の1つです。
ここでは、Web ARを活用したWebサイトの事例を紹介し、あなたのプロジェクトのヒントにします。
もっと見る
1.マクラーレン・テクノロジー・センター(Google Maps上
今年の初め、Googleはマクラーレン・レーシングと提携し、Web ARを使ってどこからでもマクラーレンの施設に入ることができるようにしました。
関連項目: 100+ Best Poster Mockup Templates 2023Googleの説明ではこうなっています:
「昨年、GoogleがF1チームの公式パートナーになって以来、マクラーレン・レーシングの本社であり、サリー州にあるマクラーレンF1チームの本拠地であるマクラーレン・テクノロジー・センターの舞台裏を紹介するストリートビュー体験の制作に取り組んでいます、イギリス"
2.ミケロブ ULTRA ヨセミテポータル
このWeb AR体験は、ビールを裏庭からもう少し景色の良い場所に持っていくことができます。 ポータルに入ると、スマホからヨセミテのツアーに参加することができるのです。
3.ワーバワールド
Warba Worldは、金融リテラシーの分野で初めて、そして唯一のARアドベンチャーゲームです。 プレイヤーはアバターを選択し、AR技術を使ってクウェート市の有名なランドマークを表現した3Dマップに移動します。 この仮想クウェート市には複数の異なるポイントがあり、それぞれ新しいトリビア課題を解除することができます。
4.サーチ・アート ビュー・イン・マイルーム
ウェブARはEコマースにも有効です。 Saatchi ArtのView in My Room機能は、携帯電話のカメラを使って、同社のウェブサイトにある絵画が自分の家でどのように見えるかを見ることができます。 任意の作品を選択し、View in My Roomで、それが自分に合うかどうか確認するだけです。
5.シリー・バニー
子供向けのボードブック「Silly Bunny」には、本に合わせて遊べるスマホを使ったWeb ARの旅があります。 自分だけのSilly Bunnyを起動させて冒険させることができるのです。
6.ゼニ・オプティカル
Zenni Opticalは、Web ARを利用して、メガネのオンライン購入をより実用的にしています。 Webカメラを使って瞳孔距離を測定し、ジャストフィットするメガネをオンラインで「試着」することができます。
7. 1位
また、マウス操作で作品を回転・移動させ、あらゆる角度から作品を見ることができます。
8.ブレット・ウィリアムズ
もしあなたがARで遊んでいるデザイナー/デベロッパーなら、Brett Williamsがここでやっているように履歴書に使うことができます。 これは、スキルや没入体験で何ができるかを示す楽しい方法です。 彼は、より従来のフォーマットで見たいならLinkedIn履歴書も提供します。
9. Pha5e
デスクトップで立体的なアニメーションから始まる体験でバーチャルガーデンを作り、終了後、ここまでの内容に満足したら、スマホに移行してさらに拡張現実を楽しむことができます。
10.シュリンクレイ・インスタグラムフィルター
Web ARは他のアプリの中でも活躍します。 Shrink Rayは拡張現実で、ユーザーは消費財と直接対話し、インフレが購買力にどのような影響を与えたかを見ることができます。
関連項目: 20+ Best Lightroom LUTs for Photography (For Stunning Photos) (写真用LUT)結論
Web ARの魅力は、アプリを設計・開発する必要がなく、すべてWebベースのブラウザ技術であることです。 今はまだ、そういったサイトがたくさんあるわけではありませんが、今後、利用が拡大することが予想されます。
Web ARを使ったプロジェクトはありますか? もっと詳しく知りたい方は、「Web ARとは何か?