Plus
Lunches
Zakelijk lunch bestellen zonder te ‘winkelen’: een efficiënte fast-lane voor office managers. Het platform en de uitrol zijn nog in actieve ontwikkeling; deze pagina beschrijft het traject en de ontwerpkeuzes tot nu toe.
Klant
Plus Supermarkt (Den Haag)
Doelgroep
Zakelijke klanten / Office Managers
Rol
UI/UX Designer + Frontend
Tools
Figma, Cursor (AI), React
Niet winkelen, maar afvinken.
Een filiaaleigenaar van een Plus Supermarkt in Den Haag wilde een nieuw zakelijk platform lanceren onder de naam Plus Lunches. De concrete opdracht was het ontwerpen van een kleine webshop gericht op de verkoop van kantoorlunches aan zakelijke klanten. De harde eis: het bestelproces moest zo min mogelijk stappen bevatten, voor zowel de eenmalige bezoeker als de terugkerende klant met een profiel.
Tijdens de analysefase besefte ik dat de initiële vraag ("maak een simpele webshop") eigenlijk haaks stond op de werkelijke behoefte van de eindgebruiker. Een office manager die een teamlunch regelt wil niet 'winkelen' of door lijsten met losse broodjes en pakken melk scrollen. Het gaat om een snelle, vaak herhalende taak onder tijdsdruk.
De UX Uitdaging
"De uitdaging was niet het ontwerpen van een betere zoekfunctie, maar het wegnemen van de noodzaak om te zoeken."
Persona's & Customer Journey
Twee duidelijk te onderscheiden gebruikers, met dezelfde kerntaak maar volledig andere routes. Ik bracht hun doelen, gewoonten en frustraties in kaart vóórdat er ook maar één pixel werd ontworpen.
Marieke van den Berg
38 jaar · Office Manager · Innovatech B.V., Den Haag
"Ik wil het één keer goed instellen en er nooit meer over nadenken."
Regelt ad-hoc een eerste teamlunch onder tijdsdruk. Wil betrouwbaarheid, geen bonnetjes, en dieetwensen die eenmalig vastliggen voor het hele team.
Thomas Hendriks
44 jaar · Directeur / DGA · Studio Design BV, Den Haag
"Geef me één grote groene knop en ik klik er iedere donderdag op."
Bestelt iedere week dezelfde lunch. Wil één-klik-bevestiging, automatische facturatie en geen verrassingen rond zijn vaste team.
Customer Journey Maps
Per persona een volledige journey: van eerste oriëntatie tot het herhaal-moment, inclusief touchpoints, emoties en concrete kansen voor het ontwerp.
Sitemap & User Flows
Het onderzoek vertaald naar een tastbare structuur: een complete sitemap voor de scope-discussie, en gedetailleerde flows die elke afslag, inclusief edge cases, vastleggen.
User Flows: twee routes, één doel
Voor zowel de nieuwe als de terugkerende klant heb ik elke stap, beslissingsmoment en foutscenario uitgeschreven. Loading states, validatiefouten, succesmeldingen, mobiele responsiveness en bevestigingsmails zijn allemaal expliciet meegenomen, zodat het dev-team niets hoefde te improviseren.
Sitemap: scope inzichtelijk maken
Een visuele sitemap maakte voor team én opdrachtgever inzichtelijk wat er allemaal nodig was: van homepage en menu-keuze tot facturatie, accounts en bezorglogistiek.
Hierdoor kon de klant direct prioriteren welke modules wel of niet in de eerste MVP moesten, en konden we samen met vertrouwen een realistische roadmap neerzetten in plaats van alles tegelijk te willen bouwen.
- →MVP-scope: bestelflow, dashboard, factuurportaal.
- →Phase 2: account-koppeling, herhaal-bestellingen, notificaties.
- →Backlog: integraties, B2B-rapportages, CRM-koppeling.
De Slimme Configurator
Om het aantal kliks écht te minimaliseren, week ik bewust af van de standaard e-commerce flow. Drie stappen vervangen het traditionele 'winkelen'.
Snelle Input
De klant geeft kort de basisbehoefte op: aantal personen, dieetwensen, levermoment, eenmalig of repeterend.
Gepersonaliseerd Voorstel
Op basis van die input stelt het platform direct een passend lunchpakket samen. Geen leeg winkelmandje, maar een doordacht startpunt.
Finetunen in de Shop
De klant landt in de shop met producten die al klaarstaan. Met één klik wijzigen, de 'time-to-checkout' werd hiermee drastisch verkort.
Omgaan met koudwatervrees
Toen ik dit concept presenteerde was de opdrachtgever eerst erg enthousiast. Kort daarna ontstond echter koudwatervrees: de oplossing week te ver af van hun originele beeld van een 'standaard webshop'. Ze waren bang dat gebruikers de controle zouden missen.
Mijn oplossing: de innovatie niet doordrukken ten koste van vertrouwen. Ik ontwierp een hybride model: een solide, traditionele webshop als basislaag, met de slimme bestelhulp geïntegreerd als een direct beschikbare 'fast-lane'. Conservatieve gebruikers konden gewoon rondkijken, de office manager fixt de teamlunch in seconden.
Van design naar code met AI
Vervolgens heb ik met Cursor zelf het hele frontend-project uitgewerkt naar een werkend prototype. Een tastbaar resultaat dat zowel de klant als de ontwikkelaars vooruithelpt, terwijl backend, content en livegang nog worden opgepakt.
Stand van zaken
Het product is niet af: ontwikkeling en fine-tuning lopen door. Tot nu toe leverde de gelaagde, hybride aanpak wél deze richtinggevende effecten:
Klanttevredenheid: de filiaaleigenaar kreeg de webshop waar hij om vroeg en voelde zich gehoord, zonder dat het project stil kwam te liggen door een meningsverschil.
Gebruikerswaarde: eindgebruikers kregen toegang tot de fast-lane. Conservatieve bezoekers kijken rustig rond, terwijl de terugkerende office manager binnen seconden de teamlunch fixt.