10+ Beispiele für gut gemachte Web AR-Erlebnisse

Web-basierte Augmented Reality ist ein wachsender Trend im Website-Design, der es Nutzern ermöglicht, mit realistischen Erlebnissen von Desktops oder Telefonen im Browser zu interagieren, ohne dass eine zusätzliche App erforderlich ist. Diese Technologie erfordert ein bisschen von allem und umfasst oft HTML5, Web Audio, WebGL und WebRTC zur Entwicklung.

Das Ergebnis kann ziemlich beeindruckend sein und führt zu einem Maß an Engagement und Interaktion, das die Nutzer nach mehr verlangt.

WebAR ist die Abkürzung für "Web-based Augmented Reality", eine relativ neue Technologie, die keine mobile Anwendung benötigt, um zu funktionieren. Die Nutzer können direkt von ihrem Smartphone aus mit der nativen Kamera und dem mobilen Webbrowser auf AR-Erlebnisse zugreifen. Diese nahtlose Nutzererfahrung ist einer der Hauptgründe, warum WebAR so schnell an Beliebtheit gewinnt.

Hier sehen Sie einige Beispiele von Websites, die Web AR einsetzen, um Ihre Projekte zu inspirieren.

Mehr sehen

1. das McLaren Technology Center auf Google Maps

Dies könnte die interaktivste Karte sein, die Sie je gesehen haben. Anfang dieses Jahres startete Google eine Partnerschaft mit McLaren Racing, die es Ihnen ermöglicht, sich mit Web AR von so gut wie überall aus in die Anlage zu begeben.

Google beschreibt das Projekt folgendermaßen:

"Seit Google im vergangenen Jahr offizieller Partner des Formel-1-Teams wurde, haben wir an einem exklusiven Street View-Erlebnis gearbeitet, das die Fans hinter die Kulissen des McLaren Technology Center, dem Hauptsitz von McLaren Racing und der Heimat des McLaren Formel-1-Teams in Surrey, führt,England."

2. Michelob ULTRA Yosemite Portal

Mit dieser Web-AR-Erfahrung können Sie Ihr Bier aus Ihrem Garten an einen Ort bringen, der ein wenig malerischer ist: Sie betreten ein Portal, das Sie direkt von Ihrem Telefon aus auf eine Tour durch den Yosemite führt.

3. die Warba-Welt

Warba World ist das erste - und vielleicht einzige - AR-Abenteuerspiel im Bereich der Finanzbildung. Die Spieler wählen einen Avatar aus und werden auf eine 3D-Karte transportiert, auf der bekannte Wahrzeichen von Kuwait-Stadt mithilfe von AR-Technologie dargestellt sind. In dieser virtuellen Kuwait-Stadt sind mehrere verschiedene Sehenswürdigkeiten versteckt, die jeweils eine neue Aufgabe freischalten.

4. die Saatchi Art Ansicht in meinem Zimmer

Web AR funktioniert auch im E-Commerce. Mit der Funktion "View in My Room" von Saatchi Art können Sie mit der Kamera Ihres Telefons sehen, wie ein Gemälde von deren Website bei Ihnen zu Hause aussehen würde. Wählen Sie einfach ein beliebiges Kunstwerk aus und dann "View in My Room", um zu sehen, ob es zu Ihnen passt.

5. der dumme Hase

Das Kinderbuch Silly Bunny verfügt über eine telefonbasierte Web-AR-Reise, mit der man passend zum Buch spielen kann, um einen eigenen Silly Bunny zu aktivieren und mit ihm Abenteuer zu erleben.

6. zenni Optik

Zenni Optical nutzt Web AR, um den Online-Kauf von Brillen praktischer zu machen: Sie können Ihre Webcam nutzen, um Ihre Pupillendistanz zu messen, um eine Brille zu finden, die genau passt, und sie dann online "anprobieren".

7. 1 Ort

Ähnlich wie Sie Kunstwerke in Ihrer Wohnung vor dem Kauf betrachten können, wendet 1 Place dasselbe Modell auf Möbel an. Zusätzlich können Sie die Stücke drehen und verschieben, um sie mit einem Mausklick aus jedem Winkel zu betrachten.

8 Brett Williams

Wenn Sie ein Designer/Entwickler sind, der mit AR spielt, könnten Sie es für Ihren Lebenslauf verwenden, wie Brett Williams es hier tut. Dies ist eine unterhaltsame Art und Weise, Fähigkeiten zu zeigen und zu zeigen, was Sie in einer immersiven Erfahrung tun können. Er stellt auch einen LinkedIn-Lebenslauf zur Verfügung, wenn Sie ihn in einem traditionelleren Format sehen möchten.

9. pha5e

Erstellen Sie einen virtuellen Garten mit einem Erlebnis, das mit einer dreidimensionalen Animation auf Ihrem Desktop beginnt. Wenn Sie mit dem Ergebnis zufrieden sind, können Sie auf Ihr Handy wechseln, um die Augmented Reality zu erweitern.

10. schrumpfen Strahl Instagram Filter

Web AR lässt sich gut in andere Anwendungen integrieren: Shrink Ray ist eine Augmented-Reality-Anwendung, bei der die Nutzer direkt mit Konsumgütern interagieren und sehen können, wie sich die Inflation auf die Kaufkraft ausgewirkt hat.

Schlussfolgerung

Das Tolle an Web AR ist, dass man keine App entwerfen und entwickeln muss, damit es funktioniert. Es handelt sich um eine webbasierte Browsertechnologie. Zwar gibt es im Moment noch nicht viele solcher Websites, aber wir erwarten, dass die Nutzung zunehmen wird.

Könnten Sie sich vorstellen, Web AR in einem bevorstehenden Projekt einzusetzen? Wenn Sie mehr wissen möchten, finden Sie in What is Web AR? eine großartige Ressource mit vielen Informationen zu dieser Technologie.