Integratie in Web AR : Breng uw producten tot leven

Web AR verwijst naar het invoegen van 2D of 3D computergegenereerde beelden op reële wereldbeelden in real time rechtstreeks op een website. Dit type ervaring wordt rechtstreeks via de webbrowser benaderd in plaats van via een applicatie. U kunt het dus openen vanuit Google chrome, safari of Mozilla Firefox. Deze technologie maakt live laden mogelijk zonder dat de gebruiker een mobiele of tablet-app hoeft te doorlopen. Deze ervaring is voor het grootste aantal mensen toegankelijk dankzij twee AR Kit (iOS) & AR Core (Android) systemen. Het maakt gebruik van WebGL, WebVR, WebRTC. Hierdoor kan de gebruiker zich op interactieve wijze onderdompelen in scènes met animaties, video, 3D-modellen en al. WebAR ondersteunt ook beelddetectie. Kortom, het doorbreekt barrières en maakt augmented reality toegankelijk via een QR-code of een link.

AR heeft het veld van mogelijkheden opengelegd en is reeds aanwezig in het dagelijkse leven van velen van ons. Veel toepassingen maken er gebruik van en wij gebruiken het zonder het ons zelfs te realiseren. Dit is het geval op Instagram en Snapchat via filters & effecten maar ook in toepassingen zoals IKEA place of LEGO. Deze apps zijn echter zeer zwaar om te laden en vereisen veel handelingen. Web AR gaat dit tegen door eenvoudige maar toegankelijke ervaringen te bieden met zo weinig mogelijk hinder. Ook kunnen wij nu reeds op Google zoeken (een leeuw bijvoorbeeld) en direct toegang krijgen tot een geanimeerd 3D-model dat voor ons staat. De use cases zijn breder: e-commerce, onderzoek, gezondheid, onderwijs, business & entertainment. U kunt nu bijvoorbeeld een bril passen en direct de kleur veranderen om te zien wat het beste bij u past. U kunt ook een auto voor u plaatsen als deze niet in voorraad is bij uw dealer. Het is mogelijk lichaamsdelen direct weer te geven en hun functie te tonen in een overlay voor medische studenten. Een ander voorbeeld, en niet het minste, is gaming. Dankzij web AR zal je kunnen spelen door rechtstreeks vanaf je smartphone te interageren met levensechte elementen.

ARCore verwijst naar het AR-framework voor Android, terwijl ARKit hetzelfde is voor Apple's iOS. Deze frameworks stellen ontwikkelaars in staat de meest geavanceerde AR-tools te gebruiken om de meest meeslepende en realistische ervaring mogelijk te maken. Met behulp van deze hulpmiddelen kunnen ontwikkelaars dingen toevoegen als het volgen van bewegingen en dergelijke. Hierdoor kunnen apparaten hun relatie met de omgeving beter begrijpen. Met tools als ARCore en ARKit kunnen telefoons ook de grootte en positie van dingen als tafels en stoelen waarderen, voor een realistischer gevoel in elke omgeving. Om dit te bereiken gebruiken ARCore & ARkit de verschillende sensoren op de smartphone om horizontale oppervlakken te detecteren, maar ook om rekening te houden met de bewegingen van de telefoon, en om het licht dat de kamer binnenkomt in te schatten zodat virtuele objecten realistisch verlicht kunnen worden in overeenstemming met de omgeving.

Beide technologieën maken gebruik van de volgende kenmerken om virtuele inhoud in de echte wereld te integreren:

• Beweging volgen - om positie in de echte wereld te volgen.
• Inzicht in de omgeving (maten, locaties, hoeken, vormen, punten en plan)
• Lichtschatting - om lichtinformatie te detecteren.

Toch zijn er verschillen tussen ARKit en ARCore :

Google's SDK traceert meer punten en kenmerken, maar ARKit detecteert horizontale en verticale oppervlakken nauwkeuriger dan ARCore. Ook de laatste updates hebben ARKit verschillende voordelen gegeven (People Occlusion, Motion Capture, Simultaneous front and rear camera, Multiple face tracking, Collaborative sessions)

8th Wall is een van de toonaangevende web AR oplossingen op de markt. 8th Wall biedt ontwikkelingstools voor het creëren en implementeren van webgebaseerde augmented reality ervaringen voor bureaus, merken en content creators. Via zijn editor biedt 8th Wall krachtige functies zoals world tracking, gezichtseffecten en beeldherkenning. Deze worden op het web ingezet, zonder dat de gebruikers een applicatie hoeven te downloaden. Het 8th Wall Framework maakt gebruik van JavaScript en WebGL bibliotheken en ondersteunt de meest populaire 3D frameworks waaronder A-Frame, three.js, babylon.js, Amazon Sumerian en Play Canvas. Het aantal mogelijkheden op 8th Wall is eindeloos en maakt het mogelijk complexe en diepgaande ervaringen te creëren, zoals games of AR-kunstwerken. 8th Wall lanceerde onlangs ook Curved Image Target technologie, die ontwikkelaars nieuwe tools geeft om gebogen oppervlakken zoals kopjes, blikjes en vele andere objecten tot leven te brengen met webgebaseerde augmented reality.

Bij het creëren van een augmented reality effect op het web, zijn er verschillende componenten die meegaan in de schatting van de prijs. Het is bijvoorbeeld belangrijk te weten of de ervaring 3D- of 2D-ontwerpen, animaties, partikels, een picker, speciale acties of een ander element zal omvatten. Zo kunt u een nauwkeurige schatting geven. Niettemin is het mogelijk verschillende prijzen en gamma's te geven, afhankelijk van het soort effect:

• Eenvoudige 3D productintegratie -> tussen 500€ en 5000€.
• Gezichtsanimatie (8e muur) -> tussen 2000€ en 30 000€.
• AR-spellen (8e muur) -> tussen 5000€ en 50 000€.
• Beeldherkenning -> tussen 4000€ en 50 000€.
• Real time aanpassing van brillen of accessoires -> tussen 1500€ en 35 000€.
• Kleur/artistiek/verlichtingseffecten -> tussen 1500€ en 20 000€.
• Make-up -> tussen 2500€ en 30 000€.

Naast dit produktiegedeelte is er een abonnementsgeld op de 8e muur tussen 1250$ en 5000$, afhankelijk van het aantal views. Er kunnen ook onderhoudskosten worden aangerekend. Deze cijfers zijn indicatief en kunnen variëren naargelang van het project, de termijn en de verstrekte middelen. Voor meer details, bezoek onze Prijzen en tarieven ! 

Hoewel het meer mogelijkheden biedt aan smartphonegebruikers, zijn de mogelijkheden van WebAR-ervaringen eerder beperkt. AR-prestaties zijn gewoon beter op toepassingen. Toch is de geheugenbeperking van de webpagina die een AR-beeld weergeeft een van de obstakels voor het verbeteren van de prestaties van webgebaseerde AR. Bovendien is de functionaliteit ook beperkter dan die van app-gebaseerde AR. Het zal bijvoorbeeld moeilijker zijn om voorwerpen op de muur te plaatsen of om metingen te verrichten. In vergelijking met het ontwikkelingsproces van applicatiegebaseerde AR, hebben ontwikkelaars tijdens het creëren van de WebAR-ervaring geen toegang tot alle mogelijkheden en functies van de apparaten waarvoor ze de AR ontwerpen. Daarom kunnen zij alleen werken met de basisfunctionaliteit. Een andere factor die de kwaliteit van de ervaring kan beïnvloeden is de snelheid van het internet: het moet zo snel mogelijk zijn en zonder onderbreking werken, aangezien browsergebaseerde AR een constante verbinding met het internet vereist. Het lijkt er echter op dat dit probleem met de komst van 5G niet langer een probleem zal zijn.

Web AR stelt u in staat uw producten te tonen en te verkopen met behulp van 3D en augmented reality. Met dit soort medium kunt u uw klanten een geheel nieuwe ervaring bieden. Zij kunnen uw producten personaliseren, ze vanuit elke mogelijke hoek bekijken en met één klik het product in hun omgeving visualiseren met een adembenemend realisme dat het wow-effect teweegbrengt! Dit geeft hen de kans om hun vragen te beantwoorden:

"Passen deze meubels in onze woonkamer?

"Zal deze kleur geschikt zijn voor het interieur van onze kamer?

"Hoe ziet het interieur van deze nieuwe auto eruit?"

Dit zijn vragen die klanten kunnen beantwoorden om een betere aankoopbeslissing te nemen, waardoor de verkoop met ten minste 50 % stijgt. Deze inspanningen komen ook het milieu ten goede doordat het aantal retourzendingen en de logistiek in het proces worden verminderd.

Filtermaker genereert automatisch scripted snippets (kleine stukjes code) die informatie en variabelen bevatten over uw producten. De bestanden worden weergegeven in USDZ- en GLB-formaten die compatibel zijn met alle browsers. Ze zijn zichtbaar op uw pagina als een WebAR en 3D configurator/viewer. Deze functies kunnen in enkele seconden aan uw productpagina worden toegevoegd. Dus of u nu producten in AR op een muur, vloer of in een open ruimte wilt laten zien, wij bieden u de juiste code voor uw ervaring.

Om 3D-modellen op een website te kunnen bekijken, is de meest gebruikte technologie een iFrame. Dit is een frame dat een pagina laadt binnen een andere pagina. 

Tegenwoordig zijn de Google bots die sites controleren slim genoeg om te begrijpen dat wat zich binnen het frame bevindt niet verbonden is met de website en eigendom is van een andere website. Zij gaan er dus van uit dat de inhoud toebehoort aan de eigenaar van de configurator en/of viewer en niet aan de webmaster. 3D-modellen hebben dus geen negatieve invloed op het laden en de SEO van een website, integendeel zelfs. 

Dankzij de 3D-visualisatie van de producten kunnen gebruikers ze vanuit elke hoek ontdekken. Het is mogelijk om in te zoomen voor een nadere blik en elk detail te zien. Toekomstige klanten hebben gemiddeld meer dan 20 seconden interactie met een 3D-configurator, en meer dan 30 % van hen doen dat langer dan 30 seconden. Deze hoge mate van interactiviteit verhoogt niet alleen de tijd die aan het model wordt besteed, maar ook de tijd die op de site wordt doorgebracht, tot 200%.

Kortom, elke extra seconde die op een pagina van een website wordt doorgebracht, verlaagt het bouncepercentage, d.w.z. het percentage bezoekers dat de site verlaat zonder naar andere pagina's door te gaan. In de ogen van Google betekent dit soort gegevens dat de inhoud zeer relevant is en dat er dus beter naar wordt verwezen.

De invoering van een configurator leidt tot betere verkoopresultaten en is een onbetwistbaar argument voor de consument die op zoek is naar het product dat het best bij hem past. Om aan hun verwachtingen te voldoen en hen tot een steeds preciezere keuze te brengen, zijn in de configuratoren een aantal functionaliteiten ontwikkeld. Deze omvatten met name

• De keuze van de kleur
• De keuze van het 3D-model (en varianten daarop)
• De toevoeging van aanpasbare opties
• Toevoegen van tekst en kenmerken die verband houden met een bepaald deel van het spel
• Links naar een externe pagina
• Een export van de gekozen opties (kleuren, model) in PDF
• De configuratie opslaan in uw galerij
• Een module die leidt naar een betalingsinterface (zoals Apple pay)

Bovendien kunnen de modellen reageren op acties via gebaren, zoals klikken en tikken op het scherm. Deze acties kunnen visuele animaties triggeren (deeltjes, verschijningen, enz.) maar ook fysieke animaties (openen van een voertuigdeur). Elk van deze acties is aanpasbaar en hangt af van het model en de ervaring zelf.

Quick Look is een innovatieve functie die Apple in 2018 heeft gelanceerd. Met deze tool kunnen e-tailers een preview van hun producten in augmented reality weergeven. Het Apple-merk heeft inmiddels begin 2020 een nieuwe functie van zijn Quick Look augmented reality (AR)-tool uitgerold. Nu kan elke iPhone- en iPad-gebruiker online winkelen en genieten van een augmented reality-voorbeeld van hun toekomstige aankopen om te zien of ze goed passen in hun omgeving. Na dit proces worden zij uitgenodigd om op een knop onder in hun scherm te klikken. Met deze knop kunnen zij, als hun betaalmethode geregistreerd is, hun aankoop valideren en het aangegeven bedrag betalen. Dit vergemakkelijkt het aankoopproces en vermindert het aantal handelingen dat nodig is vanaf de ontdekking van het product tot de aankoop. De knop is aanpasbaar en kan voor verschillende doeleinden worden gebruikt. Hij kan ook worden gebruikt om een live chat toe te voegen zodat klanten eventuele vragen over een product rechtstreeks aan het verkooppersoneel kunnen stellen.