RPR Develops World-Class WebAR Experiences

The World’s Largest Deployment Of WebAR - Saatchi Art

The World’s First Deployment Of Holographic WebAR for Consumer Products - Siduri Wines & Microsoft

The World’s First Holographic WebAR Platform for Retail - Microsoft

Web AR

What is Web AR?

In essence, the greatest difference between Web AR and app-based AR is that Web AR is accessed through your phone’s mobile browser rather than through an application.

Like application-based AR, Web AR uses your phone’s camera to register computer-generated information and virtual experiences to the real-world. Think Pokemon Go, Ikea’s product visualization, or Google Translate’s AR feature.

However, unlike app-based AR that requires the user to download and store an application on their phone (taking up time and space), Web AR is app-less, requires no downloads, and is a lower barrier to entry for users. AR Applications take 6 steps to initiate, while Web AR only takes 2 steps, which is a massive improvement.

Sounds like a win-win, right? Well, for lot’s of AR marketing and AR advertising use cases it is the best solution. But Web AR does have performance, computer vision (tracking), and activation limitations. We’ll get into this topic more in our upcoming “AR App versus Web AR” article.

Web AR works on your mobile device

Check out a Web AR hologram of RPR’s CEO dancing…as long as you promise not to judge his moves (you’ll understand when you see it for yourself).

Scan the QR code with your phone’s camera, or click the button below if you’re using a mobile device.

Start the Experience

Web AR Outperforms Web-Based AR

How does Web AR work?

In a lot of ways, Web AR can be thought of as an extension to your existing website. Engaging customers with Web AR in-store (i.e. in situ) using QR Codes works well for customers interacting with a product or physical marketing materials such as a poster or flyer. For online for marketing or advertising, on the other hand, hyperlinks are more appropriate.

If you’re a Consumer Packaged Goods (CPG) company, to enable Web AR all you need to do is include a QR code on your product packaging or label. If creating new packaging is not possible, some companies we have worked with have used QR Code stickers. Not always ideal, but a work around in some cases.

Most iOS devices have a QR code reader built into them. So if you have an iPhone, all you have to do to activate your Web AR experience is launch the camera app on your phone, point it at the QR code you want to scan, and click on the notification banner that pops up on the top of the screen to trigger your Web AR experience. It’s that easy!

At RPR, we work with our clients to create custom QR codes that meet their creative style guides and branding needs. For example, when working with Morrison’s grocery chain in the UK, we created QR codes that used a deep-green color, leaves in place of the typical squares in the corners, along with the Morrison’s logo branded in the middle.

With Web AR hyperlinks, you can connect to your key audience the same way you would through traditional advertising and digital channels such as:

  • Google Ads
  • Social media (Facebook, LinkedIn, Twitter)
  • Youtube
  • Email marketing
  • Text Messages

After deploying Web AR for our clients through digital banner ads, many saw a surge of in-bound leads, longer engagements, and higher Click Through Rates (CTRs). When developing your Web AR strategy, it is often important to consider both your in-store products and promotions as well as how to best advertise and deploy Web AR experiences throughout your various digital channels.

With our team of veteran digital and business strategists, we work with our clients to discover the most impactful ways to deploy new Web AR experiences both in-store and online.

In many cases, we can repurpose some, if not all, of the content we develop for one channel and reuse it for others. This approach saves our clients time, money, and ultimately drives the most value. We will talk about the various strategies for deploying Web AR in our coming article “How to Harness the Full Value of Web AR.”

Depending on the requirements for the Web AR experience, the QR code can be used respectively or in a combination with the three ways below:

  1. To initiate your Web AR experience (as outlined above)
  2. To overlay digital information on it the same way you’d use an AR Marker in an app-based experience.
    To initiate the experience and then transition to SLAM tracking (Simultaneous Location and Mapping).
  3. This one is a bit more complicated but we’ll overeview it below for those that are interested.
    SLAM is basically used to detect your surrounding environment using your phone’s camera, create a map, and to estimate the location of your device within that map. This approach is combined with additional sensors in your phone such as your accelerometer and gyroscope and allows you to track your position in the environment.

Sounds complicated? Basically all you really need to know about SLAM is that it’s used in lieu of QR codes or markers since using markers for AR has limitations, such as your camera needs to maintain a specific distance to the marker or your camera will lose tracking and your digital information will “drift” away. With SLAM, for example, if you’re playing an AR game on your table, you can walk around your environment and don’t have to worry about keeping your marker close to your phone’s camera.

On the other hand, using the Web AR QR code as an AR marker is straight forward. After pointing the camera at the QR code, virtual information will overlay on top of it (or, if it’s on a box, it can be perceived to be inside of it).

For example, for product visualization, you can use a QR code to overlay a 3D model of the product onto a 2D advertisement. But if you move your camera too far away from the marker, you will lose tracking and your AR content will jitter or drift away

If you’re interested in the technology used to develop Web AR solutions, there are a handful of platforms that support the creation of Web AR that are similar to normal web development platforms.

One framework for building Web VR/AR experiences is A-Frame – an entity component for Three.js, used for creating 3D and Web VR/AR scenes using HTML.

RPR has also partnered with 8th Wall – the leading computer vision (i.e. SLAM Tracking) SDK for Web AR on the market.

8th Wall is that it’s compatible with every mobile device, making it incredibly easy to deploy new experiences at scale to anyone, anywhere, anytime.

Finally, the last piece to the “How Does Web AR Work” puzzle to consider is what will be your Web AR URL and who will host the experience. At RPR, we have our own secure servers set up and ready to host and support your Web AR experience. We will also work with you on creating your unique Web AR URL.

For example, when hosting your Web AR experience with RPR, you will get a custom URL that begins rpr.to/. After that, you can add your company or brand name or anything that you like, such as rpr.to/morrisons. However, although the URL path is ultimately up to your team, we recommend that the URLs are as short as possible–ideally (6) characters after rpr.to or less. This makes the data in the QR codes easier to read by QR code scanners. The less characters the user has to type into their browser the more likely they are to engage.

After creating your custom URL for your Web AR experience, if you plan to use a corresponding QR code for the same experience, you will want to identify this before going to print so both redirect accordingly

Rock Paper Reality Web AR Solutions

No application. No download. No friction.

Holographic Web AR Experiences

  • Connect customers with holographic performances of singers, celebrities, and athletes to endorse your brand.
  • Bring your customers face-to-face with interactive holograms of the people that represent your brand best.
  • Place location-based WebAR holograms into your physical store or at your next event to excite customers and create positive associations with your brand that customers will never forget.

SwipeAR

  • Think Tinder for consumer products. Swipe right to like or buy an item; swipe left to pass
  • Improve buyer confidence with 3D product engagement in the real-world
  • Deliver higher conversion rates three than typical mobile site benchmarks.
  • Capture valuable data on what your customers like and dislike for more targeted advertising.
  • Redirect users to custom landing pages, wish lists, and ecommerce carts.
    Integrate with your existing retargeting services like Facebook Pixel and Google Ads

AisleDriver

  • Navigate customers to your products to improve ‘basket lift’ and increase revenues
  • Engage and educate potential customers on your product at the point-of-sale to improve conversions
  • With AisleDriver you can reach your customers in the right place, with the right message, at the right time
  • Measure and monitor customer behavior and optimize product placement based on store traffic with our data analytics.

Rock Paper Reality Web AR Features

GDPR + CCPA Compliant

Android + iOS Compatible

Higher Conversions

Greater Engagement

Greater Reach

Easier to Share

More Sales

Batter User Experience

Why RPR for your WEB AR

Analytics

  • Custom Analytics Dashboard
  • Google Analytics Compatible
  • Capture In-store user engagement

Integrations

  • Facebook Pixel
  • Google Ads Re-marketing
  • E-Commerce

Content Creation

  • 3D Photorealistic Modeling
  • Veteran AR Programming
  • Animation
  • Custom Loading Screens
  • Optimization

End-to-end Service

  • Ideation
  • Production
  • Deployment
  • Brand consistency

Web AR Hosting

  • Integrated cloud hosting
  • Global endpoints
  • Deployment
  • Rapid content delivery
  • Security & encryption