Pereiti prie turinio
Grįžti į atvejų tyrimus
Building productsbuilding productsbike racks3d viewersite furnishings

Dero: be kodo įdiegtas 3D dviračių stovų konfigūratorius

Dero·
Dero: be kodo įdiegtas 3D dviračių stovų konfigūratorius

„Dero“ yra dviračių stovų gamintojas iš Mineapolio, Minesotos, priklausantis „PlayCore“ įmonių grupei. Įmonė gamina komercinius ir pagal užsakymą pritaikytus dviračių stovus, viešąsias dviračių remonto stoteles, dviračių stogines, dviračių spinteles, teritorijų apstatymo ir gatvių aplinkos produktus, o nuo 1995 m. aptarnauja įvairius klientus – nuo namų savininkų, perkančių vieną stovą, iki architektų, projektuojančių dviračių patalpas šimtams dviratininkų. Jos produktų puslapiuose pateikiama tai, ko ieško specifikacijų rengėjai: brošiūros, pateikimo dokumentai, montavimo vadovai, CAD, „Revit“ ir „SketchUp“ failai bei CSI specifikacijos.

Septyniuose šių puslapių dabar taip pat yra 3D dviračių stovo konfigūratorius, sukurtas naudojant Simplio3D ir paprastai pavadintas 3D peržiūra. Jis sąmoningai paprastas. Lankytojas pasirenka stovo tvirtinimo būdą, prideda atraminį skersinį, jei stovas jį turi, išbando apdailos variantus, o stovas keičiasi 3D vaizde. Nėra nei kainos, nei krepšelio, nei formos, o įdėti jį į dero.com pakako įklijuoti įterpimo fragmentą – nereikėjo programuoti.

Projektas trumpai

Projekto faktai, paimti iš dero.com ir veikiančių 3D peržiūros priemonių 2026 m. spalį.
PunktasIšsami informacija
KlientasDero iš Mineapolio, Minesotos valstijos, „PlayCore“ įmonė: dviračių stovai, individualūs stovai, viešojo naudojimo dviračių remonto sprendimai, dviračių stoginės, dviračių spintelės, teritorijų įranga ir gatvių aplinkos sprendimai nuo 1995 m.
Svetainėdero.com – WordPress svetainė su nuosava „Dero“ parduotuve ir pasiūlymų sąrašu
ProduktaiSeptyni komerciniai dviračių stovai: Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack, Arc Rack, Swerve Rack, Bike Hitch ir Bike Bike Rack
Ką daro 3D peržiūros priemonėParodo stovą 3D formatu su pasirinktu tvirtinimu, su atramine juosta arba be jos, jei stovas ją turi, ir bet kuria iš 22 apdailų, kartu pateikiant pasirinktų parinkčių suvestinę
Ko ji neapimaKainų, krepšelio ir formos. Pirkimas ir pasiūlymų užklausos lieka tarp parinkčių, kurias jau turėjo „Dero“ produktų puslapiai
NustatymasVienas paprastas konfigūratorius kiekvienam dviračių stovui, įterpiamas įklijuojant jo fragmentą po „3D Viewer“ antrašte produkto puslapyje. Jokių papildinių, jokios parduotuvės integracijos, jokio kodo rašymo
PlatformaAnkstesnė Simplio3D versija

Ko reikėjo klientui

Paties dviračių stovo apdaila

„Dero“ stovai tiekiami cinkuoti, iš nerūdijančiojo plieno arba įvairių milteliniu būdu dažytų spalvų. Mažas spalvos pavyzdys menkai atskleidžia, kaip spalva atrodo ant viso stovo.

Ant paviršiaus arba įtvirtinami į gruntą

Kiekvieną iš šių stovų galima pritvirtinti varžtais ant pagrindo plokščių arba įtvirtinti į gruntą, o abiem atvejais stovo jungtis su grindiniu atrodo skirtingai.

Lentyna su papildomu skersiniu, kai jis yra

Keturiose iš septynių lentynų galima pasirinkti papildomą skersinį, todėl jų peržiūrose reikėjo būdo jį pridėti ir vėl pašalinti.

Peržiūra, o ne antra parduotuvė

Kiekvienas produkto puslapis jau turėjo savo pirkimo ar kainos pasiūlymo gavimo parinktis. 3D vaizdas turėjo tik padėti žmonėms pasirinkti.

Vienodas veikimo būdas visam asortimentui

Septynioms lentynoms reikėjo tų pačių pasirinkimų toje pačioje vietoje, kad lankytojas, pasinaudojęs viena 3D peržiūra, mokėtų naudotis visomis.

Jokio kūrimo projekto

Peržiūros turėjo būti įdiegtos esamuose WordPress produktų puslapiuose be papildinio, programuotojo ar jokių parduotuvės pakeitimų.

Sprendimas: 3D dviračių stovo konfigūratorius septyniuose produktų puslapiuose

dero.com svetainėje kiekvienas stovas turi atskirą produkto puslapį su aprašymu, dokumentais ir atsisiuntimais bei pačios „Dero“ siūlomomis pirkimo ar kainos pasiūlymo gavimo galimybėmis. Septyniuose jų – nuo „Hoop Rack“, kurį „Dero“ vadina dviračių stovėjimo standartu, iki dviračio formos „Bike Bike Rack“ – dabar toliau puslapyje pateikiama skiltis 3D peržiūra.

Kiekviena 3D peržiūra yra paprastas konfigūratorius. Stovą galima sukti ir priartinti šviesiai pilkame fone, o šalia esančiame skydelyje pateikiami ne daugiau kaip trys pasirinkimai: tvirtinimas, atraminis skersinis ir apdaila. Niekas nėra įkainota, niekas neįdedama į krepšelį ir niekas nesiunčiama. Vienintelė jo paskirtis – parodyti stovą, todėl reikėjo labai mažai nustatymų.

„Bike Hitch“ produkto puslapis svetainėje dero.com: Dero antraštė su skyriais „Produktai“, „Ištekliai“, „Susisiekite su mumis“ ir „Gauti pasiūlymą“, navigacijos kelias „Pagrindinis“, „Visi produktai“, „Komerciniai dviračių stovai“, „Bike Hitch“, antraštė „Bike Hitch“ ir dvi stovo naudojimo nuotraukos: juodas stulpas su žiedu, prie kurio prie parduotuvės prirakintas kreminės spalvos dviratis, ir oranžinis stovas su mėlynu dviračiu šalia gėlyno
„Bike Hitch“ produkto puslapis svetainėje dero.com.
3D peržiūros priemonė tame pačiame puslapyje: cinkuotas „Bike Hitch“ – stulpas ant kvadratinės pagrindo plokštės su per jį einančiu žiedu – šalia išskleisto „Pasirinkti tvirtinimą“ meniu su parinktimis „Paviršinis“ ir „Įbetonuojamas“, taip pat apdailos parinkčių spalvų pavyzdžiai
Žemiau tame pačiame puslapyje – jo 3D peržiūros priemonė su išskleistu tvirtinimo meniu.

Tvirtinimas, atraminis skersinis ir apdaila – pateikti ant stovo 3D vaizde

Šie trys pasirinkimai keičia stovo išvaizdą jį sumontavus:

  • Tvirtinimas. Išskleidžiamajame meniu siūloma rinktis „Surface“ ir „In-Ground“. Pasirinkus „Surface“, stovas rodomas ant prie pagrindo prisukamų plokščių; pasirinkus „In-Ground“, jos pakeičiamos ilgesnėmis kojomis, įleidžiamomis į žemę.
  • Atraminis skersinis. Jungiklis, skirtas „Hoop Rack“, „Hoop Rack Heavy Duty“, „Downtown Rack“ ir „Arc Rack“. Jį įjungus, per stovą atsiranda horizontalus skersinis; kituose trijuose stovuose šis jungiklis apskritai nerodomas.
  • Apdaila. 22 pavyzdėliai, vienodi kiekvienam stovui: „Galvanized“ ir „Stainless“, tada „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“ ir „Iron Gray“. Galvanizuotos apdailos pavyzdėlyje rodoma marga galvanizuoto plieno tekstūra, o ne vientisa spalva.

Po skydeliu esantis mažas mygtukas (i) atidaro Konfigūracijos suvestinę, kurioje pasirinkimai išvardijami žodžiais: pavyzdžiui, „Swerve Rack“ atveju – „Select Mount: Surface“ ir „Select Finish: Wine Red“. Lankytojas gali iš karto pereiti prie pirkimo arba pasiūlymo gavimo parinkčių tame pačiame puslapyje.

„Downtown Rack“ 3D peržiūros priemonėje: juodas kvadratinio profilio stovas su užapvalintais viršutiniais kampais ant paviršinių pagrindo plokščių ir per jį einančiu horizontaliu atraminiu skersiniu; šalia „Pasirinkti tvirtinimą“ meniu, kuriame pasirinkta „Paviršinis“, įjungtas „Atraminio skersinio“ jungiklis ir „Pasirinkti apdailą“ spalvų pavyzdžiai, pasirinkta juoda spalva
Juodas „Downtown Rack“ su įjungtu atraminiu skersiniu.
„Arc Rack“ 3D peržiūros priemonėje: beveik apskritas kvadratinio profilio stovas iš cinkuoto plieno, pasižymintis margos pilkos tekstūros apdaila, ant dviejų paviršinių pagrindo plokščių; šalia tvirtinimo meniu, kuriame pasirinkta „Paviršinis“, išjungtas „Atraminio skersinio“ jungiklis ir apdailos parinkčių spalvų pavyzdžiai, pasirinktas „Cinkuotas“
„Arc Rack“ iš cinkuoto plieno su tekstūrine apdaila.
„Hoop Rack Heavy Duty“ 3D peržiūros priemonėje: aukštas, siauras apverstos U formos stovas iš storo šviesiai žalio vamzdžio ant dviejų paviršinių pagrindo plokščių, šalia išskleidžiamojo meniu „Select Mount“, kuriame pasirinkta „Surface“, išjungto jungiklio „Lean Bar“ ir „Select Finish“ pavyzdžių, kuriuose pasirinkta „Light Green“
„Hoop Rack Heavy Duty“ šviesiai žalios spalvos.
„Swerve Rack“ 3D peržiūros priemonėje: tamsiai vyno raudonumo vamzdinis stovas su viena tiesia ir viena įstrižaine kojele ant paviršinių pagrindo plokščių, šalia išskleidžiamojo meniu „Select Mount“ ir „Select Finish“ pavyzdžių, kuriuose pasirinkta „Wine Red“, bei atidarytos „Configuration Summary“, kurioje nurodyta „Select Mount: Surface“ ir „Select Finish: Wine Red“
„Swerve Rack“ vyno raudonos spalvos, su atidaryta „Configuration Summary“.

Ką siūlo kiekviena 3D peržiūros priemonė

Septyni stovai, kiekvienas su savo 3D peržiūros priemone produkto puslapyje.

Informacija iš dero.com ir veikiančių 3D peržiūros priemonių, 2026 m. spalio mėn.
StovasKaip tai apibūdina DeroPasirinkimai 3D peržiūros lange
Hoop RackDviračių stovėjimo standartas: storas vamzdis su pilno spindulio lenkimu; talpina du dviračiusTvirtinimas, atraminis strypas, 22 apdailos variantai
Hoop Rack Heavy DutyDidesnis ir storesnis vamzdis nei standartiniame Hoop RackTvirtinimas, atraminis strypas, 22 apdailos variantai
Downtown RackStoras kvadratinis vamzdis ir padidintas plotis visapusei atramai; talpina du dviračiusTvirtinimas, atraminis strypas, 22 apdailos variantai
Lanko stovasKvadratiniai vamzdžiai su švariomis geometrinėmis linijomis; talpina du dviračiusTvirtinimas, atraminis strypas, 22 apdailos variantai
Vingio stovasStoras vamzdis, kurio forma atkartoja dviračio rėmą; talpina du dviračiusTvirtinimas, 22 apdailos variantai
Dviračių kabyklaStulpas ir žiedas su viso spindulio lenkimu bei grakščiu siluetu; talpina du dviračiusTvirtinimas, 22 apdailos variantai
Dviračio formos dviračių stovasDviračio formos stovas, apibūdinamas kaip funkcionalus gatvės meno kūrinys; jame galima pastatyti nuo dviejų iki keturių dviračiųTvirtinimas, 22 apdailos variantai

Kaip sukonfigūruojama tokia 3D peržiūros priemonė kaip Dero

Penki žingsniai, ir nė vienam iš jų nereikia programavimo.

  1. Įkelkite 3D modelį

    Pridėkite stovo modelį prie naujo projekto. Simplio3D priima GLB, GLTF, FBX, OBJ, STL ir DAE failus.

  2. Pridėkite tvirtinimo būdą

    Išskleidžiamasis meniu su parinktimis „Surface“ ir „In-Ground“, kurių kiekviena modelyje rodo atitinkamą pagrindą.

  3. Pridėkite atraminį skersinį

    Jungiklis, rodantis arba slepiantis skersinį, stelažuose, kuriuose jis yra.

  4. Pridėkite apdailos variantus

    Po vieną pavyzdį kiekvienam apdailos variantui: cinkuoto plieno tekstūrą ir kiekvienam kitam – spalvą.

  5. Įklijuokite įterpimo fragmentą

    Nukopijuokite konfigūratoriaus iframe fragmentą ir įklijuokite jį į produkto puslapį. Vėlesni pakeitimai, atlikti Simplio3D, bus rodomi puslapyje jo nebereikalaujant redaguoti.

Peržiūra šalia pačių „Dero“ pirkimo ir pasiūlymo parinkčių

„Dero“ produktų puslapiai jau yra skirti pardavimui. Kiekviename jų pateikiamos pačios „Dero“ pirkimo arba kainos pasiūlymo gavimo parinktys: apdaila, tvirtinimas ir, jei taikoma, atraminis skersinis, tada kiekis, Įdėti į krepšelį ir Pridėti prie pasiūlymo; didesni kiekiai tvarkomi per pasiūlymų sąrašą. 3D peržiūra pateikiama tame pačiame puslapyje ir viso to nekeičia.

Ji neturi nei kainos, nei krepšelio, nei savo formos ir nieko niekur nesiunčia. Lankytojas apžiūri stovą pasirinkęs norimą tvirtinimą ir apdailą, tada tuos pačius pasirinkimus atlieka „Dero“ parinktyse. Būtent toks ribotas funkcionalumas leido ją greitai paskelbti: nereikėjo susieti produkto, derinti kainos ar nukreipti formos kam nors tvarkyti.

Diagrama: dero.com stelažo produkto puslapyje, kuriame pateikiamas jo aprašymas, dokumentai ir CAD atsisiuntimai, įdiegtas Simplio3D 3D peržiūros įrankis, siūlantis Surface arba In-Ground tvirtinimo variantą, atraminį skersinį keturiems stelažams, 22 apdailos variantus ir konfigūracijos suvestinę. Lankytojas mato stelažą su pasirinktu tvirtinimu, skersiniu ir apdaila, besisukantį 3D formatu, tada tame pačiame puslapyje perka arba prašo pasiūlymo naudodamasis pačios Dero parinktimis, krepšeliu ir pasiūlymų sąrašu. Toliau pateikiamas nustatymas be papildinio, be parduotuvės integracijos ir be kodo: įkelkite stelažo 3D modelį, pridėkite tvirtinimo išskleidžiamąjį meniu, kuris pakeičia pagrindą, pridėkite atraminio skersinio jungiklį, kuris jį prideda, pridėkite 22 apdailos pavyzdžius ir įklijuokite įterpimo fragmentą į puslapį.
Kur Dero produkto puslapyje pateikiamas 3D peržiūros įrankis ir penki žingsniai jam nustatyti.

Įterpta be programavimo

Kiekvienas Simplio3D konfigūratorius turi bendrinimo nuorodą ir nukopijuojamą iframe fragmentą. Kiekviename „Dero“ produkto puslapyje šis fragmentas pateikiamas po antrašte 3D peržiūra, visu pločiu. Nereikia nei įskiepio, nei scenarijaus, nei ryšio su parduotuve, todėl norint paskelbti peržiūrą pakako įklijuoti vieną fragmentą į vieną puslapį.

Kadangi puslapyje yra tik šis fragmentas, pati 3D peržiūra administruojama naudojant Simplio3D. Nauja apdaila ar atnaujintas modelis pakeičiamas ten ir bus rodomas dero.com svetainėje kitą kartą įkėlus puslapį, niekam neredaguojant produkto puslapio. Daugiau apie tokias peržiūras: 3D produktų peržiūra.

„Hoop Rack“ 3D peržiūros priemonė svetainėje dero.com, skiltyje „3D peržiūra“: platus apverstos U formos stovas iš apvalaus vamzdžio, padengtas aukso geltonumo apdaila ir pritvirtintas prie dviejų paviršinių pagrindo plokščių; šalia – išskleidžiamasis meniu „Pasirinkite tvirtinimą“, kuriame pasirinktas paviršinis tvirtinimas, išjungtas „Lean Bar“ jungiklis ir „Pasirinkite apdailą“ spalvų pavyzdžiai, kuriuose pasirinkta „Bright Yellow“
„Hoop Rack“ 3D peržiūros priemonė, kaip ji rodoma svetainėje dero.com, su „Bright Yellow“ apdaila.

Rezultatai

Kiekviena apdaila – tiesiai ant stovo

Lankytojai gali išbandyti visas 22 apdailas ant žiūrimo stovo, pasirinkę reikiamą tvirtinimą ir atraminį strypą, dar prieš pirkdami ar prašydami pasiūlymo.

Tas pats įrankis septyniuose puslapiuose

Nuo „Hoop Rack“ iki „Bike Bike Rack“ – kiekviena 3D peržiūros priemonė veikia vienodai: siūlo tas pačias tris pasirinkimų rūšis ir tas pačias apdailas.

Svetainėje nereikia prižiūrėti nieko naujo

Produktų puslapiuose pateikiamas tik įterpimo fragmentas. Pakeitimai atliekami Simplio3D, o parduotuvė ir pasiūlymų sąrašas veikia kaip anksčiau.

Ką sako Dero

Simplio3D leido lengvai parodyti mūsų dviračių stovus taip, kaip jie atrodys sumontuoti. Kiekvienoje 3D peržiūros priemonėje pateikiamas tvirtinimo būdas, atraminis strypas, jei stovas jį turi, ir visas mūsų apdailos variantų asortimentas, o norint ją įkelti į produkto puslapį, pakako įklijuoti įterpimo kodą. Nereikia nei programuotojo, nei papildinio, o puslapius paprasta prižiūrėti.

Colin K.Dizaineris · Dero

Klausimai apie šį projektą

Tai įrankis, kuris leidžia peržiūrėti dviračių stovą 3D formatu ir pirkėjui keisti jo parinktis, pavyzdžiui, tvirtinimo būdą, atraminį strypą ar apdailą, bei pamatyti rezultatą prieš užsakant. Dero sprendimas sąmoningai paprastas: trijų tipų pasirinkimai ir 3D vaizdas, be kainos ar formos.

Ką šiandien papildomai suteiktų toks projektas

Nė viena šios skilties funkcija nėra aprašytų „Dero“ 3D peržiūrų, veikiančių ankstesnėje Simplio3D versijoje, dalis. Dviračių stovų ar teritorijų apstatymo produktų gamintojui, pradedančiam šiandien:

  • Stovas ten, kur jis stovės. Papildytoji realybė leidžia telefonu, be programėlės, patalpinti sukonfigūruotą stovą ant grindinio ar dviračių patalpoje: AR Quick Look sistemoje iOS, Scene Viewer sistemoje Android ir QR kodas naudojant darbalaukio naršyklę.
  • Modelio detalės. Karštieji taškai prideda žymeklius su iššokančiais informaciniais langais, pavyzdžiui, apie vamzdžio dydį ar kiek dviračių galima pastatyti prie stovo, o „Scenery“ keičia foną ir kamerą.
  • Sinchronizuota peržiūra ir užsakymo forma. Įterptasis konfigūratorius kiekvieną pakeitimą perduoda kaip naršyklės įvykį, simplio3d:option.changed, todėl svetainė, jei pageidauja, keliomis savo scenarijaus eilutėmis gali iš anksto parinkti tokią pačią apdailą ir tvirtinimą savo užsakymo formoje.
  • Likusi produktų gama – greičiau. Pirmą kito stovo konfigūratorių galima sugeneruoti iš tekstinio aprašymo, o masinis pridėjimas pagal kategoriją bendroje medžiagų bibliotekoje esančią apdailų gamą paverčia pavyzdėlių rinkiniu, nereikalaujant kiekvieno pavyzdėlio kurti ranka.
  • Kiekvienos peržiūros tikrinimas. AI asistentas gali audituoti parinkčių aprėptį ir sąlyginę logiką, pavyzdžiui, patikrinti, ar kiekvienai apdailai priskirta medžiaga, ir pasiūlyti pataisymus. AI klientas, pavyzdžiui, Claude, prijungtas prie darbo erdvės per MCP naudojant ribotos apimties ryšį, gali atlikti tas pačias patikras, o kainų ar SKU pakeitimai visada pateikiami tik kaip laukiantys pakeitimai, kuriuos pritaiko žmogus.

3D peržiūros kiekvienai langinei

Kaip Evergreen Shutters su kiekvienu pasiūlymu iš savo pasiūlymų sistemos pateikia sugeneruotą kiekvienos langinės 3D vaizdą.

Tik spalvos ir forma – nieko daugiau

Kaip Fanbedarf.de savo WordPress svetainėje įdiegė 3D striukės konfigūratorių su keturiais modeliais, audinių spalvomis ir užklausos forma.

Produktų peržiūros priemonė bet kokiam katalogui

Rodykite produktus 3D formatu bet kurioje svetainėje su pasukimu, priartinimu, animacijomis ir anotacijomis – vitrinoms bei produktų puslapiams.

Kurkite, diekite ir plėskite 3D prekybą.

Naudokite 3D produktų konfigūratorių, kad didintumėte pardavimus ir generuotumėte pasiūlymus tiesiai iš savo svetainės

Susiję atvejų tyrimai