Stap voor stap
Een begeleide wizard voor een persoonlijk bodem- en matrasadvies, geschikt voor één of twee personen.
NOX
Van productkennis in de winkel naar betrouwbaar slaapadvies op tablet
Een robuuste PWA die verkopers stap voor stap naar een onderbouwd bodem- en matrasadvies leidt.
Client
LS Bedding / NOX
Diensten
Webapplicatie, PWA, UX/UI Design, CMS-architectuur, advieslogica, Cloud Code
Sector
Retail / Bedding / In-store sales
Doorlooptijd
Voorjaar tot zomer 2026
Status
In gebruik, verdere uitrol
Tech stack
React, TypeScript, TanStack Router, Zustand, Dexie, Nimbu CMS, Nimbu Cloud Code, Vite, Tailwind CSS
Vraag
NOX verkoopt geen standaardproduct dat je zomaar online in een winkelmandje legt. Een goed bedadvies vraagt productkennis, ervaring en een gesprek tussen verkoper en klant. Zeker binnen het custom made gamma spelen meerdere factoren mee: lichaamsbouw, slaaphouding, transpiratie, allergie, voorkeur voor boxspring of lattenbodem, lezen of tv kijken in bed, en bij koppels ook de combinatie tussen twee personen.
LS Bedding had dat domein al heel grondig voorbereid. Er lag een storyboard, een moodboard, keuzematrices, flowcharts en een lastenboek met duidelijke randvoorwaarden. De configurator moest geen webshop worden, geen offertetool en ook geen zelfstandige consumententest. Het moest een verkoopinstrument worden voor de winkelvloer: de verkoper begeleidt, de tablet ondersteunt.
De nood was herkenbaar. Niet elke winkelmedewerker kent alle finesses van het NOX-aanbod. Sommige verkopers werken enkel in het weekend, anderen zijn nieuw in het assortiment. Toch moet elk advies professioneel, consequent en premium genoeg aanvoelen om het vertrouwen van de klant te winnen. Een fout of te generiek advies kan later leiden tot comfortwissels, net wat NOX wilde vermijden.
De vraag aan Zenjoy: vertaal de bestaande product- en advieskennis naar een snelle, warme en betrouwbare tabletapplicatie die in de winkel werkt, ook wanneer de wifi even niet meewerkt.
Aanpak
Eerst het domein goed begrijpen
Het project startte niet vanuit een lege briefing. NOX kende het domein uitzonderlijk goed en had al veel denkwerk gedaan. Dat maakte de samenwerking meteen sterk: er was richting, maar ook ruimte om mee te denken.
We begonnen met het ontrafelen van de keuzelogica. Welke parameters bepalen een matrasadvies? Wanneer telt een voorkeur voor boxspring of lattenbodem mee? Wat gebeurt er bij twee personen in één bed? Welke keuzes zijn echte filters, en welke zijn eerder prioriteiten? Welke productinformatie heeft een verkoper nodig tijdens het gesprek, en wat zou de klant alleen maar afleiden?
De initiële vraag leek op papier een lineaire configurator. In de praktijk zat er meer diepte in. Het advies moest per persoon kloppen, maar de bodem is gedeeld. Het systeem moest dus individuele matrasadviezen combineren met één gezamenlijk bodemadvies. Bovendien moest het expertadvies zichtbaar blijven, terwijl de verkoper nog alternatieven kan bekijken en toelichten.
Omdat de klant het domein zo goed kende, konden we snel inhoudelijk scherpstellen. Tegelijk veranderden sommige analyses, logica en structuren doorheen het traject ten goede. Niet omdat de briefing onduidelijk was, maar omdat de gesprekken concreet genoeg waren om betere keuzes te ontdekken.
Een warme kioskervaring, geen koude vragenlijst
De configurator moest in een winkelomgeving gebruikt worden. Dat bepaalt alles: het tempo, de leesbaarheid, de knoppen, de beeldtaal, de feedback en de hoeveelheid tekst op het scherm.
We bouwden de flow als een begeleide wizard met vijf stappen. De verkoper kan lineair door het gesprek gaan, terugkeren zonder keuzes te verliezen en voor één of twee personen werken. De interface gebruikt grote interactieve keuzes, duidelijke voortgang en productbeelden die passen bij de warme NOX-uitstraling. Specificaties en detailinformatie zitten dichtbij, maar niet in de weg.
De applicatie voelt bewust niet als een administratief formulier. Ze ondersteunt het gesprek. De klant ziet wat er gebeurt, de verkoper houdt controle, en het advies blijft transparant genoeg om geloofwaardig te zijn.
Advieslogica die beheersbaar blijft
De kern van de toepassing is de adviesmotor. Die combineert lichaamsprofiel, lengte, gewichtsklasse, slaaphouding, transpiratie, allergie, warmtegevoel, lees- en tv-gedrag en bodemvoorkeur met het actuele productaanbod.
We kozen voor een duidelijke scheiding tussen domeinlogica en presentatie. De beslissingen zitten in pure TypeScript-modules, met tests rond onder meer lichaamsprofielen, BMI- en gewichtsklassen, matrasselectie, bodemselectie en prioriteiten. De UI toont het resultaat, maar bepaalt de regels niet.
Dat bleek belangrijk toen de productlogica verfijnde. Zo kwamen er later families en varianten voor custom made bodems bij, waarbij elke bedzijde een eigen variantlabel kan krijgen. Omdat de advieslogica apart en getest stond, konden we die verfijning toevoegen zonder de hele flow om te gooien.
Veel controle via Nimbu CMS
NOX wilde de configurator kunnen laten meegroeien met het assortiment. Daarom maakten we de product- en configuratielaag zo veel mogelijk CMS-gestuurd.
In Nimbu beheren we onder meer matrassen, bodems, basistypes, slaaphoudingen, transpiratietypes, gewichtsklassen, lichaamsprofielen, BMI-banden, productbeelden, juridische teksten, winkelconfiguraties, actieve beslissingsversies en beelden per wizardstap. Ook de winkelgegevens voor de e-mailoutput, zoals contactgegevens, openingsuren en persoonlijke boodschap, zitten in het CMS.
Die aanpak geeft LS Bedding controle zonder dat elke tekstwijziging of productaanpassing meteen een nieuwe release moet worden. Tegelijk blijft de advieslogica streng genoeg: de applicatie valideert configuratie, negeert onvolledige combinaties en valt niet zomaar terug op onbetrouwbare data.
Offline-first voor de realiteit van winkels
Een winkel is geen kantooromgeving. Tablets liggen in toonzaalhoeken, wifi is niet overal even sterk en een verkoopgesprek mag niet stilvallen omdat een request blijft hangen.
Daarom bouwden we de configurator als robuuste PWA. De actieve configuratie en beelden worden lokaal gecachet. Sessies worden lokaal bewaard en via een offline queue later doorgestuurd. De app probeert eerst de meest recente configuratie op te halen, maar kan terugvallen op een geldige lokale versie wanneer de verbinding wegvalt.
Ook e-mailverzending is bewust gekoppeld aan sessiestatussen. Een adviesrapport wordt pas als verzonden beschouwd wanneer de juiste serverstap is opgeslagen. Bij twijfelgevallen blijft de status zichtbaar, zodat er geen stille dubbele verzendingen of verloren rapporten ontstaan.
Privacy en vertrouwen vanaf het begin
De configurator verwerkt persoonlijke gegevens: lichaamskenmerken, slaapgewoontes en een e-mailadres om het adviesrapport te versturen. Dat vroeg om duidelijke afbakening.
We integreerden toestemming voor de analyse, een privacyverklaring en juridische duiding dat het advies automatisch wordt gegenereerd en geen medisch of therapeutisch advies is. De applicatie bewaart wat nodig is voor het advies en de opvolging, maar vermijdt onnodige medische gegevens. De e-mailoutput bevat een samenvatting voor de klant en een kopie voor de winkel, zodat het verkoopgesprek nadien kan worden opgevolgd.
Resultaat
Het resultaat is een robuuste tablet-PWA voor de winkelvloer: warm in gebruik, technisch stevig en sterk beheersbaar via Nimbu.
Alle factoren samen
Een adviesmotor die lichaamsprofiel, gewichtsklasse, slaaphouding, transpiratie, allergie, warmtegevoel, lees- en tv-gedrag en bodemvoorkeur combineert.
Matras apart, bodem samen
Een helder onderscheid tussen individueel matrasadvies en gedeeld bodemadvies.
Alternatieven bespreken
Productdetailpagina's met beelden, specificaties en toelichting, zodat de verkoper alternatieven kan bespreken zonder het expertadvies kwijt te raken.
Per winkel ingesteld
Winkelaccounts met eigen configuratie, e-mailgegevens, footer, privacyteksten en actieve beslissingsversie.
Beheer in Nimbu
Een CMS-gestuurde productcatalogus met matrassen, bodems, varianten, prioriteiten, beelden en configuratieregels.
Werkt zonder wifi
Offline cache en wachtrij, zodat de flow bruikbaar blijft in uithoeken van winkels waar wifi niet altijd meteen beschikbaar is.
Advies mee naar huis
E-mailoutput met adviesrapport, winkelgegevens, persoonlijke boodschap, privacyverwijzingen en cc naar het verkooppunt.
De grootste winst zit niet alleen in de technologie. Ze zit in de consistentie van het verkoopgesprek. Een verkoper krijgt steun zonder vervangen te worden. De klant krijgt een professioneel en visueel sterk advies. En NOX houdt controle over merkbeleving, productlogica en toekomstige wijzigingen.
"Zeer tevreden met hoe het project gelopen is, jullie denken en testen echt mee. Ik zou Zenjoy zeker aanbevelen. En dat zeg ik niet vaak over IT-partners."
Brecht Holvoet, R&D Manager, LS Bedding
Andere cases
Karavaan & Joker
Karavaan & Joker stonden voor de uitdaging om de samenwerking tussen vrijwilligers onderling en met de organisatie te digitaliseren.
Fonar
Van DOS-codes en verkeerd gebruikte datavelden naar een platform dat de werking van Luisterpunt ondersteunt.
Phonebox
Telers en onderzoekscentra verwerken veldfoto's, krijgen automatische waarschuwingen en exporteren rapporten. KU Leuven kan het systeem zelf hosten.
Een betrouwbare adviestool voor in de winkel bouwen?
We denken graag mee. Vertel waar je organisatie naartoe wil en wat vandaag moeilijk loopt.
Plan een gesprek
Je spreekt meteen met iemand die inhoudelijk meedenkt.
Nog niet klaar voor een gesprek? Bekijk wat we zoal gebouwd hebben