CareAR, a division of Xerox, is an augmented reality software company with the motto to “Make Expertise Accessible”. They do this through their proprietary mobile application which connects field technicians to experts at their home office. Both the technician and remote expert are able to interact together in real-time over live-stream video from the work site where they can collaborate to solve challenges that the technician would struggle to solve independently without assistance.

I recently worked with the team at CareAR to build an interactive demo for their Assist product that lives on the Assist landing page. This allows potential customers of CareAR to get an idea of exactly how Assist works and how it could benefit them in a highly interactive and responsive way.

Watch a screen-recording of this interactive tool below:

To implement this, animations were developed using Adobe After Effects that replicated the in-app features of Assist where motion graphics were required. These were embedded in the page using a combination of JavaScript and Lottie. Other animations such as the “screen capture” and “screen share” tools were replicated using jQuery animations and HTML5 video embedding.

The end-product was shipped as a WordPress plugin that enabled the web team to embed this demo anywhere they wanted it within the Divi Page Builder utilized for the website. Simply paste the short code within the page, and it would load all graphics and scripts needed for the demo in a clean and fully mobile responsive fashion.

This interactive demo has served CareAR as a powerful communication tool to convert visitors landing on the page to leads that would be interesting in purchasing Assist for their organization.

Do you need help building an interactive demo for a tool like Assist on your website? I can help! Drop me an email and let’s figure out how to make it happen.