WebAR for E-commerce: Enhancing Customer Experience and Boosting Sales

Brands are gradually paying attention to WebAR, an immersive technology that provides companies with new ways to encourage audiences to buy their product. Using WebAR, you can develop advertisements or digital catalogs, where you can observe an item from all angles and try its digital version on yourself or your own environment.

Moreover, WebAR solves issues of customers who order an item online and don’t fully realize whether this item suits them or not. And, according to statistics, 91% of online customers bought items that didn’t fit them.

Learn more about WebAR technology, its principles of work, and the most successful use cases in our new article. 

Technical Characteristics of WebAR for E-commerce

WebAR is an in-browser augmented reality that can be used on a smartphone, tablet, PC, or another device. Access to AR through a browser is perfect for e-commerce, allowing brands to provide their customers with instant access to digital content. And customers themselves don’t have to wait till a mobile app with immersive digital content is downloaded on a device.

In one of the precious articles, we explained in more detail the main difference between native XR apps and WebXR

Key Principles of WebAR in E-commerce 

WebAR uses gadgets and sensors to activate digital content that is superimposed on a real environment. Immersive AR content here means interactive digital 3D models, (both static and dynamic), with audio and video content, text information, etc.

For different business purposes, WebAR has, at least, 5 different types of functionality:

  • Target recognition. It’s a feature that allows AR apps to detect and track 2D images, which activate augmented reality content. This function is available for both regular 2D pictures and QR codes. Target recognition is available for Android (Chrome web browser) and iOS.
  • Target capture. A function that allows WebAR apps to track and augment 2D objects, captured by the user (business cards, stickers, etc). This function works both on Android (Chrome web browser) and iOS.
  • Face recognition. A technology, that detects face surface and mimics. This feature superimposes immersive 3D content on a face to synchronize it with mimics. Face recognition is available for Android (Chrome web browser) and iOS.
  • Surface recognition. A technology that detects flat surfaces (walls, floor, ground, table surface, etc) and places 3D objects on them. There’s also an option of using a device as a controller to move the AR object around. Unfortunately, surface recognition isn’t available for iOS.
  • AR geolocation. This technology places digital objects, using geolocation markers or location tracking. As a rule, AR geolocation is used for augmented reality maps, AR navigators, and Pokemon Go-like games. This function isn’t available for iOS.

Advantages of WebAR in E-commerce

How WebAR is Changing the Way We Shop Online

WebAR allows users to activate virtual try on, which gives them the possibility to check out a digital version of an item before purchase. According to Vertebrae, 57.15% of customers said they’d like to place such items like furniture, appliances, and home decor in their environment before buying. Almost 34% of respondents said they would like to test digital clothes, shoes, and accessories before the purchase. And WebAR allows them to do it.

Role of WebAR in E-commerce Interaction

WebAR greatly improves customer interaction experience thanks to the opportunity to directly observe and try digital items. One of the ways to enhance customers’ shopping experience are interactive catalogs on the brand’s websites. These catalogs allow customers to observe 3D models of different items and place them on themselves or their environment before the purchase. This function is mostly used by brands for selling:

  • cosmetics (virtual makeup);
  • clothes, shoes, and accessories (virtual try-on); 
  • furniture and home decor (WebAR experiences that superimpose digital furniture in a real room).

How WebAR is Driving Business Income in E-commerce

Based on a previous point, the possibility to test an item’s digital version before buying increases a company’s income. In Q1 of 2020, French company L’Oreal increased its income by 20% with virtual makeup. 

How WebAR is Increasing Audience Engagement in E-commerce

WebAR in e-commerce provides a specific way to engage customers. According to Accenture research, 50% of customers said they would turn to brands that implement immersive interactive technologies regularly, and 47% of respondents said they felt more connected with a proposed product by using immersive technologies.

Here, you can read more about the advantages of augmented reality in advertisement and how it enhances customer experience. 

Examples of Brands Using WebAR in E-commerce

WebAR Fashion Experiences By Gucci

Famous Italian brand Gucci, in collaboration with ІТ company Kivisense, developed a WebAR try-on, which allows customers to wear digital sneakers. The experience is activated with a QR code on the brand’s official site, and a customer can not just check out digital sneakers, but also take a photo with them and share it on social media.

This WebAR experience uses foot tracking technology that helps a digital sneaker to realistically “fit” on a foot. AI automatically calculates a foot size, so virtual sneakers would look right on a user’s feet. 

Along with Kivisense, the brand also developed a WebAR installation which represents a Gucci perfume Flora Gorgeous Gardenia. Using a smartphone screen, a potential customer places a digital model of a perfume bottle in a real environment. A user opens a perfume cap, and then virtual pink and blue flower petals are getting out of the bottle. Capturing the perfume mood is the main purpose of this WebAR experience.

Try Before You Buy: L’Oreal’s WebAR Virtual Makeup Experience

French cosmetics brand L’Oreal developed virtual makeup to help their customers choose decorative cosmetics on Amazon site. This WebAR experience tracks head movement and face mimics. 

This experience is also developed by Modiface, which is considered to be one of the top augmented reality developers. The virtual makeup for L’Oreal is enhanced by AI, which provides photorealistic graphics and calibration of virtual cosmetics shades on a customer’s face. 

A similar function is available on a Maybelline cosmetics site

Revolutionize Your Home Decor with Umago’s WebAR Furniture Try On

Umago is a Danish company that manufactures home furniture in the Scandinavian style. To increase online sales, the company implemented a WebAR installation, which allows a user to transfer a digital model of, for example, a chair, table, or couch in their room. Developers  used the Sayduck platform to demonstrate 3D furniture.

Thanks to the function, users can also observe AR furniture from all angles and customize them according to their tastes.  

Nike’s AirMaxCloud WebAR Experience

To promote the new sneakers model Nike Air Max 2090, the company developed a mobile WebAR experience. The experience is about a user citing a smartphone screen to the sky, where a sneaker-shaped AR cloud appears.

A user taps on the cloud and activated video content with stories of famous dancers and athletes. The main purpose of these videos is to inspire Nike’s main audience — athletes and those, who lead an active lifestyle.

After the implementation of the installation, Nike increased their income from selling Air Max 2090 sneakers by 32%, and the number of website visits increased by 22%.

WebAR has already proved to be a game-changer in e-commerce. With this technology, online shopping became easier and more accessible with customers trying on a digital version of an item or even customizing it according to their needs and personal tastes. WebAR also allows brands to highlight themselves and attract the modern audience with gadgets to their product in a more interesting, immersive way. Like, for example, digital interactive promo of the item that emphasizes its advantages and unique features.

Image: Freepik.

Latest Articles

How Extended Reality Is Reshaping Modern Marketing
March 31, 2026
How Extended Reality Is Reshaping Modern Marketing

The global extended reality market (including VR, AR and MR) is expected to reach $84.86 billion by 2029, growing at an estimated annual rate of 28%. But the bigger point isn’t just that the market is expanding, it’s that XR is already proving its value in the places marketers care about most: engagement, conversion, and customer confidence. In ecommerce, interacting with products via AR leads to a 94% higher conversion rate compared to products without AR. That makes sense: when people can better understand what they’re buying, they’re more likely to move forward and less likely to regret the purchase later.  XR also gives brands something that’s getting harder to win online: attention. VR campaigns generate about 46% higher engagement than traditional digital campaigns. People who interact with AR content spend around 2.7 times longer on product pages.  XR is now showing up in real results. That is why marketing is moving beyond static content toward immersive experiences. In the following sections, we will share how these technologies can be applied to marketing strategies and explore what the future of immersive experiences might look like. How XR is transforming modern marketing: 4 use cases that prove it works With XR, businesses can turn traditional campaigns into fully immersive experiences, where customers can explore products, interact with brands, and connect with content in memorable ways. Its value goes far beyond visual appeal, directly impacting the business growth and customer journey itself. And while this may not be immediately obvious, XR can also save significant resources, reducing the need for physical prototypes, showrooms, or large-scale events, making marketing more efficient. This is why more businesses are integrating immersive technologies into their marketing strategies, even despite certain challenges, such as development and VR hardware costs, as well as complex technology integration. Below, we highlight several successful use cases of immersive technologies in marketing. Virtual try-ons One of the most persistent barriers to online purchasing is uncertainty. Will these glasses suit my face shape? Will this sofa fit in my living room? Will this shade of lipstick actually complement my skin tone? These are questions that traditionally required a physical store visit. Virtual try-on eliminates that leap entirely. The technology behind this falls into a few distinct forms. The most accessible is smartphone-based AR. Customers point their phone at themselves or their surroundings, and the app overlays a true-to-scale digital product in real time. A striking example is the FindYourGlasses app developed by Qualium Systems. A step further are dedicated AR headsets and glasses, which immerse the customer in a mixed-reality environment where products can be explored in even greater depth and spatial accuracy.  These technologies help customers understand what they are buying before making a purchase, enabling them to make decisions based on accurate, personalized visualization rather than guesswork. Real-world example: IKEA Place AR App IKEA Place AR app lets shoppers visualize furniture in their own physical spaces before buying. Customers simply point their phone camera at a room, select a piece of furniture, and see it rendered in realistic scale within their actual environment. This removes the biggest friction point in furniture shopping: not knowing whether a sofa or shelf will actually fit or match the existing interior design. Results: After launch, the app was downloaded millions of times and became one of the most widely adopted retail AR experiences globally. IKEA reported increased customer engagement and reduced returns because customers could see how items fit before purchase. The company reported also that customers who use the IKEA Place app are 11% more likely to complete a purchase compared to those who do not use the app. Virtual showrooms & Tours Some purchases simply feel too significant to make without experiencing the space or context first. Traditionally, that meant showing up in person. Virtual showrooms and immersive tours remove that requirement. The technology here ranges from 360° web-based tours (viewable in any browser without additional hardware) to fully immersive VR experiences delivered through headsets. Visitors can walk through a branded space, interact with products, and access information on demand, without leaving their couch or office. Automotive brands use virtual showrooms to let buyers explore vehicle interiors, switch trims and colors, and get a feel for the cabin before visiting a dealership. Real estate platforms offer immersive property walkthroughs that let buyers shortlist homes remotely. Hotels and resorts use virtual tours to sell the experience upfront.  The value is especially pronounced in the machinery and heavy equipment sector, where physically demonstrating a product has always been costly: shipping industrial equipment to trade shows, organizing on-site demos, and flying prospects to manufacturing facilities all consume significant budgets. VR removes that overhead entirely: a potential buyer can step inside a virtual factory floor, operate a machine in a simulated environment, and evaluate complex equipment in full detail. Real-world example: Virtual showroom for MAKEEN Energy industrial equipment MAKEEN Energy, a global corporation delivering industrial gas solutions and heavy infrastructure equipment, built a true-to-scale virtual showroom. Using 3D models of their equipment in a virtual environment, they were able to pack their sprawling machinery into a portable VR headset and bring it to any trade fair.  Results: By no longer shipping heavy equipment around the world and reducing travel with virtual product demonstrations, MAKEEN Energy was able to cut logistics costs significantly. The virtual showroom also accelerated complex, multi-stakeholder sales by giving engineers, technicians, and purchase managers across different countries a shared, detailed view of the product. What began as a trade fair tool evolved into a company-wide asset for sales, training, and communications. For industrial businesses looking to adopt XR, Qualium Systems serves as a trusted technology partner, delivering VR and Web3D solutions that simplify the presentation of complex equipment, enhance product understanding, and support more effective digital engagement. Immersive brand storytelling XR gives brands the ability to place customers at the center of a narrative, transforming passive content consumption into a first-person experience that is far harder to forget. A VR film or AR…

June 27, 2025
Methodology of VR/MR/AR and AI Project Estimation

Estimation of IT projects based on VR, XR, MR, or AI requires both a deep technical understanding of advanced technologies and the ability to predict future market tendencies, potential risks, and opportunities. In this document, we aim to thoroughly examine estimation methodologies that allow for the most accurate prediction of project results in such innovative fields as VR/MR/AR and AI by describing unique approaches and strategies developed by Qualium Systems. We strive to cover existing estimation techniques used at our company and delve into the strategies and approaches that ensure high efficiency and accuracy of the estimation process. While focusing on different estimation types, we analyze the choice of methods and alternative approaches available. Due attention is paid to risk assessment being the key element of a successful IT project implementation, especially in such innovative fields as VR/MR/AR and AI. Moreover, the last chapter covers the demo of a project of ours, the Chemistry education app. We will show how the given approaches practically affect the final project estimation. Read

June 27, 2025
What Are Spatial Anchors and Why They Matter

Breaking Down Spatial Anchors in AR/MR Augmented Reality (AR) and Mixed Reality (MR) depend on accurate understanding of the physical environment to create realistic experiences, and they hit this target with the concept of spatial anchors. These anchors act like markers, either geometric or based on features, that help virtual objects stay in the same spot in the real world — even when users move around. Sounds simple, but the way spatial anchors are implemented varies a lot depending on the platform; for example, Apple’s ARKit, Google’s ARCore, and Microsoft’s Azure Spatial Anchors (ASA) all approach them differently. If you want to know how these anchors are used in practical scenarios or what challenges developers often face when working with them, this article dives into these insights too. What Are Spatial Anchors and Why They Matter A spatial anchor is like a marker in the real world, tied to a specific point or group of features. Once you create one, it allows for some important capabilities: Persistence. Virtual objects stay exactly where you placed them in the real-world, even if you close and restart the app. Multi-user synchronization. Multiple devices can share the same anchor, so everyone sees virtual objects aligned to the same physical space. Cross-session continuity. You can leave a space and come back later, and all the virtual elements will still be in the right place. In AR/MR, your device builds a point cloud or feature map by using the camera and built-in sensors like the IMU (inertial measurement unit). Spatial anchors are then tied to those features, and without them, virtual objects can drift or float around as you move, shattering the sense of immersion. Technical Mechanics of Spatial Anchors At a high level, creating and using spatial anchors involves a series of steps: Feature Detection & Mapping To start, the device needs to understand its surroundings: it scans the environment to identify stable visual features (e.g., corners, edges). Over time, these features are triangulated, forming a sparse map or mesh of the space. This feature map is what the system relies on to anchor virtual objects. Anchor Creation Next, anchors are placed at specific 3D locations in the environment in two possible ways: Hit-testing. The system casts a virtual ray from a camera to a user-tapped point, then drops an anchor on the detected surface. Manual placement. Sometimes, developers need precise control, so they manually specify the exact location of an anchor using known coordinates, like ensuring it perfectly fits on the floor or another predefined plane. Persistence & Serialization Anchors aren’t temporary — they can persist, and here’s how systems make that possible: Locally stored anchors. Frameworks save the anchor’s data, like feature descriptors and transforms, in a package called a “world map” or “anchor payload”. Cloud-based anchors. Cloud services like Azure Spatial Anchors (ASA) upload this anchor data to a remote server to let the same anchor be accessed across multiple devices. Synchronization & Restoration When you’re reopening the app or accessing the anchor on a different device, the system uses the saved data to restore the anchor’s location. It compares stored feature descriptors to what the camera sees in real time, and if there’s a good enough match, the system confidently snaps the anchor into position, and your virtual content shows up right where it’s supposed to. However, using spatial anchors isn’t perfect, like using any other technology, and there are some tricky issues to figure out: Low latency. Matching saved data to real-time visuals has to be quick; otherwise, the user experience feels clunky. Robustness in feature-scarce environments. Blank walls or textureless areas don’t give the system much to work with and make tracking tougher. Scale drift. Little errors in the system’s tracking add up over time to big discrepancies. When everything falls into place and the challenges are handled well, spatial anchors make augmented and virtual reality experiences feel seamless and truly real. ARKit’s Spatial Anchors (Apple) Apple’s ARKit, rolled out with iOS 11, brought powerful features to developers working on AR apps, and one of them is spatial anchoring, which allows virtual objects to stay fixed in the real world as if they belong there. To do this, ARKit provides two main APIs that developers rely on to achieve anchor-based persistence. ARAnchor & ARPlaneAnchor The simplest kind of anchor in ARKit is the ARAnchor, which represents a single 3D point in the real-world environment and acts as a kind of “pin” in space that ARKit can track. Building on this, ARPlaneAnchor identifies flat surfaces like tables, floors, and walls, allowing developers to tie virtual objects to these surfaces. ARWorldMap ARWorldMap makes ARKit robust for persistence and acts as a snapshot of the environment being tracked by ARKit. It captures the current session, including all detected anchors and their surrounding feature points, into a compact file. There are a few constraints developers need to keep in mind: World maps are iOS-only, which means they cannot be shared directly with Android. There must be enough overlapping features between the saved environment and the current physical space, and textured structures are especially valuable for this, as they help ARKit identify key points for alignment. Large world maps, especially those with many anchors or detailed environments, can be slow to serialize and deserialize, causing higher application latency when loading or saving. ARKit anchors are ideal for single-user persistence, but sharing AR experiences across multiple devices poses additional issues, and developers often employ custom server logic (uploading ARWorldMap data to a backend), enabling users to download and use the same map. However, this approach comes with caveats: it requires extra development work and doesn’t offer native support for sharing across platforms like iOS and Android. ARCore’s Spatial Anchors (Google) Google’s ARCore is a solid toolkit for building AR apps, and one of its best features is how it handles spatial anchors: Anchors & Hit-Testing ARCore offers two ways to create anchors. You can use Session.createAnchor(Pose) if you already know the anchor’s position, or…



Let's discuss your ideas

Contact us