top of page

Disruptive Technologies 3D Interactive Experience

Disruptive Technologies created the world's smallest wireless sensor that gathers data from any building. We created a 3D immersive experience (mobile and web) for potential customers to explore the different applications of the sensors.

Role

Lead UX/UI Designer

Date

2021

Disruptive Tech Intro Image 1.png

Project Background

Disruptive Technologies asked Part Time Evil to create a 3D immersive experience for an upcoming trade show that demonstrates the value of their tiny building sensors. They wanted the application to show a bird's-eye-view of a city, with the ability to click and zoom on buildings to read sensor data. The experience needed to be responsive across devices so that it could live on their website, and anybody who visited their booth for the trade show could open the platform on their mobile device. 

temperature sensor square 1.png
water2_wide 1.png

The Challenge

My main challenge as the UX/UI Designer for the project was to make the sensor data digestible in order to create an engaging experience for users. Data can often be overwhelming and difficult to comprehend, so I would have to make the information more accessible and relatable for the average user. 

Additionally, I would have to create an experience that is optimized for both mobile and web. Disruptive Technologies also asked that the look be "crisp and serious, but not too serious" and that we follow their brand guidelines.

Userflow copy.png

The Design Process

We began by mapping out the overarching flow for the interactive experience. The main goal of the application is to engage and interest prospective clients so that they become buyers. Disruptive Technologies asked that we incorporate two primary CTA's to help convert users into customers. The first was a "Contact Us" button that leads to a contact form. The second was a "Learn More" button that leads to landing pages tailored to each type of sensor/use case. I created the user flow diagram above to help guide the rest of the design process.

Graphic.png
Proximity 1.png

The Final Solution

I created a clear visual hierarchy using color and sizing in order to make the information more digestible. I also incorporated iconography to help users better understand the applications of the data. For example, the green check indicates that the indoor environment is healthy, while the orange warning sign means that the sensor has picked up on an issue.

I was sure to follow their brand guidelines so that the experience flowed seamlessly on their website. I created mockups for both desktop and mobile throughout the design process so that the experience would be optimal on all devices.

Visit the final 3D Interactive Experience.

Group 24.png
Sensor Kit.png
Mobile app.png
Group 30.png
bottom of page