Designing a New AR Experience
Building AR experiences used to be difficult and required coding. MyWebAR makes it easy! Our platform gives you everything you need to create amazing AR experiences, without writing a single line of code.
This article offers an easy-to-follow checklist that guides you through the main steps of creating an AR experience and setting it up. We'll focus on using MyWebAR's no-code editor to streamline the process.
This article offers an easy-to-follow checklist that guides you through the main steps of creating an AR experience and setting it up. We'll focus on using MyWebAR's no-code editor to streamline the process.
Step 1. Define the Purpose and Goals of Your Experience
Every AR experience and business is unique and has a different purpose or goal. Start by clearly defining the purpose of your AR experience. What do you want to achieve with it?
Are you looking to add an engaging AR element to packaging, allow virtual product try-on, provide educational information, or raise awareness for a cause?
Understanding your goals will help you make informed decisions throughout the development and design process.
Are you looking to add an engaging AR element to packaging, allow virtual product try-on, provide educational information, or raise awareness for a cause?
Understanding your goals will help you make informed decisions throughout the development and design process.
Step 2. Set Up Your MyWebAR Account
Once you have a clear vision for your AR experience, you need to create your MyWebAR account and set up your dashboard.
Step 3. Select the Type of Your Experience
Clicking on the Create New Project button will open an experience type selection window where you can see different categories of AR experiences you can design.
The available types of experiences include:
- AR on a Flat Image: attach augmented reality content to a custom flat image. Additionally, you can use Multiscene feature to combine multiple flat image tracking projects into a multi-image tracking experience. This way, users can recognize multiple images using the same AR camera. This type of experience allows you to augment any type of printed media, product packaging, marketing materials, clothing, accessories and more.
- AR on a Curved Image: attach augmented reality content to curved images. To create a curved image experience you need to upload an undistorted (uncurved) design of your label into the platform. It will be automatically turned into a cylinder. This type of experience allows you to add digital content to bottle labels, coffee cups, cans and other cylinder-shaped objects.
- AR in the Real World: display augmented reality content on any flat surface of the real world without any images or location anchors. This type of experience allows you to design product previews, bring characters to life, create holograms and more.
- Object Tracking: attach augmented reality content to physical 3D objects, such as toys and figurines, consumer electronics, industrial equipment and more. To create an object tracking experience you need to upload a model of your real-world object to the platform as a target. You can use a production-ready model or scan the real object using one of the photogrammetry apps.
- Face Filters and Effects: design face effects, masks and AR try-ons for hats, glasses, headsets and more.
- AR on a QR Code: display augmented reality content over printed or on-screen QR codes. With this type of augmented reality project a QR code is used to launch your experience and the same code also works as a marker the digital content is attached to in AR.
While the free plan offers a great foundation for designing your experience, some advanced features, like adding AR to flat and curved images or physical objects are only available with a premium plan.
If your concept involves adding AR to product packaging, printed media, bottle labels or physical objects such as consumer electronics, industrial equipment, toys, figurines and more, you may need to upgrade to a premium plan before starting to design your experience.
Compare our premium plans and their features.
If your concept involves adding AR to product packaging, printed media, bottle labels or physical objects such as consumer electronics, industrial equipment, toys, figurines and more, you may need to upgrade to a premium plan before starting to design your experience.
Compare our premium plans and their features.
Step 4. Add Content to the Scene
Add 3D models, images, videos, and even sounds to bring your augmented reality experience to life. You can upload files from your local computer or import them from the built-in content library.
MyWebAR supports all the popular multimedia content types, and seamlessly converts everything you upload for optimal performance in your AR project.
On the left side panel of the editor you can see different types of objects you can to the scene of your experience.
MyWebAR supports all the popular multimedia content types, and seamlessly converts everything you upload for optimal performance in your AR project.
On the left side panel of the editor you can see different types of objects you can to the scene of your experience.
Clicking on the plus (+) button next to any of the available object types will reveal the content panel, so you can import a file from your previous uploads, the MyWebAR library, generate content using AI or upload a new file from your computer.
The supported types for uploaded content include:
Once you upload a file, select it from the library or generate it with AI, it will appear on the scene.
- Images: JPG, JPEG, PNG and still GIF
- Videos: MP4, MOV (videos with alpha channel are not supported at the moment)
- 3D Models: GLB, FBX, DAE
- Audio: AAC, MP3, WAV
Once you upload a file, select it from the library or generate it with AI, it will appear on the scene.
Step 5. Add Buttons and Set Up Actions (optional)
MyWebAR allows you to design interactive experiences using pre-built actions and behaviors. You can add buttons that trigger animation playback, start a video, show or hide an object on the scene, open an external link, make a phone call, send a text, compose an email and more.
To add a new action, select the object that you want it to affect and click on the Add Action button on the right Properties panel of the editor.
To add a new action, select the object that you want it to affect and click on the Add Action button on the right Properties panel of the editor.
Once the action is added to your selected object, find the Trigger dropdown menu on the Properties panel and select the object that will work as a button (in this case it will be the 3D model with the arrow).
Step 6. Publish Your Experience
Once you've finished your project, click on the Publish button in the editor's top navigation bar. This will bring your work to life and generate its unique QR code. Users can then scan this code to launch your experience.
You can download the QR code and add it to the design of your product or share the direct link of your AR experience in a message, on your social media page or your website.
Related articles
Editor Overview
Learn about the main elements of the editor and the functionality that they provide
Dashboard Overview
Learn more about the central hub where you can manage everything related to your AR experiences
Editor Overview
Find out about the main elements of the editor and how you can use them to build and customize your project
Project Settings
Change the name and address of your project, customize its QR code and tune up more advanced settings