Sapphire system WebGL tour


Project Information

A WebGL based interactive tour for Data Centre Architects and Engineers to explore the features of Johnson Controls’ high performing fire suppression system.

Previously this type of fire suppression system would be presented to customers by a salesperson in a scrolling, technical PDF or by a video presentation. By creating a web based interactive tool we’ve created a far more interactive experience that the user can engage with. This presents an equal amount of technical information, but in a more visual and quantifiable way.

What We Were Asked To Do

Create an application that would allow potential customers to freely explore the features of the Sapphire fire suppression system.  The solution should be web based, engaging and fun to use as opposed to passive methods such as images or videos. Technology must would work on mobile, desktop and tablet.

What We Did

This brief was way out of our comfort zone and required a lot of time to understand the product. There are many different variables to consider when purchasing this kind of system and we had to communicate them clearly.

After considerable research and development we started to design an application which would make a very complex product interesting to explore and digestible. We grounded the experience in reality by using a data centre building as the basis for people to explore. In each section lies the relevant information, simplified and condensed then presented in a different way they can easily absorb.

This kind of “gamification”, made it interesting with information displayed as visually as possible. We created 3 exterior data centre models to filter some of the selections on floor plan, then allowed people to further customize the size of the space using an interactive 3D webGL model. This also provided real time information on the efficiency of the new system over competition and older models.

From here you can access the fire room which is an interactive 3D space the user can rotate around and explore the main part of the system.

Finally you can visit the server room which is a panoramic image allow a full 360 view of the space.

The tool is 100% designed and built by our double good team of experienced Developers and 3D Artists.


Project Credits

UI / UX Design – Jon / AND Studio /

3D design – Jon /

Engineering – George /

Web Development – George / Pete /