Ga verder naar de inhoud

De verborgen kost van kleding zichtbaar maken: De True Cost Calculator

Wat is de echte impact van een kledingstuk op mens en planeet? Met de True Cost Calculator krijgen modeprofessionals nu tot op de eurocent inzicht. Deze gratis digitale tool meet, vergelijkt en minimaliseert de ecologische en sociale impact doorheen de hele levenscyclus. Sinds de lancering omarmen toonaangevende modehuizen, textielbedrijven en universiteiten deze innovatieve rekentool, een duidelijk signaal dat de sector klaar is om duurzame keuzes te omarmen.

De resultaten in een notendop

280
verschillende gebruikers tijdens de eerste twee lanceringsmaanden
61 euro
de gemiddelde true cost van een kledingstuk
43 %
duurder dan het prijskaartje in de winkel. Zoveel hoger is gemiddeld de echte sociale en milieukost van een kledingstuk.
True cost of clothing platform

Hoe maak je de true cost of clothing zichtbaar?

Flanders DC, de organisatie die de design- en modesector ondersteunt in Vlaanderen, kwam bij Statik aankloppen met een wetenschappelijk rekenmodel ontwikkeld door VITO. Deze berekening — gebaseerd op een uitgebreide vragenlijst — vertelt modehuizen precies waar de sociale impact en milieu impact van een kledingstuk zich bevindt. Alleen was er één probleem: hoe vertaal je deze complexe berekening naar een handige, werkbare ‘digitale drager’? 

Er was een visuele uitwerking nodig en een koppeling met de berekening (oftewel: een front-end die we via een API aan de backend konden linken). Meer nog: deze digitale drager moest de balans bewaken tussen praktische bruikbaarheid en wetenschappelijke correctheid. Challenge accepted! 

Project info

Project

Een rekentool die modebedrijven inzicht geeft in de impact van een kledingstuk op mens en planeet

Expertise

Online strategie, UX & UI, webontwikkeling, dashboarding

Periode

2024 - ...

Hoe hebben we de ontwikkeling van de tool aangepakt?

Een kledingstuk begint altijd met een idee en een patroon — zo ook een digitale tool. Bij Statik analyseren we altijd eerst de noden, daarna komen de wireframes aan bod en pas daarna werken we alles technisch uit.

Wireframes in figma

Analyse en strategiebepaling 

Eerst brachten we via ons impactmodel de kernwaarden van de True Cost Calculator in kaart. In nauwe samenwerking met zowel Flanders DC als de VITO-wetenschappers bepaalden we de scope van het project. Een cruciale afweging hierbij was het behoud van de wetenschappelijke integriteit terwijl we tegelijkertijd streefden naar een vlotte gebruikerservaring. Samen identificeerden we niet-essentiële vragen die we optioneel maakten zonder de berekening te beïnvloeden.

Een ander belangrijk aspect van de analyse was een manier vinden om gebruikers aan te zetten tot actie, want hierin ligt de echte impact. Zo hebben we het gemakkelijk gemaakt om berekeningen tussen twee kledingstukken te vergelijken. Je kan bijvoorbeeld snel de stofkeuze van een kledingstuk aanpassen en direct vergelijken welke impact die keuze heeft op de true cost.

Voorbeeld van het design prototype in Figma

Technische ontwikkeling 

Daarna kon het bouwen beginnen. Dat verliep in verschillende fasen:

  • We begonnen met het opzetten van de Laravelomegving en het leggen van de API-connectie.
  • Parallel met de API-ontwikkeling werkten we aan de frontend-visualisaties
  • Tot slot perfectioneerden we de berekeningen en startte de uitgebreide testfase van de calculator en visualisaties

Wat is de meerwaarde voor de modesector?

Bij de True Cost Calculator ligt de focus op het rekenresultaat, maar evengoed op hoe dit resultaat werkbaar kan zijn voor gebruikers. Daarom zorgden we ervoor dat verbetervoorstellen en vergelijkingen mogelijk waren (pakweg tussen types textiel). Door daarnaast slim gebruik te maken van bestaande bouwblokken en visualisaties konden we maximale waarde leveren binnen het beschikbare budget.

Dankzij de True Cost Calculator verschuift de verantwoordelijkheid voor duurzame mode van de consument naar de producent. Modeprofessionals kunnen nu:

  • Inzicht krijgen in de volledige impact van hun productieketen
  • Gefundeerde beslissingen nemen voor duurzamere kledingstukken
  • Concrete stappen identificeren om hun ecologische voetafdruk te verkleinen

Wat leerden we in dit project?

De True Cost Calculator bleek een zeer complexe tool te zijn, al doet de eenvoudige front-end het tegendeel vermoeden. De grootste uitdagingen in deze samenwerking waren dan ook: 

  • Een gecompliceerde vragenstructuur vormgeven op een gebruiksvriendelijke manier
  • Complexe berekeningen vertalen naar begrijpelijke en bruikbare inzichten
  • Uiteenlopende behoeften van verschillende partijen coördineren: de wetenschappelijke juistheid waar VITO voor staat en de gebruiksvriendelijkheid die Flanders DC nastreeft voor alle modeprofessionals.

Zo werd de True Cost Calculator, net als een kledingstuk, aangepast en verfijnd tot het ontwerp perfect aansloot bij de noden van alle betrokken partijen.

Wat is de technische stack?

Benieuwd welke tools onze developers gebruikten voor de ontwikkeling van de True Cost Calculator? Wel, zij haalden hun hart op aan:

  • Het Laravel framework gecombineerd met Filament componenten voor de backendflows en formulieren
  • ChartJS voor datavisualisatie

Ook nood aan een digitale drager om jouw innovatief idee te realiseren?

Wij denken graag mee na!

Meer cases van onze digitale product studio