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


Table of Contents
What is WebAR?  |  How Does WebAR Work?  |  WebAR Solutions

What is WebAR?

In essence, the greatest difference between WebAR and app-based AR is that WebAR 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), WebAR is app-less, requires no downloads, and is a lower barrier to entry for users. AR Applications take 6 steps to initiate, while WebAR 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 WebAR does have performance, computer vision (tracking), and activation limitations. We’ll get into this topic more in our upcoming “AR App versus WebAR” article.

WebAR works on your mobile device

Check out a WebAR 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

WebAR Outperforms App-Based AR

How does WebAR work?

In a lot of ways, WebAR can be thought of as an extension to your existing website. Engaging customers with WebAR 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 WebAR 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 WebAR 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 WebAR 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 WebAR 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 WebAR 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 WebAR 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 WebAR 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 WebAR in our coming article “How to Harness the Full Value of WebAR.”

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

  1. To initiate your WebAR 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 WebAR 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 WebAR solutions, there are a handful of platforms that support the creation of WebAR 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 WebAR 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 WebAR Work” puzzle to consider is what will be your WebAR URL and who will host the experience. At RPR, we have our own secure servers set up and ready to host and support your WebAR experience. We will also work with you on creating your unique WebAR URL.

For example, when hosting your WebAR 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 WebAR 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

Empty section. Edit page to add content here.

See Also: Web AR Examples

Rock Paper Reality WebAR Solutions

No application. No download. No friction.

Holographic WebAR 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.


  • 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


  • 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 WebAR 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 WEBAR


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


  • 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

WebAR Hosting

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

WebAR is essentially the catch-all term for accessing augmented reality experiences through your mobile web browser. Unlike app-based AR, Web AR experiences can be initiated through scanning a QR code with your phone’s camera, tapping an NFC chip, or by clicking a hyperlink on a website, email, text, etc.  

Sixty percent of shoppers use their phone to look up product information while they’re in the store. Since they are already using the main tool, scanning a code is easy.

Consumers can experience the full power of Web AR by scanning QR codes on products, posters, flyers, recipes, tags, and more. All it requires is aiming the phone’s camera at the QR Code to get immediate access to an AR experience in the real world.

Web AR does not require any downloads or apps – only the phone’s camera and the web browser. Since the experience is accessed through your web browser, WebAR, in many ways, can be thought of as an extension to your existing website. But it’s so much more.

Find out more about what Rock Paper Reality can do to leverage your marketing and advertising campaigns using WebAR.

Watch Rock Paper Reality’s Web AR in action! Here are some of our WebAR projects that have achieved great results in consumer engagement and revenue.

  • The World’s First Holographic Web AR Experience for consumer products: Jackson Family Wines 
  • The World’s First Holographic Web AR Retail platform for Desktop, AR and VR: Microsoft

The World’s Largest Deployment of Web AR: The Saatchi Art Gallery

Want to know more about how we can deliver world class WebAR for you?

Related Blog Posts

The Main Components of WebAR Development

The Main Components of WebAR Development

WebAR development enables businesses to bring augmented…

Is WebAR Better than AR Apps?

Is WebAR Better than AR Apps?

Of the two main approaches to developing augmented reality…

WebAR and the Beverage Industry

WebAR in the Beverage Industry

WebAR in the beverage industry allows brands to deeply…

The Marketer's Guide to WebAR

The Marketer’s Guide to WebAR

WebAR is a huge undertaking for a marketing org; check out…

How Does Web-based Augmented Reality Work?

How Does Web-based Augmented Reality Work?

Web-based augmented reality (webAR) technology helps…

The Best Web AR Marketing

Web AR is a very effective medium to drive brand awareness…