De tool moest automatisch de isolatiewaarden van elke materiaalcombinatie berekenen en een visuele simulatie van elke keuze maken. Bij het downloaden van informatie moesten gebruikers via een contactformulier hun gegevens invullen, zodat het IKO-salesteam waardevolle leads kon verzamelen. De webapplicatie moest beschikbaar zijn op zowel desktop als tablet.

Ons team werkte samen met IKO en onze partners om de informatiearchitectuur en de app-flow uit te werken. We volgden een iteratief designproces gebaseerd op de principes van design thinking. Dit proces begon bij de doelgroep en werd voortdurend verbeterd op basis van hun feedback.

We zorgden ervoor dat de gebruiksvriendelijkheid centraal stond: architecten moesten altijd het resultaat van hun selectie kunnen zien en eenvoudig aanpassingen kunnen maken. De realtime 3D-simulatie was daarom altijd zichtbaar en bood de mogelijkheid om keuzes terug te draaien. Dit resulteerde in een toegankelijke technische ontwerptool die op maat van de gebruikers is gemaakt en tegelijkertijd een overtuigend visitekaartje voor IKO vormt.

We gebruikten tools zoals Three.js voor het ontwikkelen van de 3D-simulaties en React voor de webapplicatie. Het proces begon met het uitwerken van wireframes en mockups, gevolgd door het ontwikkelen van een functioneel prototype. Interne praktijktesten bij IKO-klanten hielpen ons snel te identificeren wat beter kon.

Regelmatige check-ins met IKO zorgden ervoor dat de visie van het bedrijf werd gevolgd en dat snel aanpassingen konden worden doorgevoerd op basis van feedback.

De nieuwe 3D-tool stelde architecten en aannemers in staat om eenvoudig de impact van verschillende materiaalcombinaties op hun technische berekeningen te visualiseren. Het contactformulier zorgde ervoor dat IKO waardevolle leads kon verzamelen voor hun salesteam. De webapplicatie werd positief ontvangen en wordt nu zowel op desktop als tablet gebruikt.