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.
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.
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.