Sample 3D Product Demo

example of a 3D animated product with AR (Augmented Reality)

Category:

Description

Augmented Reality (AR) overlays a computer generated 3D model into a real world view using the camera from your Smart Phone or Tablet. Create an exciting and interactive shopping experience for your customers. Increase your online sales and reduce the likelihood of returns related to issues with items not fitting in their specfic location.

  • View models in both 3D and AR views
  • Users can zoom in and out on your products
  • Simple easy to use interface
  • Responsive design – Desktop view allows for 3D view, Mobile and Tablet view allows both 3D and AR view
  • Model placement on the floor (horizontal surfaces) or the wall (vertical surfaces)
  • QR Code display on Desktop view to allow users to scan QR code with their phone or tablet to easily switch to an AR capable viewing device.

There are many uses for 3D and AR on a website. Some of these include:

  • eCommerce
    Let customers see how a piece of furniture, appliance, or your specific product will look in their home or office before purchasing
  • Home Renovation
    Allow clients to see modifications to their home – install a kitchen island bench, add a new door way, build a new patio, without picking up a hammer.
  • Landscaping
    Place trees, plants, hedges, water features and more to landscape an area before breaking ground.
  • Restaurants
    Let your customers interact with your menu and see the dish they are about to order sitting right in the front of them.
  • Artwork
    Give your customers the ability to see your artwork or poster hanging in their own space virtually

To Rotate 3D View:

Drag the 3d model in any direction.

To Rotate 3D View:

Click the Reset icon

To Hide/Show Dimensions:

Click the Dimension checkbox to toggle the display of the object’s measurements
dimensions

To View in Fullscreen (Desktop only):

Click the Full Screen icon full screen
Once in fullscreen mode, click the X icon in the top right-hand corner of the window to exit fullscreen mode

To Use AR:

  • When viewing on a Desktop computer, click the QR icon to enlarge the QR code. Then using the camera on your smartphone or tablet, take a photo of the QR Code and follow the prompts on your device
  • If you are already viewing the product web page on a smartphone or tablet, click the AR Display icon directly and follow the on-screen prompts