Interactief traceability dashboard voor Pure Africa Coffee

Pure Africa is een koffiemerk met een missie: zorgen voor een leefbaar inkomen voor iedere boer. Ze werken via coöperaties samen met ruim 8.000 boeren in Rwanda, Burundi en Uganda. Ze investeren via een eigen microkredietfonds,  branden hun koffie lokaal en duurzaam en betalen boeren direct en eerlijk uit.

Pure Africa draagt niet alleen bij aan het verbeteren van het inkomen en welzijn van boeren in de herkomstlanden, maar speelt ook in op de groeiende behoefte van consumenten en bedrijven om bewust en duurzaam in te kopen. Daarom willen ze de herkomst van koffie en de impact van eerlijke handel inzichtelijk en tastbaar maken, op boer-, coöperatie- en projectniveau. Pure Africa streeft ernaar om hun productie tegen 2030 te verdubbelen en 100% van hun keten zichtbaar te maken voor hun klanten.

Work in progress 

We werken aan een interactief traceability dashboard. Pure Africa wil met het dashboard inzicht geven in de reis van de koffieboon. Van verkoopdata en coöperatie-informatie tot microkredieten en persoonlijke verhalen: alles is op een begrijpelijke en visueel aantrekkelijke manier beschikbaar. Tegelijkertijd draagt het dashboard functioneel bij aan e-commerce. Gebruikers kunnen direct doorklikken naar het koffie aanbod of een specifieke coöperatie steunen met hun aankoop.

Op basis van persona’s en use cases ontwerpen we een volledige flow en een interactiemodel dat transparantie inzichtelijk maakt. In het dashboard zien gebruikers precies welke boer hun koffie heeft geleverd, hoeveel die heeft verkocht, welk bedrag de boer daarvoor ontvangt en of de boer microkrediet heeft ontvangen. Deze gegevens zijn gekoppeld aan coöperaties, projecten en jaartallen en kunnen eenvoudig worden gefilterd. Het dashboard maakt zo de volledige koffieketen transparant.

Samenwerking

De samenwerking met Pure Africa kenmerkt zich door betrokkenheid, openheid en maatschappelijke gedrevenheid. In korte tijd realiseren we met een multidisciplinair team van design en development een eerste versie die breed gedragen wordt binnen het team van Pure Africa. Wat deze samenwerking bijzonder maakt, is de gezamenlijke focus op wat echt waarde toevoegt. We laten zien dat maatschappelijke impact en technologische innovatie hand in hand kunnen gaan, en maken duurzame keuzes inzichtelijk, begrijpelijk en toegankelijk voor iedereen.

We denken niet alleen mee over de technische en visuele invulling, maar vooral over de business value: hoe haal je als kleinere organisatie met beperkte middelen het maximale uit je budget? Die vraag leeft bij veel impactgedreven organisaties en vormt voor ons het vertrekpunt bij elke ontwerpkeuze. Dankzij korte lijntjes, gedeelde waarden en een helder gemeenschappelijk doel is de co-creatie een energiek en richtinggevend proces.

We hebben zelfs gezamenlijk een leuke marketingactie bedacht, waarbij we vanuit Enrise een proefpakketje koffie aanbieden met een persoonlijke uitnodiging om in gesprek te gaan over de IT uitdagingen en digitale ambities van bedrijven. 

Impact

Met het traceability dashboard heeft Pure Africa een krachtige tool in handen om transparantie niet alleen te beloven, maar ook daadwerkelijk te tonen. Het project weerspiegelt een maatschappelijke beweging richting meer transparantie en duurzaamheid in de consumptieketen, een ontwikkeling die zowel consumenten als bedrijven actief ondersteunt.

Daarnaast versterkt het dashboard niet alleen de beleving, maar ook de conversie. Klanten klikken via het platform direct door naar koffieproducten, gekoppeld aan de coöperatie of boer van hun keuze. Daarmee is de missie van Pure Africa, een leefbaar inkomen voor iedere boer, verweven met de gebruikerservaring. Elke klik draagt bij aan verandering en versterkt de betrokkenheid bij de missie van Pure Africa. Want als je ziet waar je koffie vandaan komt, smaakt het beter voor iedereen in de keten.

Technische aanpak

Omdat Pure Africa werkt met een hybride stack, denken we vanaf het begin mee over een modulaire en toekomstbestendige integratie. De oplossing importeert data vanuit bestaande bronnen zoals Google Sheets of een centrale database. Voor de front-end gebruiken we React, in combinatie met Chart.js voor interactieve grafieken, Leaflet.js voor geografische kaartweergave en Tailwind CSS 4 voor een gestroomlijnde visuele opmaak. De frontend koppelen we via Inertia.js aan de backend, die draait op Filament CMS, een flexibel framework waarmee content en data centraal beheerd worden. Het dashboard biedt ruimte om op te schalen naar bredere vormen van ketentransparantie binnen de koffieketen.

In de conceptfase werken we met clickable wireframes, uitgewerkt in Figma. De visuele stijl sluit aan bij de vormgeving van Pure Africa: vriendelijk, duidelijk en toegankelijk. Bij het verzamelen van data besteden we ook aandacht aan uitzonderingen in de dataset. Zo zijn er coöperaties die wel microkredieten ontvangen, maar (nog) geen koffie leveren. Of containers waarin meerdere partijen gemengd worden, wat traceability per kilo complexer maakt. Via steekproeven en controles bewaken we de datakwaliteit.

Tech Stack 

• WordPress 
• Figma 
• React
• Tailwindcss 4
• Filament CMS

Over Pure Africa Coffee

Pure Africa Coffee is opgericht vanuit de wens om koffieketens eerlijk en transparant te maken. Met direct trade, microkredieten en volledige openheid laten ze zien wie er aan jouw kopje koffie verdient. Sinds 2012 werken ze met 12 coöperaties en meer dan 8.000 boeren in Rwanda, Burundi en Uganda. Ze leveren hoogwaardige koffiebonen aan kantoren, horeca en consumenten en combineren maatschappelijke impact met duurzame groei.