Dero: 3D-pyörätelinekonfiguraattori ilman koodausta upotettuna

Dero on Minneapolisissa, Minnesotassa toimiva pyöräpysäköintiratkaisujen valmistaja ja PlayCore-yhtiö. Se valmistaa kaupallisia ja räätälöityjä pyörätelineitä, julkisia pyöränhuoltopisteitä, pyöräkatoksia, pyöräkaappeja, aluekalusteita ja katuympäristön tuotteita, ja on palvellut asiakkaitaan vuodesta 1995 lähtien – yksittäisen telineen ostavista kotitalouksista satojen pyöräilijöiden pyörätiloja suunnitteleviin arkkitehteihin. Tuotesivuilta löytyvät suunnittelijoiden tarvitsemat materiaalit: esitteet, toimitusasiakirjat, asennusoppaat, CAD-, Revit- ja SketchUp-tiedostot sekä CSI-määritykset.

Seitsemällä näistä sivuista on nyt myös 3D-pyörätelinekonfiguraattori, joka on rakennettu palvelussa Simplio3D ja jonka otsikkona on yksinkertaisesti 3D-katselin. Se on tarkoituksella pelkistetty. Käyttäjä valitsee telineen kiinnitystavan, lisää tukitangon silloin kun telineessä on sellainen ja kokeilee eri viimeistelyjä – ja teline muuttuu 3D-näkymässä. Hintoja, ostoskoria tai lomaketta ei ole, ja sen lisääminen sivustolle dero.com onnistui liittämällä upotuskoodinpätkän ilman ohjelmointia.

Ratkaisu: 3D-pyörätelinekonfiguraattori seitsemällä tuotesivulla

Sivustolla dero.com jokaisella telineellä on oma tuotesivunsa, jossa on kuvaus, asiakirjat ja ladattavat tiedostot sekä Deron omat vaihtoehdot ostamiseen tai tarjouksen pyytämiseen. Seitsemällä niistä – Hoop Rackista, jota Dero kutsuu pyöräpysäköinnin standardiksi, polkupyörän muotoiseen Bike Bike Rackiin – on nyt sivun alempana osio otsikolla 3D-katselin.

Jokainen 3D-katselin on pelkistetty konfiguraattori. Teline pyörii ja sitä voi zoomata vaaleanharmaata taustaa vasten, ja sen vieressä olevassa paneelissa on enintään kolme valintaa: kiinnitys, tukitanko ja viimeistely. Mitään ei hinnoitella, ostoskoriin ei lisätä mitään eikä tietoja lähetetä minnekään. Sen ainoa tehtävä on näyttää teline, minkä vuoksi käyttöönotettavaa oli niin vähän.

Kiinnitys, tukitanko ja viimeistely 3D-näkymässä

Kolme valintaa vaikuttavat telineen ulkonäköön asennettuna:

• Kiinnitys. Avattava valikko, jossa vaihtoehtoina ovat Surface ja In-Ground. Surface näyttää telineen jalustalevyillä, joilla se pultataan alustaan; In-Ground vaihtaa ne pidempiin maahan upotettaviin jalkoihin.
• Tukitanko. Kytkin Hoop Rack-, Hoop Rack Heavy Duty-, Downtown Rack- ja Arc Rack -malleissa. Kun kytkin on päällä, telineen poikki ilmestyy vaakasuora tanko; kolmessa muussa telineessä kytkintä ei näytetä lainkaan.
• Viimeistely. 22 mallipalaa, samat jokaisessa telineessä: Galvanized ja Stainless sekä Black, Flat Black, White, Light Gray, Red, Yellow, Bright Yellow, Orange, Blue, Sky Blue, Green, Light Green, Hunter Green, Sepia Brown, Bronze, Silver, Dark Purple, Wine Red, Beige ja Iron Gray. Galvanoidun pinnan mallipala näyttää galvanoidun teräksen kirjavan tekstuurin tasaisen värin sijaan.

Paneelin alla oleva pieni (i)-painike avaa Kokoonpanoyhteenvedon, jossa valinnat luetellaan sanallisesti: esimerkiksi Swerve Rack -mallissa Select Mount: Surface ja Select Finish: Wine Red. Käyttäjä voi siirtyä siitä suoraan samalla sivulla oleviin osto- tai tarjousvaihtoehtoihin.

Esikatselu Deron omien osto- ja tarjousvaihtoehtojen rinnalla

Deron tuotesivuilla voi jo ostaa tuotteita. Jokaisella sivulla on Deron omat vaihtoehdot ostamiseen tai tarjouksen pyytämiseen: viimeistely, kiinnitys ja tarvittaessa tukitanko, sitten määrä, Lisää ostoskoriin ja Lisää tarjouspyyntöön; suuremmat määrät käsitellään tarjouslistan kautta. 3D-katselin on samalla sivulla eikä muuta tätä lainkaan.

Sillä ei ole omaa hintaa, ostoskoria eikä lomaketta, eikä se lähetä tietoja minnekään. Käyttäjä tarkastelee telinettä haluamallaan kiinnityksellä ja viimeistelyllä ja tekee sitten samat valinnat Deron vaihtoehdoissa. Juuri tämä pelkistetty toteutus teki julkaisusta nopean: tuotteita ei tarvinnut yhdistää, hintoja synkronoida eikä lomaketta ohjata kenellekään.

Upotus ilman ohjelmointia

Jokaisella Simplio3D-konfiguraattorilla on jaettava linkki ja kopioitava iframe-koodinpätkä. Jokaisella Deron tuotesivulla tämä koodinpätkä on 3D-katselin-otsikon alla täysleveänä. Lisäosaa, skriptiä tai yhteyttä verkkokauppaan ei tarvita, joten katselimen julkaiseminen edellytti vain yhden koodinpätkän liittämistä yhdelle sivulle.

Koska sivulla on vain tämä koodinpätkä, itse 3D-katselinta hallinnoidaan palvelussa Simplio3D. Uusi viimeistely tai päivitetty malli muutetaan siellä, ja se näkyy sivustolla dero.com seuraavan sivulatauksen yhteydessä ilman, että kenenkään tarvitsee muokata tuotesivua. Lisätietoja tällaisista katselimista: 3D-tuotekatselin.

Mitä tällainen projekti sisältäisi nykyään

Mikään tämän osion ominaisuuksista ei kuulu edellä kuvattuihin Deron 3D-katselimiin, jotka toimivat Simplio3D-palvelun aiemmalla versiolla. Pyörätelineitä tai aluekalusteita valmistavalle yritykselle, joka aloittaa nyt:

• Teline siellä, minne se asennetaan. Lisätty todellisuus sijoittaa määritetyn telineen puhelimen avulla jalkakäytävälle tai pyörätilaan ilman sovellusta: AR Quick Look laitteessa iOS, Scene Viewer laitteessa Android sekä QR-koodi työpöytäselaimesta.
• Tiedot mallissa. Hotspotit lisäävät merkkejä, joiden tietoponnahdusikkunoissa voidaan kertoa esimerkiksi putken koko tai kuinka monta pyörää telineeseen mahtuu, ja Scenery vaihtaa taustan ja kameran.
• Katselin ja tilauslomake synkronoituna. Upotettu konfiguraattori ilmoittaa jokaisesta muutoksesta selaintapahtumana, simplio3d:option.changed, joten halutessaan sivusto voi esivalita saman viimeistelyn ja kiinnityksen omaan tilauslomakkeeseensa muutamalla omalla skriptirivillä.
• Koko mallisto nopeammin. Ensimmäinen konfiguraattori toiselle telineelle voidaan luoda kirjallisesta kuvauksesta, ja luokittainen massalisäys muuttaa jaetun materiaalikirjaston viimeistelyvalikoiman mallipalasetiksi ilman, että jokaista mallipalaa tarvitsee luoda käsin.
• Jokaisen katselimen tarkistaminen. AI-avustaja voi tarkastaa vaihtoehtojen kattavuuden ja ehdollisen logiikan, esimerkiksi että jokaisella viimeistelyllä on materiaali, ja ehdottaa korjauksia. AI-asiakas, kuten Claude, voidaan yhdistää työtilaan MCP:n kautta rajatulla yhteydellä tekemään samat tarkistukset, ja hintoihin tai SKU-tunnuksiin tehdyt muutokset tulevat aina vain odottavina muutoksina, jotka ihminen ottaa käyttöön.