De producten moesten fotorealistisch en in 360° worden gepresenteerd, met varianten in meerdere kleuren en opties. Daarnaast vroeg Toypek.eu om een meertalige configurator die soepel kon wisselen tussen talen, zonder complexiteit of performance-verlies, ondanks tienduizenden assets en honderden variaties.

We bouwden een meertalige website met een 3D/360° productconfigurator bovenop WooCommerce (webshop). De content is vastgelegd in een pro 360-studio en vervolgens geautomatiseerd nabewerkt naar alle kleurvarianten. Met een strak datamodel voor varianten (400+) en een CDN-gedreven assetpipeline (20.000+ beelden) blijft alles snel. Realtime search (Algolia) versnelt selectie en navigatie. We kozen voor lichte, native WordPress-functionaliteit (AlpineJS, custom WPML-aanpak) om beheer én performance onder controle te houden.

Refurbished Auping bedden kennen veel opties (maten, kleuren, stoffen, matrassen, accessoires). Smeenkbedden wilde dit rijk personaliseren in één soepele flow, zonder duizenden variaties te hoeven beheren. Belangrijk: naadloze integratie met WooCommerce (cart/checkout), hoge snelheid, state management en een betrouwbare dataopslag voor configuraties.

We realiseerden een Vue-gedreven configurator als losse WordPress-plugin, met custom routing, state management en eigen database­tabellen. De UI bevat o.a. een kleur­picker en live prijs-/optievalidatie. Aan de achterkant koppelt de configurator via maatwerk-API’s en templates aan WooCommerce (cart/checkout), zodat beheer in WordPress vertrouwd blijft. Zo combineren we de flexibiliteit van een productconfigurator met de commerce-kracht van een WooCommerce-webshop—snel, schaalbaar en eenvoudig uit te breiden.

Snelheid was randvoorwaarde: SSR-performance onder de halve seconde, ook met rijke visuals en meertaligheid. Daarnaast vroeg Plantinum om een B2B-afrekenproces zonder directe betaling, maar mét betrouwbare Exact-koppeling en nauwkeurige tracking. Tot slot moest de kleurenconfigurator realtime beeldvarianten tonen zonder de UX te vertragen.

We bouwden in samenwerking met Lets Develop een headless architectuur: Nuxt (SSR) voor de storefront, Directus als content- en productbron, en een maatwerk Exact-integratie voor B2B-orders. De visuele kleurenconfigurator wisselt on-the-fly potkleuren en variaties, gevoed door slim geoptimaliseerde assets. Voor contentteams leverden we 40+ visuele blokken voor snelle landingspagina’s. De maatwerk afrekenflow registreert intentie en orderdata zonder betaalstap en koppelt deze veilig door naar Exact. Het geheel is ontworpen als een schaalbare webapp-achtige storefront met de commerciële focus van een maatwerk webshop en de overtuigingskracht van een productconfigurator.