Dero: en 3D-konfigurator til cykelstativer indlejret uden kode

Dero er en producent af cykelparkering i Minneapolis, Minnesota, og en PlayCore-virksomhed. Virksomheden fremstiller kommercielle og specialtilpassede cykelstativer, offentlige cykelreparationsstationer, cykelskure, cykelskabe, byrumsinventar og produkter til gademiljøer og har hjulpet sine kunder siden 1995 – fra boligejere, der køber ét enkelt stativ, til arkitekter, der planlægger et cykelrum til hundredvis af cyklister. Produktsiderne indeholder det, som projekterende søger: brochurer, indsendelsesark, installationsvejledninger, CAD-, Revit- og SketchUp-filer samt CSI-specifikationer.

Syv af disse sider har nu også en 3D-konfigurator til cykelstativer, bygget i Simplio3D og med den enkle overskrift 3D-fremviser. Den er bevidst enkel. Den besøgende vælger, hvordan stativet monteres, tilføjer en støttebøjle, hvor stativet tilbyder det, og afprøver overfladerne, mens stativet ændrer sig i 3D. Der er ingen pris, kurv eller formular, og implementeringen på dero.com krævede blot indsættelse af en embed-kode frem for programmering.

Løsningen: en 3D-konfigurator til cykelstativer på syv produktsider

På dero.com har hvert stativ sin egen produktside med beskrivelse, dokumenter og downloads samt Deros egne muligheder for at købe eller indhente et tilbud. Syv af dem – fra Hoop Rack, som Dero kalder standarden for cykelparkering, til Bike Bike Rack, der er formet som en cykel – har nu en sektion længere nede på siden med overskriften 3D-fremviser.

Hver 3D-fremviser er en enkel konfigurator. Stativet kan drejes og zoomes på en lysegrå baggrund, og panelet ved siden af rummer højst tre valg: montering, støttebøjle og overflade. Intet er prissat, intet lægges i en kurv, og intet sendes. Dens eneste opgave er at vise stativet, og derfor var der så lidt at opsætte.

Montering, støttebøjle og overflade vist på stativet i 3D

De tre valg er dem, der ændrer stativets udseende, når det er installeret:

• Montering. En rullemenu med Overflademontering og Nedstøbning. Overflademontering viser stativet på de bundplader, det boltes fast med; Nedstøbning erstatter dem med længere ben, der går ned i jorden.
• Støttebøjle. En kontakt på Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack og Arc Rack. Når den er slået til, vises en vandret stang på tværs af stativet; de øvrige tre stativer viser slet ikke kontakten.
• Overflade. 22 farveprøver, de samme på alle stativer: Galvaniseret og Rustfrit stål, derefter Sort, Mat sort, Hvid, Lysegrå, Rød, Gul, Klar gul, Orange, Blå, Himmelblå, Grøn, Lysegrøn, Jægergrøn, Sepiabrunt, Bronze, Sølv, Mørkelilla, Vinrød, Beige og Jerngrå. Den galvaniserede farveprøve viser den spættede tekstur fra galvaniseret stål frem for en ensfarvet overflade.

En lille (i)-knap under panelet åbner Konfigurationsoversigt, som angiver valgene med ord: På Swerve Rack står der eksempelvis Vælg montering: Overflademontering og Vælg overflade: Vinrød. Den besøgende kan derefter gå direkte til købe- eller tilbudsmulighederne på samme side.

En forhåndsvisning ved siden af Deros egne købe- og tilbudsmuligheder

Deros produktsider sælger allerede. Hver side har Deros egne muligheder for at købe eller indhente et tilbud: overflade, montering og, hvor relevant, støttebøjle, derefter antal, Tilføj til kurv og Tilføj til tilbud, mens større mængder håndteres via tilbudslisten. 3D-fremviseren ligger på samme side og ændrer ikke på noget af dette.

Den har hverken pris, kurv eller egen formular og sender intet nogen steder hen. Den besøgende ser stativet med den ønskede montering og overflade og træffer derefter de samme valg i Deros indstillinger. Netop denne enkelhed gjorde den hurtig at lancere: Der var intet produkt at forbinde, ingen pris at holde synkroniseret og ingen formular at sende videre til nogen.

Indlejret uden at skrive kode

Hver Simplio3D-konfigurator har et delingslink og et iframe-kodestykke, der kan kopieres. På hver Dero-produktside ligger dette kodestykke under overskriften 3D-fremviser i fuld bredde. Der er intet plugin, intet script og ingen forbindelse til webshoppen, så det krævede blot at indsætte ét kodestykke på én side at gøre en fremviser live.

Fordi siden kun indeholder dette kodestykke, vedligeholdes selve 3D-fremviseren i Simplio3D. En ny overflade eller en opdateret model ændres dér og vises på dero.com, næste gang siden indlæses, uden at nogen behøver redigere produktsiden. Læs mere om fremvisere som denne: 3D-produktfremviseren.

Hvad et projekt som dette ville tilføre i dag

Intet i dette afsnit er en del af Deros 3D-fremvisere, der er beskrevet ovenfor, og som kører på den tidligere version af Simplio3D. For en producent af cykelstativer eller byrumsinventar, der starter nu:

• Stativet dér, hvor det skal stå. Augmented reality placerer det konfigurerede stativ på fortovet eller i et cykelrum via en telefon uden app: AR Quick Look på iOS, Scene Viewer på Android og en QR-kode fra en desktopbrowser.
• Detaljer på modellen. Hotspots tilføjer markører med informationspop op-vinduer, eksempelvis rørdimensionen eller hvor mange cykler stativet har plads til, og Scenery ændrer baggrund og kamera.
• Fremviseren og bestillingsformularen synkroniseret. En indlejret konfigurator annoncerer hver ændring som en browserhændelse, simplio3d:option.changed, så et website, der ønsker det, kan forudvælge samme overflade og montering i sin egen bestillingsformular med få linjer af sit eget script.
• Resten af sortimentet hurtigere. En første konfigurator til et andet stativ kan genereres ud fra en skriftlig beskrivelse, og massetilføjelse efter kategori omdanner en serie overflader fra det delte materialebibliotek til et sæt farveprøver uden at oprette hver prøve manuelt.
• Kontrol af hver fremviser. AI-assistenten kan gennemgå dækningen af valgmuligheder og betinget logik, for eksempel at hver overflade har et materiale, og foreslå rettelser. En AI-klient som Claude, der er forbundet til arbejdsområdet via MCP med en afgrænset forbindelse, kan udføre de samme kontroller, og ændringer i priser eller SKU'er kommer altid kun som afventende ændringer, som et menneske godkender.