20 augustus 2019
configurators
Wat is de meerwaarde van een 3D-configurator?
Een 3D-configurator is de ideale manier om jouw product in de kijker te zetten. Voor Van Hoecke ontwikkelden we een configurator op maat. Joeri vertelt over de technische details en de mogelijkheden voor de klant.
Waarom een productconfigurator?
Een productconfigurator schept heel wat mogelijkheden. In deze blogpost illustreer ik dat met de 3D-configurator die we bouwden voor onze klant Van Hoecke, voor hun eigen lijn kwaliteitsvolle houten lades TA'OR.
Over Van Hoecke
Het Belgische familiebedrijf Van Hoecke uit Sint-Niklaas is sinds 1967 een partner voor de meubelindustrie. Als verdeler van scharnieren, klapdeursystemen en ladesystemen van het Oostenrijkse merk Blum aan keuken- en interieurbouwers in de Benelux, is het al jaren marktleider. Daarnaast creëerden ze met ORGALUX een eigen merk van lade-indelingen en keukenhulpjes. Sinds 2014 brengt Van Hoecke onder het merk TA’OR een eigen, industrieel vervaardigd, houten ladesysteem op de markt.
Intracto ontwikkelde de configurator volledig op maat, rekening houdend met de achterliggende workflow bij Van Hoecke en de specifieke doelen van de TA'OR-lijn. Voor Van Hoecke was het inzetten van een productconfigurator een belangrijke maar logische stap, om verschillende redenen:
1
Personalisatie
Een configurator is uitermate geschikt om alle variëteiten van dit product weer te geven. Zaken zoals kleur en materiaal kunnen in één muisklik aangepast worden. De klant kan zo in real-time zijn lade volledig personaliseren. De mogelijkheden zijn eindeloos! Zaken zoals kleur en afmetingen zijn bijvoorbeeld heel makkelijk aanpasbaar in een configurator.
2
Automatisering
Verder is een productconfigurator de ideale manier om bestelprocessen te automatiseren. Op een traditionele webshop moet je vaak afmetingen handmatig ingeven. Een 3D-configurator kan dit proces vereenvoudigen.
Na het samenstellen van een product kunnen we dit meteen toevoegen aan een winkelmandje. Een klant hoeft niet langer opties en bestellijsten manueel door te geven. Het manueel doorgeven van deze lijstjes is immers foutgevoelig en een tijdrovend proces.
De totaalprijs kan ook berekend worden door de configurator. De klant krijgt zo te zien welke opties een invloed hebben op de totaalprijs.
3
Digitale showroom
In een webshop tonen we vaak slechts enkele foto’s bij een product. Een nadeel hieraan is dat we gelimiteerd zijn in het aantal foto’s dat we per product kunnen tonen. Vaak worden er maar een aantal standpunten getoond en krijgt de klant niet alles te zien.
Als we kiezen voor een configurator, dan kan een klant de camera 360° bewegen rond het product. Dat schept de mogelijkheid om bepaalde kenmerken van het product in de kijker te zetten. Plots kan men de onderkant of binnenkant van een product bekijken.
4
Correcte afmetingen
Nog een voordeel van een 3D-configurator is dat we in real-time de juiste afmetingen kunnen tonen bij een product. Een klant kiest een ander formaat, wij tonen meteen de nieuwe afmetingen. Doordat alles in real-time wordt aangepast kunnen wij ook eenvoudig de afmetingen omzetten naar een andere eenheid (inches naar cm of cm naar mm…).
De juiste technologie in elke browser
Bij Intracto gebruiken we Three.js als basis voor onze 3D-configurators. Dit is een open-sourcetechnologie die het mogelijk maakt om complexe 3D-visualisaties te tonen rechtstreeks in de browser.
Het grote voordeel van deze technologie is dat een gebruiker geen extra applicaties of plugins moet installeren. De configurators werken op WebGL wat vandaag de dag goed ondersteund is in alle grote browsers. De technologie werkt ook goed op smartphones en tablets.
Realistische weergave in 3D
De configurators die Intracto ontwikkelt streven een hoog niveau van realisme na. Om de realiteit zo dicht mogelijk te benaderen hanteren we enkele technieken die men ook gebruikt in de game-industrie.
1
Bump-mapping
Om de nerven van het hout weer te geven gebruiken we 'bump-mapping'. Dat is een techniek in computer graphics om oneffenheden op een object te simuleren. Door deze techniek toe te passen kunnen we een object er natuurlijk laten uitzien.
Hieronder zie je duidelijk het verschil tussen een object met en zonder bump-mapping. In het eerste voorbeeld passen we geen bump-mapping toe. De nerven van het hout zijn niet goed zichtbaar en worden vlak weergegeven.
In het tweede voorbeeld zie je dat de nerven duidelijk zichtbaar zijn omdat we bump-mapping toepassen.
2
Fotorealistische texturen
Voor elke uitvoering van de TA’OR BOX hebben we realistische texturen gemaakt. Hiervoor hebben we ons gebaseerd op foto’s in hoge resolutie die de klant ons bezorgde. Hoe hoger de kwaliteit van de foto’s, des te beter de uiteindelijke weergave. Voor de meest realistische weergave kiezen we voor 4K textures.
3
Belichting
Om het materiaal van een product helemaal tot zijn recht te laten komen voegen we lichtpunten toe aan de configurator. De positie en intensiteit van de belichting zijn van cruciaal belang om een object correct weer te geven.
Het is ook mogelijk om de belichting van een object door een gebruiker te laten besturen. Op die manier kan men bekijken hoe het product er zal uitzien bij weinig of net veel belichting. In het voorbeeld hieronder kan je bijvoorbeeld zien hoe we de belichting van de spot aanpassen d.m.v. een slider.
4
Ambient occlusion
Om wat meer diepte te creëren in een 3D-scène kunnen we gebruik maken van een techniek genaamd ambient occlusion. In de animated GIF hieronder zie je duidelijk de invloed van deze techniek op een 3D-object.
De plaatsen waar de panelen samenkomen zullen veel donkerder weergegeven worden als we ambient occlusion gaan gebruiken.
Klaar voor de toekomst
Met een 3D-configurator ben je volledig voorbereid op de toekomst van e-commerce. De stap van een configurator naar een Augmented Reality- of Virtual Reality-app is snel gezet. Daardoor wordt het in de toekomst heel eenvoudig om jouw product meteen in de woonkamer van een klant te tonen. Zo kan een klant meteen jouw product samenstellen op basis van zijn interieur.
Ook een productconfigurator?
Ons team van specialisten staat klaar voor jou. Samen bekijken we alle mogelijkheden om jouw product online configureerbaar te maken. Wij stemmen onze technologie af op jouw workflow.
