Hoe elke dag duizenden producten online worden samengesteld

Voor Solo Midocean, internationaal marktleider in promotionele merchandise, draaide die uitdaging om méér dan alleen een configurator bouwen. Het doel was om een schaalbaar self-service platform te ontwikkelen waarmee resellers zelfstandig producten kunnen personaliseren, offertes kunnen maken en orders kunnen plaatsen. Zonder afhankelijk te zijn van customer support.

Samen met Solo Midocean ontworpen we twee krachtige configurators die complexe productieprocessen vertalen naar een intuïtieve gebruikerservaring: een Web to Print configurator en een uitgebreide YourChoice configurator voor volledig maatwerkproducten. De uitdaging zat niet alleen in de hoeveelheid opties, maar juist in het slim begeleiden van gebruikers. Want achter iedere configuratie schuilt een keten van logistieke beperkingen, druktechnieken, productieregels en levertijden die wél verwerkt moeten worden, maar niet zichtbaar complex mogen aanvoelen.

Binnen het traject verzorgden wij:

• UX- en UI-design

• 5 gebruikerstesten per configurator

• validatie via customer surveys

• ontwikkeling van het design system

• uitgebreide developer handoffs met annotaties en rationale

• continue optimalisatie van gebruikersflows

De Web to Print configurator maakt het mogelijk om bestaande producten eenvoudig te personaliseren met logo's, teksten en bedrukkingen. Gebruikers uploaden hun artwork, kiezen printtechnieken, stellen kleuren in en positioneren hun ontwerp direct op het product. Daarbij zien ze realtime hoe het eindresultaat eruit komt te zien via de 'composit preview' en AI-gegenereerde sfeerbeelden.

De configurator ondersteunt complexe use cases zoals:

• meerdere bedrukkingen op verschillende zijdes

• combinaties van druktechnieken

• uitgebreide kleur- en materiaalopties

• productspecifieke printbeperkingen

De grootste uitdaging lag in het vertalen van technische productievoorwaarden naar begrijpelijke interacties. Een gebruiker wil vrij kunnen ontwerpen, terwijl de fabriek duidelijke limieten kent. Denk aan printbare zones, materiaalrestricties en technische vereisten voor verschillende druktechnieken. Daarom ontwierpen we een interface die gebruikers actief begeleidt tijdens het configureren. Niet door beperkingen centraal te zetten, maar door slimme feedback, duidelijke visualisaties en realtime validatie. Zo helpen we gebruikers om foutloze ontwerpen aan te leveren voordat ze richting productie gaan.

Ook werd sterk ingezet op self-service. Functionaliteiten zoals een persoonlijke logo library, opgeslagen concepten en realtime previews zorgen ervoor dat gebruikers zelfstandig kunnen werken zonder telkens contact op te nemen met support.

Een opvallende toevoeging is de AI Preview-functionaliteit. Hiermee genereert de configurator sfeerbeelden van gepersonaliseerde producten in realistische situaties. Dat helpt resellers niet alleen bij het beoordelen van een ontwerp, maar ook bij het overtuigen van hun eigen klanten tijdens het salesproces.

Waar Web to Print draait om personalisatie van bestaande producten, gaat YourChoice een stap verder. Hier configureren gebruikers producten volledig op maat. Van shirts en petten tot tassen, flessen en keycords: ieder onderdeel van het product kan aangepast worden met eigen materialen, kleuren en printopties.

Dat brengt een enorme hoeveelheid keuzes met zich mee. Daarom ontwierpen we het configuratieproces stap voor stap. Gebruikers zien alleen de opties die op dat moment relevant zijn. Secties kunnen worden ingeklapt zodat zelfs uitgebreide configuraties overzichtelijk blijven. Tegelijkertijd blijft belangrijke informatie altijd zichtbaar. Onderaan de viewport tonen we realtime de actuele prijs en levertijd op basis van de gekozen configuratie. Zo weten gebruikers direct wat de impact is van hun keuzes op kosten en levertijd.

Ook hier stond gebruiksgemak centraal:

• configuraties kunnen tussentijds opgeslagen worden

• gebruikers kunnen later verdergaan waar ze gebleven waren

• gebruikers krijgen een print proof PDF die gedeeld kan worden met klanten

• de gehele communicatie historie is terug te vinden binnen My Account

Tijdens validaties en surveys zagen we vooral positieve reacties op twee onderdelen: de enorme vrijheid in personalisatie én de snelheid waarmee gebruikers door het proces kunnen navigeren ondanks de complexiteit van het achterliggende systeem.

Daarbij draaide het project niet alleen om het ontwerpen van een gebruiksvriendelijke configurator, maar ook om het digitaliseren van een versnipperd proces. Voorheen verliep vrijwel alle communicatie tussen klant en Midocean via e-mail, wat zorgde voor veel handmatig contact per order. Met de uitbreiding van de configurator kunnen klanten nu direct printinstructies invoeren binnen het platform zelf. Daarmee verplaatste de communicatie zich van losse e-mails naar één centrale omgeving.

Naast de frontend ontwierpen we ook de backend voor de configurator. Hierdoor werd niet alleen het bestelproces voor klanten eenvoudiger, maar ook de werkwijze van de printafdeling aanzienlijk efficiënter en overzichtelijker.

Beide configurators zijn ontwikkeld vanuit hetzelfde design system. Dat zorgt voor een consistente gebruikerservaring over het volledige platform en maakt het mogelijk om snel nieuwe functionaliteiten te ontwikkelen.

Dit was een belangrijk onderdeel. Dagelijks verwerken de configurators duizenden gebruikers en grote aantallen orders. Tegelijkertijd blijft Midocean continu doorontwikkelen met nieuwe features, producten en personalisatie-opties. De uitdaging is daarom niet alleen om nieuwe mogelijkheden toe te voegen, maar vooral om het platform begrijpelijk en overzichtelijk te houden terwijl de onderliggende complexiteit blijft groeien.

Sinds de livegang van de YourChoice configurator is:

• 70% van de orders volledig online geplaatst

• het aantal orders met 30 tot 40% gegroeid

• de klanttevredenheid gestegen naar gemiddeld een 8,6

En Web to Print:

• krijgt een NPS score van 8.3 / 10

• 77% van gebruikers gaven een 8 of hoger

• 58% van gebruikers gaven een 9 of hoger

Maar de grootste winst zit misschien wel in het proces achter de schermen. Door prijzen, levertijden en productievoorwaarden realtime inzichtelijk te maken én communicatie rondom print proofs grotendeels te automatiseren, kunnen gebruikers zelfstandig veel meer regelen. Dat bespaart uren aan handmatig contact via customer support en versnelt het volledige orderproces.

Het resultaat is een platform dat complexe personalisatie toegankelijk maakt. Voor gebruikers voelt het snel en intuïtief. Achter de schermen verwerkt het een indrukwekkende hoeveelheid productie- en logistieke logica. Precies daar ontstaat de kracht van een goede configurator: complexiteit oplossen zonder dat de gebruiker het merkt.