Ebeco trycker på rätt knappar
Interaktiv produktupplevelse för Ebeco: 3D-visning och gränssnittsdemo som ger hantverkare och installatörer djupare förståelse för termostaterna.

Projektperiod:
2022 – pågående
Webbplats:
Se produkten på Ebecos webbplatsBakgrund
Ebeco är en svensk tillverkare av golvvärmeprodukter med en stark närvaro på den nordiska marknaden. Företagets primära kunder är hantverkare och installatörer – yrkesmänniskor som väljer och rekommenderar produkter till sina egna kunder, och som därmed bär ett professionellt ansvar för varje rekommendation de gör. Det ställer höga krav på att produktinformationen på webben är tydlig, trovärdig och tillräckligt detaljerad för att ge en genuin förståelse för produkten.
Kodameras relation med Ebeco sträcker sig långt tillbaka. En tidigare samarbetsfas resulterade i en helt ny webbplattform som lanserades under perioden 2020–2022. Det här caset tar vid där det förra slutade – och dokumenterar hur Kodamera och Ebeco tillsammans fortsatte att höja ribban för produktupplevelsen på webben.
Utmaning
Att förstå en produkt på riktigt
För en hantverkare eller installatör räcker det inte med ett produktfoto och en specifikationstabell. Den som ska rekommendera en termostat till sin kund behöver förstå produkten på djupet – hur den ser ut från alla håll, hur gränssnittet faktiskt fungerar i vardagligt bruk och vad installationen konkret innebär. Det är en annan typ av kunskap än vad en statisk produktsida traditionellt erbjuder.
Ebecos utmaning var att ge besökarna mer substans och en djupare förståelse för produkterna – inte bara bilder och tekniska data, utan upplevelser som faktiskt förmedlar hur produkterna fungerar och vad de kräver.
Process
Idé, iteration, exekvering
Arbetsmodellen är densamma genom hela samarbetet: Ebeco identifierar ett behov eller en möjlighet, och tillsammans itererar de fram en riktning tills konceptet är tillräckligt tydligt för att gå vidare. Därefter tar Kodamera ansvar för att omsätta det i något som faktiskt fungerar – tekniskt precist, visuellt sammanhållet och redo att driftsättas.
I maj 2024 driftsattes två funktioner för EB-Therm 500. Den första var en 3D-visare byggd med Three.js som låter besökaren rotera termostaten horisontellt och zooma in på den. 3D-modellen tillhandahålls av Ebeco i form av deras professionella renderingar. Den andra var en interaktiv demo av termostatens faktiska gränssnitt – en idé från Ebeco som Kodamera omsatte i praktiken. Processen inleddes med att Kodamera kartlade all termostatens funktionalitet, designade samtliga vyer i Figma för att skapa överblick och förankra riktningen med Ebeco, och implementerade sedan demon så nära den verkliga produkten som möjligt. Besökaren kan navigera riktiga menyer och få en genuin känsla för hur produkten beter sig i bruk.
Under 2025 byggdes samma Three.js-infrastruktur ut till Wallflex, en ny produkt i sortimentet. Implementationen krävde produktspecifika justeringar men vilade på exakt samma grund som EB-Therm 500. Plattformens återanvändbarhet visade sig hålla.
I mars 2026 stod EB-Therm 300 i tur. Även här användes samma Three.js-infrastruktur med en ny 3D-modell. Utöver 3D-visaren byggde Kodamera stöd för 3D-renderade installationsvideor under produktsidans installationssektion. Videorna visar hur man kommer igång och ansluter produkten.
Lösning
Mer substans, djupare förståelse
Vad som förenar de olika implementeringarna är inte tekniken i sig – det är avsikten bakom dem. Varje del adresserar en specifik informationslucka i den professionelle besökarens möte med produkter: att se den från olika håll, att förstå hur gränssnittet faktiskt fungerar och att bilda sig en konkret uppfattning om vad installationen av den innebär. Sammantaget ger det hantverkaren eller installatören en djupare produktförståelse som de behöver för att kunna rekommendera Ebeco med övertygelse.
För Ebeco är det också ett uttryck för hur de vill uppfattas – som ett varumärke som litar tillräckligt mycket på sina produkter för att låta dem tala för sig själva. Kodameras roll i det arbetet är att se till att tekniken aldrig kommer i vägen för det budskapet.
Liknande case

Interact - Verktyget som hjälper Volvo CE att innovera
Volvo CE
Drupal, React
2010 – pågående

Götefors Porslin – modern e-handel för internationell tillväxt
Götefors Porslin
Shopify
April – Sep 2025

Skatteinformations nyhetsbrev fick sig en släng av Kodameras slev
Wolters Kluwer
Drupal
2018 – pågående