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

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…

June 2, 2025
Extended Reality in Industry 4.0: Transforming Industrial Processes

Understanding XR in Industry 4.0 Industry 4.0 marks a turning point in making industry systems smarter and more interconnected: it integrates digital and physical technologies like IoT, automation, and AI, into them. And you’ve probably heard about Extended Reality (XR), the umbrella for Virtual Reality, Augmented Reality, and Mixed Reality. It isn’t an add-on. XR is one of the primary technologies making the industry system change possible. XR has made a huge splash in Industry 4.0, and recent research shows how impactful it has become. For example, a 2023 study by Gattullo et al. points out that AR and VR are becoming a must-have in industrial settings. It makes sense — they improve productivity and enhance human-machine interactions (Gattullo et al., 2023). Meanwhile, research by Azuma et al. (2024) focuses on how XR makes workspaces safer and training more effective in industrial environments. One thing is clear: the integration of XR into Industry 4.0 closes the gap between what we imagine in digital simulations and what actually happens in the real world. Companies use XR to work smarter — it tightens up workflows, streamlines training, and improves safety measures. The uniqueness of XR is in its immersive nature. It allows teams to make better decisions, monitor operations with pinpoint accuracy, and effectively collaborate, even if team members are on opposite sides of the planet. XR Applications in Key Industrial Sectors Manufacturing and Production One of the most significant uses of XR in Industry 4.0 is in manufacturing, where it enhances design, production, and quality control processes. Engineers now utilize digital twins, virtual prototypes, and AR-assisted assembly lines, to catch possible defects before production even starts. Research by Mourtzis et al. (2024) shows how effective digital twin models powered by XR are in smart factories: for example, studies reveal that adopting XR-driven digital twins saves design cycle times by up to 40% and greatly speeds up product development. Besides, real-time monitoring with these tools has decreased system downtimes by 25% (Mourtzis et al., 2024). Training and Workforce Development The use of XR in employee training has changed how industrial workers acquire knowledge and grow skills. Hands-on XR-based simulations allow them to practice in realistic settings without any of the risks tied to operating heavy machinery, whereas traditional training methods usually involve lengthy hours, high expenses, and the need to set aside physical equipment, disrupting operations. A study published on ResearchGate titled ‘Immersive Virtual Reality Training in Industrial Settings: Effects on Memory Retention and Learning Outcomes’ offers interesting insights on XR’s use in workforce training. It was carried out by Jan Kubr, Alena Lochmannova, and Petr Horejsi, researchers from the University of West Bohemia in Pilsen, Czech Republic, specializing in industrial engineering and public health. The study focused on fire suppression training to show how different levels of immersion in VR affect training for industrial safety procedures. The findings were astounding. People trained in VR remembered 45% more information compared to those who went through traditional training. VR also led to a 35% jump in task accuracy and cut real-world errors by 50%. On top of that, companies using VR in their training programs noticed that new employees reached full productivity 25% faster. The study uncovered a key insight: while high-immersion VR training improves short-term memory retention and operational efficiency, excessive immersion — for example, using both audio navigation and visual cues at the same time — can overwhelm learners and hurt their ability to absorb information. These results showed how important it is to find the right balance when creating VR training programs to ensure they’re truly effective. XR-based simulations let industrial workers safely engage in realistic and hands-on scenarios without the hazards or costs of operating heavy machinery, changing the way they acquire new skills. Way better than sluggish, costly, and time-consuming traditional training methods that require physical equipment and significant downtime. Maintenance and Remote Assistance XR is also transforming equipment maintenance and troubleshooting. In place of physical manuals, technicians using AR-powered smart glasses can view real-time schematics, follow guided diagnostics, and connect with remote experts, reducing downtime. Recent research by Javier Gonzalez-Argote highlights how significantly AR-assisted maintenance has grown in the automotive industry. The study finds that AR, mostly mediated via portable devices, is widely used in maintenance, evaluation, diagnosis, repair, and inspection processes, improving work performance, productivity, and efficiency. AR-based guidance in product assembly and disassembly has also been found to boost task performance by up to 30%, substantially improving accuracy and lowering human errors. These advancements are streamlining industrial maintenance workflows, reducing downtime and increasing operational efficiency across the board (González-Argote et al., 2024). Industrial IMMERSIVE 2025: Advancing XR in Industry 4.0 At the Industrial IMMERSIVE Week 2025, top industry leaders came together to discuss the latest breakthroughs in XR technology for industrial use. One of the main topics of discussion was XR’s growing impact on workplace safety and immersive training environments. During the event, Kevin O’Donovan, a prominent technology evangelist and co-chair of the Industrial Metaverse & Digital Twin committee at VRARA, interviewed Annie Eaton, a trailblazing XR developer and CEO of Futurus. She shared exciting details about a groundbreaking safety training initiative, saying: “We have created a solution called XR Industrial, which has a collection of safety-themed lessons in VR … anything from hazards identification, like slips, trips, and falls, to pedestrian safety and interaction with mobile work equipment like forklifts or even autonomous vehicles in a manufacturing site.” By letting workers practice handling high-risk scenarios in a risk-free virtual setting, this initiative shows how XR makes workplaces safer. No wonder more companies are beginning to see the value in using such simulations to improve safety across operations and avoid accidents. Rethinking how manufacturing, training, and maintenance are done, extended reality is rapidly becoming necessary for Industry 4.0. The combination of rising academic study and practical experiences, like those shared during Industrial IMMERSIVE 2025, highlights how really strong this technology is. XR will always play a big role in optimizing efficiency, protecting workers, and…



Let's discuss your ideas

Contact us