AH (sollicitatie opdracht)

ahmockup
 

Verfijn je wijn 

Voor mijn sollicitatie bij Albert Heijn Technology Labs kreeg ik de opdracht om een oplossing te ontwerpen voor klanten die graag wijnadvies ontvangen dat past bij hun gerecht. In deze case ontwikkelde ik een helder concept, bijbehorende gebruikersflow en een high-fidelity scherm voor de Albert Heijn app.
Binnen een timebox van 4 uur heb ik mijn volledige designproces inzichtelijk gemaakt: van probleemdefinitie en eerste schetsen tot wireframes en een uitgewerkt UI-ontwerp.

Onderzoek
onderzoek plaatje

Het uitgangspunt van dit ontwerp is de behoefte van de klant: gebruikers willen graag een wijn vinden die goed past bij hun gerecht en daarbij advies ontvangen. Om te bepalen waar deze functie het beste in de AH-app kon landen, onderzocht ik de huidige structuur van de app, met name de sectie ‘Koken’. Dit is vaak het startpunt voor gebruikers die eerst een gerecht kiezen voordat ze nadenken over bijpassende producten.


Daarom analyseerde ik twee ontwerpopties: een aparte wijnadviesfunctie of het integreren van het advies binnen bestaande recepten. Een losse functie zou zichtbaar kunnen zijn, maar waarschijnlijk minder logisch en minder vindbaar zijn tussen alle menu-items. Integratie binnen recepten biedt meer context, sluit aan op het natuurlijke gebruikersgedrag en zorgt voor een persoonlijkere ervaring.
Vervolgens onderzocht ik twee scenario’s voor de plek van het wijnadvies binnen het recept: bovenaan of onderaan. Hoewel plaatsing bovenaan meer opvalt, verstoort dit de opbouw en haalt het de focus weg van het gerecht. Onder aan het recept blijft de flow logisch: de gebruiker leest eerst over het gerecht en ziet daarna direct het passende wijnadvies—precies op het moment dat dit relevant is.

Na het maken van de belangrijkste ontwerpkeuzes heb ik wireframes uitgewerkt waarin het wijnadvies onderaan het recept wordt weergegeven, onder de titel “Welke wijn past bij dit gerecht?”. De wireframes tonen één tot drie aanbevolen wijnen met foto, productnaam, prijs en een korte toelichting.
Gebruikers kunnen in dit ontwerp op een wijn klikken om naar de productpagina te gaan, of kiezen voor ‘toon meer’ om alle wijnen te bekijken die passen bij het geselecteerde gerecht. Dit leidt naar een aparte overzichtspagina, zoals “Wijnen bij visgerechten”. De wireframes structureren de flow en visualiseren hoe gebruikers intuïtief door het advies heen navigeren.

wireframes
prototype plaatje

Voor het prototype heb ik de Albert Heijn-huisstijl toegepast, met hetzelfde lettertype, kleurgebruik en visuele hiërarchie als in de bestaande app. Hierdoor sluit het prototype naadloos aan op de huidige gebruikerservaring en voelt de nieuwe functie vertrouwd.
Het high-fidelity scherm toont hoe de wijnsuggesties er uiteindelijk uitzien binnen het recept, inclusief beeldmateriaal, typografie en knoppen. De gebruiker kan soepel navigeren van het recept naar een wijnsuggestie en verder naar de productpagina’s. Het prototype laat concreet zien hoe de nieuwe functie werkt binnen de bestaande structuur van de app en maakt de gebruikservaring direct voelbaar.

Nieuwsgierig geworden?

Let’s Connect!

© 2025  designedbyM

Scroll naar boven