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
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.
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.
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.
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.
bottom of page