Zakelijk lunch bestellen zonder te winkelen. Strategisch UX-ontwerp leidde tot een gelanceerde webshop op pluslunch.nl. De slimme fast-lane is volledig ontworpen maar nog niet gebouwd.

Bekijk pluslunch.nl

klant:

Plus Supermarkt (Den Haag)

periode:

2024 – 2025

rol:

UI/UX Designer + Frontend

tools:

Figma, Cursor, React

status:

Gelanceerd · pluslunch.nl

Webshop gelanceerd

B2B-lunchbestellingen draaien op pluslunch.nl

Fast-lane ontworpen

Configurator + hybride model klaar voor fase 2

Vertrouwen + innovatie

Stakeholders gehoord zonder scope te verliezen

Plus Lunches mockup op laptop in kantooromgeving

Deliverables

UX Strategy UI Design Webshop Configurator (fase 2)

01 / Probleem

Niet winkelen, maar afvinken

De opdracht: een "simpele webshop". De realiteit: office managers willen geen producten browsen. Ze willen een herhalende lunchtaak snel afhandelen.

→Nieuwe en terugkerende klanten volgen totaal verschillende routes met andere frustraties.
→Budget bepaalde scope: webshop moest live, slimme fast-lane werd fase 2.

02 / Werkwijze

Twee routes, één kerntaak

Stakeholder-interviews en journey mapping brachten de echte taak boven: lunch regelen, niet shoppen.

Research
Stakeholder-interviews
Strategie
2 klantroutes in kaart
Design
Webshop + configurator
Launch
pluslunch.nl live

Nieuwe klant · Office Manager
"Ik wil het één keer goed instellen en er nooit meer over nadenken."

Terugkerende klant · DGA
"Geef me één grote groene knop en ik klik er iedere donderdag op."

Customer journey Plus Lunches — Customer journey: twee routes, één doel

03 / Oplossing

Webshop + slimme configurator

Fase 1: werkende B2B-webshop op pluslunch.nl. Fase 2: configurator volledig ontworpen in Figma, onderstaande schermen zijn klaar voor development, maar draaien nog niet in de tool.

Live webshop

B2B-bestelflow voor zakelijke lunchbestellingen op pluslunch.nl.

Slimme configurator

4 onboarding-stappen → lunchvoorstel. Volledig uitgewerkt in Figma, wacht op implementatie.

Fast-lane

Herhalende orders in één klik, Figma-ontwerp klaar voor volgende fase.

Configurator flow · Figma

Van input naar lunchvoorstel

User flow plus vijf Figma-schermen: vier onboarding-stappen en het lunchvoorstel. Ontworpen en dev-ready, nog niet gebouwd in pluslunch.nl.

Let op: dit zijn Figma-ontwerpen, geen live productieomgeving. Alleen de webshop (fase 1) is gelanceerd.

Figma · User flow

Strategie

Twee klantroutes in één flow

Nieuwe klant via onboarding → lunchvoorstel; terugkerende klant via dashboard en fast-lane.

Figma · Stap 1 / 4

Onboarding

Hoeveel collega's eten mee?

Aantal personen kiezen, start van het stappenplan i.p.v. producten browsen.

Figma · Stap 2 / 4

Onboarding

Op welke dagen lunchen jullie?

Vaste bezorgdagen selecteren, woensdag en donderdag in één klik.

Figma · Stap 3 / 4

Onboarding

Dieetwensen & allergieën

Vegetarisch, halal, biologisch of notenallergie, chips i.p.v. vrije tekst.

Figma · Stap 4 / 4

Onboarding

Bedrijfsgegevens

Contact- en afleveradres, daarna door naar het lunchvoorstel.

Figma-ontwerp: gepersonaliseerd lunchvoorstel Plus Lunches

Figma · Resultaat

Configurator

Jouw aanbevolen lunch

Samengesteld op basis van onboarding, broodjes, salade en koffie direct bevestigen of aanpassen.

04 / Resultaat

Live én klaar voor fase 2

→B2B-webshop gelanceerd en draait op pluslunch.nl.
→Configurator + fast-lane volledig uitgewerkt in Figma, klaar voor implementatie, nog niet live.
→Stakeholders gehoord zonder scope te verliezen: innovatie én delivery.

Wil je de volledige configurator-flow, wireframes of stakeholder-onderzoek zien? Neem contact op.

Bekijk pluslunch.nl

Neem contact op