10+ Voorbeelden van goed uitgevoerde Web AR-ervaringen

Webgebaseerde augmented reality is een groeiende trend in websiteontwerp waarmee gebruikers kunnen interageren met realistische ervaringen vanaf desktops of telefoons in de browser zonder dat er een extra app nodig is. Deze technologie heeft een beetje van alles nodig en omvat vaak HTML5, Web Audio, WebGL en WebRTC om te ontwikkelen.

Het resultaat kan behoorlijk indrukwekkend zijn en leidt tot een niveau van betrokkenheid en interactie dat ervoor zorgt dat gebruikers meer willen.

WebAR staat voor Web-based Augmented Reality en is een relatief nieuwe technologie die geen mobiele applicatie nodig heeft om te functioneren. Gebruikers kunnen AR-ervaringen rechtstreeks vanaf hun smartphone bekijken met behulp van de ingebouwde camera en de mobiele webbrowser. Deze naadloze gebruikerservaring is een van de belangrijkste redenen waarom WebAR snel aan populariteit wint.

Hier vind je een aantal voorbeelden van websites die Web AR gebruiken om je projecten te inspireren.

Meer zien

1. McLaren Technologiecentrum op Google Maps

Dit zou wel eens de meest interactieve kaart kunnen zijn die je ooit hebt gezien. Eerder dit jaar lanceerde Google een samenwerking met McLaren Racing waarmee je via Web AR vanaf vrijwel elke locatie hun faciliteiten kunt bezoeken.

Dit is hoe Google het project beschrijft:

"Racefans kunnen een kijkje van dichtbij nemen onder de motorkap van McLaren dankzij een geheel nieuwe Street View-collectie. Sinds Google vorig jaar officieel partner werd van het Formule 1-team, hebben we gewerkt aan een exclusieve Street View-ervaring die fans meeneemt achter de schermen van het McLaren Technology Center, het hoofdkantoor van McLaren Racing en de thuisbasis van het McLaren Formule 1-team in Surrey,Engeland."

2. Michelob ULTRA Yosemite Portal

Met deze AR-ervaring op het web neem je je biertje mee van je achtertuin naar een plek waar het nog mooier is. Je gaat een portaal binnen dat je meeneemt op een tour door Yosemite, rechtstreeks vanaf je telefoon.

3. Warba Wereld

Warba World is het eerste - en misschien wel enige - AR-avonturenspel op het gebied van financiële geletterdheid. Spelers kiezen een avatar en worden getransporteerd naar een 3D-kaart die bekende bezienswaardigheden in Koeweit weergeeft met behulp van AR-technologie. Verborgen in deze virtuele Koeweit-stad zijn verschillende bezienswaardigheden, die elk een nieuwe trivia-opdracht ontgrendelen.

4. Saatchi Art bekijken in mijn kamer

Web AR werkt ook voor e-commerce. Met de functie View in My Room van Saatchi Art kun je de camera van je telefoon gebruiken om te zien hoe een schilderij van hun website er bij jou thuis uit zou zien. Selecteer gewoon een kunstwerk en bekijk het in My Room om te zien of het bij je past.

5. Het gekke konijn

The Silly Bunny, een kartonnen kinderboek, heeft een op de telefoon gebaseerde AR-webreis waarmee je bij het boek kunt spelen. Hiermee kun je een eigen Silly Bunny activeren en met hem op avontuur gaan.

6. Zenni Optiek

Zenni Optical maakt gebruik van Web AR om het online kopen van brillen praktischer te maken. Je kunt je webcam gebruiken om je pupilafstand te meten, zodat je een bril krijgt die precies past en deze vervolgens online kunt "passen".

7. 1 Plaats

Net zoals je de kunstwerken in je huis kunt bekijken voordat je ze koopt, past 1 Place hetzelfde model toe op meubels. Bovendien kun je de stukken draaien en verplaatsen om ze met een muisklik vanuit elke hoek te bekijken.

8. Brett Williams

Als je een ontwerper/ontwikkelaar bent die met AR speelt, kun je het gebruiken voor je cv, zoals Brett Williams hier doet. Dit is een leuke manier om je vaardigheden te laten zien en wat je kunt doen in een immersieve ervaring. Hij geeft ook een LinkedIn-cv als je het in een traditioneler formaat wilt zien.

9. Pha5e

Creëer een virtuele tuin met een ervaring die begint met driedimensionale animatie op je desktop en als je na afloop tevreden bent met wat je tot nu toe hebt gedaan, kun je naar je telefoon gaan voor meer augmented reality.

10. Krimpstraal Instagram-filter

Web AR speelt goed binnen andere apps. Shrink Ray is in augmented reality waar gebruikers direct kunnen interageren met consumptiegoederen en kunnen zien hoe de inflatie de koopkracht heeft beïnvloed.

Conclusie

Het coole aan Web AR is dat je geen app hoeft te ontwerpen en te ontwikkelen om het te laten werken. Dit is allemaal webgebaseerde, browsertechnologie. Hoewel er op dit moment nog niet veel van deze sites zijn, verwachten we dat het gebruik alleen maar zal toenemen.

Zie jij jezelf Web AR al gebruiken in een aankomend project? Wil je meer weten? Wat is Web AR? is een geweldige bron met veel informatie over deze technologie.