blue-grid

Done

NutriCheck

projectimage

NutriCheck

Done

Projectbeschrijving

NutriCheck is een webpagina die AH-klanten inzicht geeft in de Nutri-Scores van hun boodschappen. Om als klant makkelijk te kunnen zien wat een gezondere of minder gezondere keuze is binnen een productgroep, is de Nutri-Score bedacht. Nutri-Score is een logo dat jou helpt om producten snel en simpel met elkaar te vergelijken. Klanten kunnen in al onze winkels eigenmerkproducten kiezen aan de hand van dit nieuwe voedselkeuzelogo.

De NutriCheck-pagina bestaat uit een dashboard dat de verdeling van de aankopen van klanten over de verschillende Nutri-Scores-labels aangeeft. Voor elk Nutri-Score label worden de meest gekochte producten getoond. Op basis van de vaak gekochte producten worden verschillende suggesties gegeven voor alternatieve producten met een betere Nutri-Score. Zo proberen we de klant te helpen in het maken van een betere keuze. Elke week toont de pagina nieuwe alternatieve productsuggesties om klanten te ondersteunen bij het maken van bewuste en gezonde voedingskeuzes. Klanten hebben de mogelijkheid om het alternatieve product aan 'mijn lijst’ toe te voegen of de productpagina op ah.nl te bezoeken. Wanneer een klant niet tevreden is met een alternatieve productsuggestie kan dit worden gemeld door op de duim omlaag knop te klikken. Zo houden wij bij welke suggesties minder passend zijn om te zorgen voor een optimaal NutriCheck dashboard.

project image

Technologie

Voor deze webapplicatie hebben we Spring met Kotlin in de backend en React met Typescript voor de frontend en Express.js voor de BFF gebruikt.

De backend communiceert met bestaande Albert Heijn-diensten om verschillende soorten data op te halen zoals producten, online en offline aankopen en aanbevelingen. Dit gaf ons een behoorlijke uitdaging omdat deze diensten niet goed werkten op de testomgeving van AH.

Bovendien bood de product-aanbevelingsservice geen passende alternatieven, dus hebben we onze eigen logica toegevoegd om het bestaande algoritme te verbeteren. Gedurende het hele proces hebben we ons algoritme herhaaldelijk getest met verschillende producten totdat de resultaten naar tevredenheid waren.

Kotlin

Kotlin

React

React

Spring Boot

Spring Boot