Inert

IKO

IKO enhances customer engagement with 3D design and calculation tool for architects

User Testing Information Architecture UI Design

IKO

IKO enhances customer engagement with 3D design and calculation tool for architects

User Testing Information Architecture UI Design
arrow down
IKO enhances customer engagement with 3D design and calculation tool for architects

Introduction

IKO, a global player in roof insulation, frequently receives requests from architects and contractors to understand how their materials affect technical calculations. To support them, IKO wanted to develop a 3D tool that could perform these calculations and visualize them. This project was realized in collaboration with Poppr, ensuring the development of a robust and interactive tool that meets the needs of the industry.

  • User Testing
  • Information Architecture
  • UI Design
play icon pause icon

Challenge

The tool needed to automatically calculate the insulation values of each material combination and create a visual simulation of each choice. When downloading information, users had to fill in their details via a contact form, allowing the IKO sales team to gather valuable leads. The web application needed to be available on both desktop and tablet.

play icon pause icon

Solution

Our team collaborated with IKO and our partners to develop the information architecture and app flow. We followed an iterative design process based on design thinking principles, starting with the target audience and continually improving based on their feedback.

We ensured that user-friendliness was central: architects needed to always see the result of their selection and make adjustments easily. The real-time 3D simulation was therefore always visible and allowed choices to be undone. This resulted in an accessible technical design tool tailored to the users while serving as a compelling business card for IKO.

IKO enhances customer engagement with 3D design and calculation tool for architects

Execution

We used tools like Three.js to develop the 3D simulations and React for the web application. The process began with wireframes and mockups, followed by developing a functional prototype. Internal practical tests with IKO clients helped us quickly identify areas for improvement.

Regular check-ins with IKO ensured that the company’s vision was followed and that adjustments could be made quickly based on feedback.

Results

The new 3D tool enabled architects and contractors to easily visualize the impact of different material combinations on their technical calculations. The contact form ensured that IKO could gather valuable leads for their sales team. The web application was positively received and is now used on both desktop and tablet.