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

May 8, 2024
A Comprehensive Guide to Developing Immersive AR/VR App for Apple Vision Pro

We offer comprehensive support to our clients throughout the entire product development journey, from conceptualization to execution. Recognizing your keen interest in developing products for Apple Vision Pro, we’ve consolidated the expertise of our team into a single article. This article serves as a step-by-step guide on crafting a product tailored for Apple Vision Pro, ensuring that you navigate the process seamlessly and effectively. Create a Concept The first thing you need to do is come up with a concept for your app. Think of this as the blueprint that will guide the entire development process. This stage involves: Idea Generation: Coming up with potential app ideas based on market needs, user preferences, or solving specific problems. Market Research: Analyzing the market to understand existing solutions, competitors, target audience, and potential gaps or opportunities. Defining Objectives: Clearly defining the goals and objectives of the app. This includes identifying the problem it aims to solve, the target audience, and the desired outcomes. Conceptualization: Translating the initial idea into a concrete concept by outlining core features, user interface design, user experience flow, and technical requirements. Prototyping: Creating wireframes or prototypes to visualize the app’s user interface and interactions. This helps in refining the concept and gathering feedback from stakeholders. Feasibility Analysis: Assessing the technical feasibility, resource requirements, and potential challenges associated with developing the app. Validation: Testing the concept with potential users or stakeholders to validate its viability and gather feedback for further refinement. Overall, creating a concept sets the foundation for the app development process, guiding subsequent stages such as design, development, testing, and deployment. It helps ensure that the final product meets user needs, aligns with business objectives, and stands out in the competitive app market. Market Research The next step in developing a product for Apple Vision Pro involves conducting thorough market research. This crucial step provides insights into the competitive landscape, user preferences, and emerging trends, which are vital for shaping your product strategy and positioning. To perform effective market research: Identify Your Target Audience: Define the demographics, preferences, and behaviors of your target users. Understand their needs, pain points, and expectations regarding immersive experiences offered by Apple Vision Pro. Analyze Competitors: Study existing apps and solutions within the Apple Vision Pro ecosystem. Assess their features, user experience, pricing models, strengths, and weaknesses. Identify gaps or areas where you can differentiate your product. Explore Market Trends: Stay updated on industry trends, technological advancements, and consumer preferences related to augmented reality (AR) and virtual reality (VR) experiences. Identify emerging opportunities or niche markets that align with your product concept. Gather User Feedback: Engage with potential users through surveys, interviews, or focus groups to gather feedback on their preferences, pain points, and expectations regarding AR/VR applications. Incorporate this feedback into your product development process to ensure relevance and user satisfaction. Evaluate Technical Feasibility: Assess the technical requirements, limitations, and capabilities of Apple Vision Pro. Understand the tools, frameworks, and APIs available for developing immersive experiences on the platform. Determine the feasibility of implementing your desired features and functionalities within the constraints of the platform. By performing comprehensive market research, you gain valuable insights that inform your product strategy, enhance user experience, and increase the likelihood of success in the competitive Apple Vision Pro marketplace. Choose Your Apple Vision Pro Features After conducting market research, the next crucial stage in developing a product for Apple Vision Pro is selecting the features that will define your app’s functionality and user experience. Here’s a breakdown of key features to consider: Eye-tracking: Leveraging Apple Vision Pro’s advanced eye-tracking technology, you can create immersive experiences that respond to users’ gaze, enabling more intuitive interaction and engagement within the app. High-quality 3D content: Incorporate high-fidelity 3D models, animations, and environments to deliver visually stunning and immersive experiences that captivate users and enhance their engagement with the app. Live video streaming capabilities: Enable real-time video streaming within the app, allowing users to share live experiences, events, or demonstrations with others, fostering collaboration and social interaction in virtual environments. MR/VR-based calls and text messaging: Integrate augmented reality (AR) and virtual reality (VR) communication features, such as AR/VR-based calls and text messaging, to facilitate seamless communication and collaboration between users within immersive environments. Real-world sensing and navigation: Utilize Apple Vision Pro’s real-world sensing and navigation capabilities to enable location-based experiences, indoor navigation, and context-aware interactions within the app, enhancing usability and relevance for users in various environments. Support for third-party applications: Enhance the versatility and functionality of your app by providing support for third-party applications and services, allowing users to seamlessly integrate external tools, content, or functionalities into their immersive experiences. By carefully selecting and integrating these Apple Vision Pro features into your app, you can create a compelling and differentiated product that delivers immersive, engaging, and valuable experiences to users, driving adoption and satisfaction in the competitive AR/VR market. Determine Your App Development Stack Once you’ve identified the features for your Apple Vision Pro app, the next step is to determine your app development stack. This involves selecting the tools, frameworks, and technologies that will enable you to bring your concept to life efficiently and effectively. Here’s how to approach this stage: Evaluate SwiftUI, ARKit, and RealityKit SwiftUI: Consider using SwiftUI for building the user interface (UI) of your app. It offers a modern and declarative approach to UI development, simplifying the process of creating dynamic and responsive interfaces for your immersive experiences. ARKit and RealityKit: For AR and VR functionalities, leverage Apple’s ARKit and RealityKit frameworks. ARKit provides powerful tools for building immersive AR experiences, while RealityKit simplifies the creation of 3D content and interactions within your app. Choose Xcode as Your IDE As the official integrated development environment (IDE) for Apple platforms, Xcode is the go-to choice for building apps for iOS, macOS, watchOS, and tvOS. Utilize Xcode’s robust set of tools, including its intuitive interface builder, debugging capabilities, and integrated performance analysis, to streamline your app development process. Consider Additional Tools and Libraries Explore…

April 29, 2024
Apple Vision Pro Software Transforms the Construction Industry: The REEKON Experience

Virtual Reality, Augmented Reality, and Extended Reality technologies are revolutionizing various industries, and construction is no exception. While the utilization of Apple Vision Pro in manufacturing or construction industries may not yet be widespread, an increasing number of companies are endeavoring to integrate virtual reality, augmented reality, and extended reality technologies into their daily operations. Why? Let’s try to figure it out in this article! Construction Industry Problems While one might anticipate that technological advancements would alleviate challenges within the construction sector, construction firms frequently encounter a myriad of obstacles that impede efficiency, escalate costs, and compromise safety. Here are some key challenges in construction: Design Visualization and Communication: Traditional blueprints and 2D drawings can be difficult for stakeholders to interpret accurately. Design Iterations and Prototyping: Iterating on design concepts and prototyping can be time-consuming and costly. Construction Planning and Logistics: Planning construction activities and logistics on-site can be complex and error-prone. Worker Training and Safety: Safety is a paramount concern in construction, yet traditional training methods may not effectively prepare workers for on-site hazards. Quality Control and Inspection: Ensuring quality control and conducting inspections during construction can be labor-intensive and prone to human error. Client Engagement and Marketing: Engaging clients and stakeholders in the design process and marketing new developments can be challenging with traditional presentation methods. Remote Collaboration and Coordination: Coordinating teams and stakeholders who are dispersed across different locations can be challenging and time-consuming. Immersive technologies such as Virtual Reality, Augmented Reality, and Mixed Reality, utilizing Apple Vision Pro, offer innovative solutions to many of these problems. Seamless AR Integration with the ROCK Jobsite App on Apple Vision Pro by REEKON Tools One notable example of this transformative technology in action is the implementation of the ROCK Jobsite App on Apple Vision Pro, as demonstrated by REEKON Tools. The ROCK Jobsite App, designed to streamline construction processes, represents a significant advancement in leveraging AR technology using Apple Vision Pro within the construction industry. Unlike many other VR/AR solutions that require extensive customization and integration efforts, the ROCK Jobsite App boasts seamless functionality on the Apple Vision Pro platform. Within just five minutes of installation, users can experience the full capabilities of this powerful tool, making it incredibly accessible and user-friendly. One of the key features of the ROCK Jobsite App is its ability to display measurements in real-time, providing construction professionals with immediate access to crucial data directly on their screens. The integration of Apple Vision Pro enhances this process, making it both effective and engaging. Whether annotating over photos, adding measurements to calculations, or collaborating with team members remotely, this app serves as a valuable companion throughout the construction process How Immersive Technologies Address Construction Problems The integration of Apple Vision Pro into VR/AR/XR technology marks a significant leap forward in the construction sector’s evolution. By tapping into the immersive capabilities of these technologies, construction companies can not only tackle challenges but also unearth fresh avenues for innovation. Here are some standout benefits: Advanced Visualization: With immersive technologies and Apple Vision Pro, stakeholders can immerse themselves in architectural designs and construction plans. This heightened visualization enables a clearer grasp of project requirements and early detection of potential issues. Enhanced Collaboration: Real-time data sharing and annotations foster more efficient collaboration among project teams, regardless of their physical locations. Boosted Efficiency: By automating tasks like data capture and measurement, Apple Vision Pro-equipped tools help construction professionals save time and resources. Manual efforts are replaced with streamlined processes, leading to heightened efficiency on-site. Cost Reduction: AR technology, when integrated with Apple Vision Pro, minimizes errors, lowers rework, and optimizes resource allocation, resulting in cost savings across the project lifecycle The potential applications of AR technology in construction are boundless, from fortifying safety measures to facilitating training simulations. By addressing industry challenges and equipping construction professionals with AR solutions powered by Apple Vision Pro, are reshaping the construction landscape. They’re paving the way for safer, more efficient, and more sustainable building practices.

February 29, 2024
Everything you’d like to know about visionOS development

If you’re venturing into the realm of developing applications for Apple Vision Pro, it’s crucial to equip yourself with the right knowledge. In this article, we unravel the key aspects you need to know about the visionOS operating system, the secrets of programming for Apple Vision Pro, and the essential tools required for app development. visionOS: The Heart of Apple Vision Pro The foundation of the Vision Pro headset lies in the sophisticated visionOS operating system. Tailored for spatial computing, visionOS seamlessly merges the digital and physical worlds to create captivating experiences. Drawing from Apple’s established operating systems, visionOS introduces a real-time subsystem dedicated to interactive visuals on Vision Pro. This three-dimensional interface liberates apps from conventional display constraints, responding dynamically to natural light. At launch, visionOS will support a variety of apps, including native Unity apps, Adobe’s Lightroom, Microsoft Office, medical software, and engineering apps. These applications will take advantage of the unique features offered by visionOS to deliver immersive and engaging user experiences. Programming Secrets for Apple Vision Pro Programming for Apple Vision Pro involves understanding the concept of spatial computing and the shared space where apps coexist. In this floating virtual reality, users can open windows, each appearing as planes in the virtual environment. These windows support both traditional 2D views and the integration of 3D content. Here are some programming “secrets” for Apple Vision Pro: All apps exist in 3D space, even if they are basic 2D apps ported from iOS. Consider the Field of View and opt for a landscape screen for user-friendly experiences. Prioritize user comfort and posture by placing content at an optimal distance. Older UIKit apps can be recompiled for VisionOS, gaining some 3D presence features. Be mindful of users’ physical surroundings to ensure a seamless and comfortable experience. Tools for Apple Vision Pro Development To initiate the development of applications for Vision Pro, you’ll need a Mac computer running macOS Monterey or a newer version. Additionally, you’ll require the latest release of Xcode and the Vision Pro developer kit. The development process entails downloading the visionOS SDK and employing familiar tools such as SwiftUI, RealityKit, ARKit, Unity, Reality Composer Pro, and Xcode, which are also utilized for constructing applications on other Apple operating systems. While it’s feasible to adapt your existing apps for Vision Pro using the visionOS SDK, be prepared for some adjustments in code to accommodate platform differences. Most macOS and iOS apps seamlessly integrate with Vision Pro, preserving their appearance while presenting content within the user’s surroundings as a distinct window. Now, let’s delve into the essentials for assembling your own Apple Vision Pro development kit: SwiftUI: Ideal for creating immersive experiences by overlaying 3D models onto the real world. Xcode: Apple’s integrated development environment, vital for app development and testing. RealityKit: Exclusively designed for Vision Pro, enabling the creation of lifelike, interactive 3D content. ARKit: Apple’s augmented reality framework for overlaying digital content onto the real world. Unity: A powerful tool for visually stunning games and Vision Pro app development. Unity is currently actively developing its SDK to interface with Apple Vision Pro. What’s the catch? Few people know that to develop on Unity, you need not just any Mac, but a Mac with an “M” processor on board! Here are a few more words about supported versions: Unity 2022 LTS (2022.3.191 or newer): Apple Silicon version only. Xcode 15.2: Note that beta versions of Xcode are a no-go. VisionOS 1.0.3 (21N333) SDK: Beta versions are not supported. Unity editor: Apple Silicon Mac and the Apple Silicon macOS build are in; the Intel version is out. Pay attention to these restrictions during your development journey! Apple Vision Pro SDK: Empowering Developers The visionOS Software Development Kit (SDK) is now available, empowering developers to create groundbreaking app experiences for Vision Pro. With tools like Reality Composer Pro, developers can preview and prepare 3D models, animations, and sounds for stunning visuals on Vision Pro. The SDK ensures built-in support for accessibility features, making spatial computing and visionOS apps inclusive and accessible to all users. As Apple continues to lead the way in spatial computing, developers hold the key to unlocking the full potential of the Vision Pro headset. By understanding the intricacies of visionOS, programming secrets, essential development tools, and the application process for the developer kit, you can position yourself at the forefront of this revolutionary technological landscape.

Let's discuss your ideas

Contact us