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.

Resultaat

We hebben een interactief traceability dashboard gerealiseerd. 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 hebben we een complete gebruikersflow en interactiemodel ontworpen waarin transparantie centraal staat. 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 werd gekenmerkt door betrokkenheid, openheid en maatschappelijke gedrevenheid. In korte tijd realiseerden we met een multidisciplinair team van design en development een eerste versie die breed werd gedragen binnen het team van Pure Africa. Wat deze samenwerking bijzonder maakte, was de gezamenlijke focus op wat daadwerkelijk waarde toevoegt. Daarmee lieten we zien dat maatschappelijke impact en technologische innovatie hand in hand kunnen gaan en maakten we duurzame keuzes inzichtelijk, begrijpelijk en toegankelijk.

We dachten 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 vormde het vertrekpunt bij elke ontwerpkeuze. Dankzij korte lijnen, gedeelde waarden en een helder gemeenschappelijk doel was 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, dachten we vanaf het begin mee over een modulaire en toekomstbestendige integratie. De oplossing importeert data uit bestaande bronnen zoals Google Sheets en een centrale database. Voor de front-end is gekozen voor Next.js (een React-framework voor het web), in combinatie met Chart.js voor interactieve grafieken, Leaflet.js voor geografische visualisaties en Swiper voor dynamische sliders. De visuele opmaak is gestroomlijnd en gebruiksvriendelijk opgezet, in lijn met de bestaande stijl van Pure Africa.

In de conceptfase werkten we met klikbare wireframes in Figma. De visuele stijl sloot aan bij de vormgeving van Pure Africa: vriendelijk, duidelijk en toegankelijk. Bij het ontsluiten van data is expliciet rekening gehouden met uitzonderingen in de dataset. Zo zijn er coöperaties die wel microkredieten ontvangen maar (nog) geen koffie leveren, en containers waarin koffie van meerdere partijen wordt gemengd, wat traceability per kilo complexer maakt. Door steekproeven en controles hebben we de datakwaliteit geborgd.

Tech Stack 

• Filament Laravel (CMS)
• Inertia.js met React
• Chartjs
• Leafletjs
• Swiper

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.