Wat doet een 3D/AR-productviewer op een productpagina?
Een bezoeker kan het product ronddraaien, de deksel openen, onderdelen aan en uit zetten en zet de kamado met de telefoon op ware grootte in de eigen tuin of woonkamer. Voor een kamado van 1.500 euro haalt dat een grote twijfel weg: past hij, en hoe groot is hij echt? Onderzoek van Shopify meet 94 procent meer conversie op producten met 3D of AR; Deloitte en Snap zien dat 56 procent van de consumenten er meer vertrouwen in productkwaliteit door krijgt. Wij bouwden het in Neuramerce zodat elke webshop het kan inzetten zonder aparte app.
- Draaien, zoomen, deksel open, onderdelen aan en uit, direct op de productpagina
- Op de telefoon op ware grootte in je tuin, zonder app te installeren
- Laadt pas als iemand op de 3D-thumbnail klikt, dus de pagina blijft even snel
- Beheer via de productbeheer-omgeving: model uploaden, poster kiezen, volgorde slepen
Een Large Kamado van Grill Bill weegt 115 kilo, kost 1.499 euro en is met zijtafels 127 centimeter breed. Dat koop je niet even tussendoor. De vraag die we in de klantchat het vaakst zagen was niet "hoe heet wordt hij" maar "past hij op mijn terras" en "hoe groot is Large nou eigenlijk in het echt". Vier productfoto's beantwoorden die vraag niet, hoe mooi ze ook zijn.
Dus hebben we iets gebouwd dat die vraag wél beantwoordt. Op de productpagina van de Pro III staat sinds deze week een 3D-model tussen de foto's. Je draait hem rond, opent de deksel, kijkt wat er in de grate organizer past en zet hem met je telefoon op ware grootte in je eigen tuin. In dit artikel leggen we uit wat het precies doet, waarom we het gebouwd hebben en wat onderzoek zegt over het effect op verkoop en retouren.
Wat je op de productpagina ziet
Tussen de productfoto's staat een extra thumbnail met een kubusje erop. Klik je erop, dan verschijnt in hetzelfde kader een 3D-model van de kamado. Vanaf dat moment kun je:
- Draaien en zoomen, met de muis of met twee vingers, precies zoals je een product in de winkel zou bekijken.
- De deksel openen door erop te tikken. Je ziet de roosters, de heat deflectors en het multilevel-systeem zoals ze er in het echt uitzien.
- Onderdelen aan- en uitzetten via een optielade: rvs- of gietijzeren roosters, de houtskoolmand, de aslade eruit, de zijtafels ingeklapt. Zo zie je ook hoe hij eruitziet als hij opgeborgen staat.
- Een achtergrond kiezen: studio, grote tuin, overkapping, bergen, stadstuin, of een foto van je eigen terras uploaden. Het model neemt de lichtrichting van die foto over.
- Op je telefoon: in je tuin zetten. De knop "Bekijk in je tuin" opent de camera en zet de kamado op ware grootte op de grond. Je loopt eromheen, tikt voor de deksel en verschuift hem binnen de oranje ring. Geen app, geen download.
Op een computer staat linksonder een QR-code. Scan je die met je telefoon, dan opent dezelfde pagina daar en kun je meteen naar buiten. Wie de code in de weg vindt, klikt hem weg tot een klein icoontje.
Probeer het zelf
Dit is dezelfde viewer als op grillbill.eu. Draai, open de deksel, zet onderdelen aan of uit. Op je telefoon kun je hem in je tuin zetten.
Waarom we dit bouwden
Er zijn drie redenen waarom we dit bouwde, en ze komen alle drie uit de praktijk van de webshop zelf.
De maat is een van de de grootste twijfels. Grill Bill verkoopt vier maten kamado. Het verschil tussen Medium en Large is op een foto nauwelijks te zien, in het echt is het het verschil tussen een tafelmodel en een apparaat op wielen dat een halve terrastafel inneemt. Elke twijfel over de maat is een mailtje, een chatgesprek, of erger: een bestelling die teruggaat.
Foto's laten zien wat de fotograaf koos. De binnenkant, de aslade, hoe de zijtafels inklappen, hoe de grate organizer werkt: daar zijn losse foto's van, maar de klant moet ze zelf aan elkaar puzzelen. In 3D zit het allemaal in één model en kijk je waar jij wilt kijken.
Het moest in het platform, niet ernaast. Er bestaan losse 3D-diensten met een maandabonnement en een eigen beheerpaneel. Wij wilden dat een webshop-eigenaar een model uploadt op dezelfde plek als de productfoto's, de thumbnail tussen de foto's sleept en klaar is. Daarom zit het nu in Neuramerce zelf, voor elke shop die erop draait.
Wat onderzoek zegt over 3D en AR in webshops
We gaan eerlijk zijn over de cijfers: de grootste getallen komen van partijen die er zelf 3D-tools mee verkopen, en een kamado is geen pakje boter. Toch wijzen de onafhankelijke en de commerciële bronnen dezelfde kant op. Dit zijn de onderzoeken die we gebruikt hebben, met de bron erbij zodat je ze zelf kunt nalezen.
- Shopify mat over zijn eigen webshops dat producten met 3D- of AR-content een 94 procent hogere conversie haalden dan producten zonder. In losse cases op hetzelfde platform legden bezoekers na het bekijken van een 3D-model het product 44 procent vaker in de winkelwagen, en kochten ze na een AR-weergave 65 procent vaker (Rebecca Minkoff).
- Deloitte Digital en Snap ondervroegen in 2021 15.000 consumenten: 56 procent zegt door AR meer vertrouwen te krijgen in de kwaliteit van een product, en merken met een eigen AR-ervaring worden 41 procent vaker overwogen.
- Houzz, het woonplatform, zag dat gebruikers die een meubel eerst met AR in hun kamer zetten 11 keer zo vaak kochten als gebruikers die dat niet deden.
- Macy's testte virtuele meubelweergave in drie winkels: de verkoop van meubels steeg met ruim 60 procent en het retourpercentage bleef onder de 2 procent.
- Een consumentenonderzoek van Google, aangehaald door Reydar, vond dat 66 procent van de mensen AR wil gebruiken als hulp bij het winkelen.
De rode draad: 3D en AR doen het best bij producten die groot, duur en moeilijk in te schatten zijn. Meubels, keukens, fietsen, en dus ook een kamado. De eerste eigen cijfers van Grill Bill delen we zodra er genoeg bezoekers doorheen zijn gegaan om er iets over te zeggen; een week data is geen onderzoek.
De cijfers op een rij
Hoe we het gebouwd hebben, zonder techniek
Van tekening naar model. De fabrikant van de kamado heeft een technische 3D-tekening aangeleverd, het soort bestand waarmee de mallen en onderdelen gemaakt worden. Die tekening is veel te zwaar voor een webpagina: honderden onderdelen, elk boutje apart. We hebben hem teruggebracht tot wat een klant wil zien, de kleuren en materialen toegevoegd (mat keramiek, hardhout, rvs, gietijzer) en er een lichtstudie op losgelaten zodat schaduwen op de juiste plek vallen. Het resultaat is een bestand van een paar megabyte dat elke moderne telefoon aankan.
Onderdelen die je kunt schakelen. Elk onderdeel dat standaard wordt bijgeleverd, roosters, deflectors, houtskoolmand, zijtafels) zijn in het model een eigen laag. De optielade zet die lagen aan of uit. Zo kun je ook de aslade eruit schuiven en de zijtafels inklappen, precies zoals bij het echte apparaat.
Op ware grootte. Het model is op de centimeter nauwkeurig: 127 breed, 77 diep, 124 hoog. Daarom klopt het als je hem in je tuin zet. Je telefoon herkent de vloer, de kamado landt erop en blijft staan waar je hem neerzet, ook als je eromheen loopt.
Snelheid. Dit was onze grootste zorg. Een productpagina die traag wordt, verkoopt slechter, en dat is precies het tegenovergestelde van wat we wilden. Daarom laadt de viewer pas als iemand op de 3D-thumbnail klikt. Tot die klik kost het de pagina één klein script. We hebben het gemeten: zonder klik laadt de pagina exact even snel als voorheen.
In het beheer. Voor de webshop-eigenaar is het een tegel naast de productfoto's. Model uploaden, een poster kiezen (of automatisch laten maken), de tegel naar de gewenste plek slepen, opslaan. De teksten in de viewer zijn per taal in te stellen, dus de Engelse en Duitse productpagina's kregen hem dezelfde dag.
Voor welke webshop is dit iets?
We raden dit niet voor elke shop aan. Een 3D-model maken kost behoorlijk wat tijd en dus geld, en voor een pak koffie of een t-shirt levert het weinig op. Het loont als je product aan twee van deze drie voorwaarden voldoet:
- Groot of duur, waardoor de klant twijfelt over de maat of de investering. Meubels, buitenkeukens, fietsen, sportapparatuur, verlichting.
- Ingewikkeld, met onderdelen, standen of configuraties die je op foto's niet goed kunt uitleggen.
- Vaak geretourneerd om een reden die met verwachting te maken heeft: te groot, anders dan gedacht, past niet.
Heb je al een 3D-tekening van je leverancier, dan is de helft van het werk gedaan. Heb je die niet, dan is een model laten maken doorgaans een paar honderd tot een paar duizend euro per product, afhankelijk van de complexiteit. Zet dat af tegen de marge op één extra verkoop of één retour minder en je weet snel of het uit kan.
Draait je webshop op Neuramerce, dan is de functie al beschikbaar. Wil je weten of het voor jouw producten zin heeft, stuur ons een foto en een prijs, dan zeggen we het eerlijk.
