Pāriet uz saturu
Atpakaļ uz gadījuma pētījumiem
Building productsbuilding productsbike racks3d viewersite furnishings

Dero: 3D velosipēdu statīvu konfigurators, iegults bez koda

Dero·
Dero: 3D velosipēdu statīvu konfigurators, iegults bez koda

Dero ir velosipēdu novietņu ražotājs Mineapolē, Minesotas štatā, un PlayCore uzņēmums. Tas ražo komerciālus un pielāgotus velosipēdu statīvus, publiskas velosipēdu remonta stacijas, velosipēdu nojumes, velosipēdu skapīšus, teritorijas aprīkojumu un pilsētvides produktus, kā arī kopš 1995. gada atbalsta savus klientus — no māju īpašniekiem, kuri iegādājas vienu statīvu, līdz arhitektiem, kuri plāno velosipēdu telpu simtiem braucēju. Tā produktu lapās ir tas, ko meklē specifikāciju sagatavotāji: brošūras, iesniegumu lapas, uzstādīšanas rokasgrāmatas, CAD, Revit un SketchUp faili, kā arī CSI specifikācijas.

Septiņās no šīm lapām tagad ir arī 3D velosipēdu statīva konfigurators, kas izveidots Simplio3D un vienkārši nosaukts par 3D skatītāju. Tas ir apzināti vienkāršs. Apmeklētājs izvēlas statīva montāžas veidu, pievieno atbalsta stieni, ja konkrētais statīvs to piedāvā, izmēģina apdares variantus, un statīvs mainās 3D skatā. Nav ne cenas, ne groza, ne veidlapas, un tā ievietošana vietnē dero.com prasīja ielīmēt iegulšanas fragmentu, nevis rakstīt kodu.

Projekts īsumā

Projekta fakti, kas iegūti no dero.com un aktīvajiem 3D skatītājiem 2026. gada oktobrī.
VienumsInformācija
KlientsDero no Mineapolisas, Minesotas štatā, PlayCore uzņēmums: velosipēdu statīvi, pielāgoti statīvi, publiskais velosipēdu remonts, velosipēdu nojumes, velosipēdu glabāšanas skapji, teritorijas aprīkojums un pilsētvides risinājumi kopš 1995. gada
Tīmekļa vietnedero.com — WordPress vietne ar Dero paša veikalu un piedāvājumu sarakstu
ProduktiSeptiņi komerciālie velosipēdu statīvi: Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack, Arc Rack, Swerve Rack, Bike Hitch un Bike Bike Rack
Ko dara 3D skatītājsParāda statīvu 3D skatā ar izvēlēto stiprinājumu, atbalsta stieni ieslēgtu vai izslēgtu, ja statīvam tāds ir, un jebkuru no 22 apdares variantiem, kā arī izvēļu kopsavilkumu
Kas tajā nav iekļautsCenas, iepirkumu grozs un veidlapa. Pirkšana un piedāvājumu pieprasīšana paliek pie iespējām, kas jau bija Dero produktu lapās
IestatīšanaViens pamata konfigurators katram statīvam, kas tiek iegults, ielīmējot tā fragmentu zem virsraksta “3D skatītājs” produkta lapā. Nav nepieciešams spraudnis, veikala integrācija vai koda rakstīšana
PlatformaSimplio3D iepriekšējā versija

Kas klientam bija nepieciešams

Paša statīva apdare

Dero statīvi ir pieejami cinkoti, no nerūsējošā tērauda vai dažādās pulverkrāsojuma krāsās. Neliels paraugs maz atklāj par to, kā krāsa izskatās uz visa statīva.

Virs zemes vai zemē

Katru no šiem statīviem var pieskrūvēt pie pamatnēm vai nostiprināt zemē, un vieta, kur statīvs saskaras ar grīdu, abos variantos izskatās atšķirīgi.

Papildu stienis tur, kur tas nepieciešams

Četriem no septiņiem plauktu modeļiem var pievienot papildu stieni, tāpēc to priekšskatījumos bija nepieciešams veids, kā to pievienot un atkal noņemt.

Priekšskatījums, nevis otrs veikals

Katrai produkta lapai jau bija savas iespējas iegādāties produktu vai pieprasīt piedāvājumu. 3D skatam bija tikai jāpalīdz cilvēkiem izvēlēties.

Vienots darbības veids visā klāstā

Septiņiem plauktu modeļiem bija nepieciešamas vienādas izvēles vienā un tajā pašā vietā, lai apmeklētājs, kurš ir izmantojis vienu 3D Viewer, zinātu, kā izmantot visus.

Bez izstrādes projekta

Skatītāji bija jāievieto esošajās WordPress produkta lapās bez spraudņa, izstrādātāja vai jebkādām izmaiņām veikalā.

Risinājums: 3D velosipēdu statīvu konfigurators septiņās produktu lapās

Vietnē dero.com katram statīvam ir sava produktu lapa ar aprakstu, dokumentiem un lejupielādēm, kā arī Dero iespējām iegādāties produktu vai pieprasīt piedāvājumu. Septiņiem no tiem — sākot ar Hoop Rack, ko Dero dēvē par velosipēdu novietņu standartu, līdz Bike Bike Rack, kas veidots velosipēda formā — tagad lapas tālākajā daļā ir sadaļa ar nosaukumu 3D skatītājs.

Katrs 3D skatītājs ir vienkāršs konfigurators. Statīvu var pagriezt un pietuvināt uz gaiši pelēka fona, bet panelī blakus tam ir ne vairāk kā trīs izvēles: montāža, atbalsta stienis un apdare. Nekam nav norādīta cena, nekas netiek pievienots grozam un nekas netiek nosūtīts. Tā vienīgais uzdevums ir parādīt statīvu, tādēļ iestatīšanai bija vajadzīgs tik maz.

Bike Hitch produkta lapa vietnē dero.com: Dero galvene ar sadaļām Produkti, Resursi, Sazinieties ar mums un Pieprasīt cenu, navigācijas ceļš Sākumlapa, Visi produkti, Komerciālie velosipēdu statīvi, Bike Hitch, virsraksts Bike Hitch un divi fotoattēli ar lietošanā redzamu statīvu — melns stabs ar gredzenu, pie kura pie veikala ir pieslēgts krēmkrāsas velosipēds, un oranžs statīvs ar zilu velosipēdu pie puķu dobes
Bike Hitch produkta lapa vietnē dero.com.
3D Viewer tajā pašā lapā: cinkots Bike Hitch — stabs uz kvadrātveida pamatplāksnes ar cauri tam ejošu gredzenu — līdzās nolaižamajai izvēlnei Select Mount, kurā redzamas opcijas Surface un In-Ground, un Finish Options krāsu paraugiem
Zemāk tajā pašā lapā — tā 3D Viewer ar atvērtu stiprinājuma nolaižamo izvēlni.

Montāža, atbalsta stienis un apdare 3D skatā uz statīva

Šīs trīs izvēles nosaka, kā statīvs izskatās pēc uzstādīšanas:

  • Montāža. Nolaižamajā sarakstā ir Surface un In-Ground. Surface parāda statīvu uz pamatnēm, ar kurām tas tiek pieskrūvēts pie seguma; In-Ground tās aizstāj ar garākām kājām, kas tiek ievietotas zemē.
  • Atbalsta stienis. Slēdzis ir pieejams Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack un Arc Rack modeļiem. To ieslēdzot, pāri statīvam parādās horizontāls stienis; pārējiem trim statīviem šis slēdzis netiek rādīts.
  • Apdare. 22 paraugi, vienādi visiem statīviem: Galvanized un Stainless, pēc tam 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 un Iron Gray. Cinkotās apdares paraugs rāda cinkota tērauda raibo tekstūru, nevis vienmērīgu krāsu.

Neliela poga (i) zem paneļa atver Konfigurācijas kopsavilkumu, kurā izvēles ir uzskaitītas vārdos: piemēram, Swerve Rack modelim — Select Mount: Surface un Select Finish: Wine Red. Apmeklētājs var uzreiz pāriet uz iegādes vai piedāvājuma pieprasīšanas iespējām tajā pašā lapā.

Downtown Rack 3D Viewer: melns kvadrātcauruļu statīvs ar noapaļotiem augšējiem stūriem uz virsmas pamatplāksnēm un horizontālu atbalsta stieni pāri tam, līdzās nolaižamajai izvēlnei Select Mount ar atlasītu Surface, ieslēgtu Lean Bar slēdzi un Select Finish krāsu paraugiem, kur atlasīta Black
Downtown Rack melnā krāsā ar ieslēgtu atbalsta stieni.
Arc Rack 3D Viewer: gandrīz apaļš kvadrātcauruļu statīvs no cinkota tērauda ar raibu pelēku tekstūru uz divām virsmas pamatplāksnēm, līdzās nolaižamajai izvēlnei Mount ar atlasītu Surface, izslēgtu Lean Bar slēdzi un Finish Options krāsu paraugiem, kur atlasīta Galvanized
Arc Rack no cinkota tērauda ar teksturētu apdari.
Hoop Rack Heavy Duty 3D skatītājā: augsts, šaurs apgriezts U veida statīvs no biezas gaiši zaļas caurules uz divām virsmas pamatplāksnēm; blakus redzama nolaižamā izvēlne Select Mount ar atlasītu Surface, Lean Bar slēdzis ir izslēgts un Select Finish paraugi ar atlasītu Light Green
Hoop Rack Heavy Duty gaiši zaļā krāsā.
Swerve Rack 3D skatītājā: tumši vīnsarkans cauruļu statīvs ar vienu taisnu un vienu slīpu kāju uz virsmas pamatplāksnēm; blakus redzama nolaižamā izvēlne Select Mount un Select Finish paraugi ar atlasītu Wine Red, kā arī atvērts Configuration Summary, kur norādīts Select Mount: Surface un Select Finish: Wine Red
Swerve Rack vīnsarkanā krāsā ar atvērtu Configuration Summary.

Ko piedāvā katrs 3D skatītājs

Septiņi statīvi — katram sava produkta lapā ir savs 3D skatītājs.

Informācija no dero.com un aktīvajiem 3D skatītājiem 2026. gada oktobrī.
StatīvsKā to raksturo DeroIzvēles 3D skatītājā
Hoop RackVelonovietņu standarts: bieza caurule ar pilna rādiusa izliekumu; paredzēta diviem velosipēdiemUzstādīšana, atbalsta stienis, 22 apdares varianti
Hoop Rack Heavy DutyLielāka un biezāka caurule nekā standarta Hoop RackUzstādīšana, atbalsta stienis, 22 apdares varianti
Downtown RackBieza kvadrātveida caurule un palielināts platums pilnvērtīgam atbalstam; novieto divus velosipēdusUzstādīšana, atbalsta stienis, 22 apdares varianti
Loka statīvsKvadrātveida caurules ar tīrām ģeometriskām līnijām; novieto divus velosipēdusUzstādīšana, atbalsta stienis, 22 apdares varianti
Swerve statīvsBieza caurule formā, kas seko velosipēda rāmim; novieto divus velosipēdusStiprinājums, 22 apdares varianti
Velosipēdu stiprinājumsStabs un gredzens ar pilna rādiusa izliekumu un slaidu siluetu; novieto divus velosipēdusStiprinājums, 22 apdares varianti
Velosipēdu velonovietneVelosipēda formas statīvs, kas raksturots kā funkcionāls ielu mākslas elements; tajā var novietot divus līdz četrus velosipēdusStiprinājums, 22 apdares varianti

Kā tiek izveidots 3D skatītājs, piemēram, Dero

Pieci soļi — un nevienā no tiem nav nepieciešams kods.

  1. Augšupielādējiet 3D modeli

    Pievienojiet statīva modeli jaunam projektam. Simplio3D atbalsta GLB, GLTF, FBX, OBJ, STL un DAE failus.

  2. Pievienojiet stiprinājumu

    Nolaižamā izvēlne ar opcijām Surface un In-Ground, katrai modelī parādot atbilstošo pamatni.

  3. Pievienojiet atbalsta stieni

    Slēdzis, kas parāda vai paslēpj stieni plauktiem, kuriem tas ir.

  4. Pievienojiet apdares variantus

    Viens paraugs katram apdares variantam: tekstūra cinkotam tēraudam un krāsa katram no pārējiem.

  5. Ielīmējiet iegulšanas fragmentu

    Nokopējiet konfiguratora iframe fragmentu un ielīmējiet to produkta lapā. Vēlāk Simplio3D veiktās izmaiņas lapā parādīsies bez atkārtotas tās rediģēšanas.

Priekšskatījums līdzās Dero iegādes un piedāvājuma iespējām

Dero produktu lapās jau ir iespējams iegādāties produktus. Katrā no tām ir Dero izvēles, lai pirktu vai pieprasītu piedāvājumu: apdare, montāža un, ja attiecināms, atbalsta stienis, pēc tam daudzums, Pievienot grozam un Pievienot piedāvājumam; lielākiem daudzumiem tiek izmantots piedāvājumu saraksts. 3D skatītājs atrodas tajā pašā lapā un to visu nemaina.

Tam nav savas cenas, groza vai veidlapas, un tas neko nekur nenosūta. Apmeklētājs aplūko statīvu vēlamajā montāžas un apdares variantā, pēc tam veic tās pašas izvēles Dero opcijās. Tieši šī vienkāršība ļāva to ātri publicēt: nebija produkta, ko sasaistīt, cenas, ko sinhronizēt, vai veidlapas, ko novirzīt kādam saņēmējam.

Shēma: velosipēdu statīva produkta lapā vietnē dero.com līdzās tā aprakstam, dokumentiem un CAD lejupielādēm ir izvietots Simplio3D 3D Viewer, kas piedāvā Surface vai In-Ground stiprinājuma veidu, atbalsta stieni četriem statīviem, 22 apdares variantus un konfigurācijas kopsavilkumu. Apmeklētājs redz statīvu ar izvēlēto stiprinājumu, stieni un apdares variantu, kas griežas 3D skatā, pēc tam iegādājas to vai pieprasa cenu piedāvājumu, izmantojot Dero paša opcijas, grozu un cenu piedāvājumu sarakstu tajā pašā lapā. Zemāk — iestatīšana bez spraudņa, veikala integrācijas un koda: augšupielādējiet statīva 3D modeli, pievienojiet stiprinājuma nolaižamo izvēlni, kas nomaina pamatni, pievienojiet atbalsta stieņa slēdzi, kas pievieno stieni, pievienojiet 22 apdares variantu paraugus un ielīmējiet iegulšanas fragmentu lapā.
Kur Dero produkta lapā atrodas 3D Viewer un pieci soļi tā iestatīšanai.

Iegulšana bez koda rakstīšanas

Katram Simplio3D konfiguratoram ir kopīgošanas saite un iframe fragments, ko var nokopēt. Katrā Dero produktu lapā šis fragments pilnā platumā atrodas zem virsraksta 3D skatītājs. Nav ne spraudņa, ne skripta, ne savienojuma ar veikalu, tāpēc skatītāja publicēšana nozīmēja viena fragmenta ielīmēšanu vienā lapā.

Tā kā lapā ir tikai šis fragments, par pašu 3D skatītāju rūpējas Simplio3D. Jauna apdare vai atjaunināts modelis tiek mainīts tur un parādās vietnē dero.com nākamajā lapas ielādes reizē, nevienam nerediģējot produktu lapu. Vairāk par šādiem skatītājiem: 3D produktu skatītājs.

Hoop Rack 3D skatītājs vietnē dero.com sadaļā “3D skatītājs”: plata apgriezta U veida konstrukcija no apaļas caurules zeltaini dzeltenā apdarē uz divām virsmas pamatplāksnēm; nolaižamajā izvēlnē “Select Mount” ir atlasīta “Surface”, slēdzis “Lean Bar” ir izslēgts, bet apdares paraugos “Select Finish” ir izvēlēta “Bright Yellow”
Hoop Rack 3D skatītājs, kā tas redzams vietnē dero.com, apdarē “Bright Yellow”.

Rezultāti

Ikviena apdare — redzama uz velostatīva

Apmeklētāji var izmēģināt visas 22 apdares uz velostatīva, ko viņi apskata, izvēloties nepieciešamo stiprinājumu un atbalsta stieni, pirms pirkuma vai cenas piedāvājuma pieprasīšanas.

Tas pats rīks septiņās lapās

No Hoop Rack līdz Bike Bike Rack — katrs 3D skatītājs darbojas vienādi, piedāvājot tos pašus trīs izvēļu veidus un tās pašas apdares.

Vietnē nav jāuztur nekas jauns

Produktu lapās ir tikai iegulšanas koda fragments. Izmaiņas tiek veiktas Simplio3D, bet veikals un piedāvājumu saraksts turpina darboties kā līdz šim.

Ko saka Dero

Simplio3D ļāva mums viegli parādīt mūsu velonovietnes tā, kā tās izskatīsies pēc uzstādīšanas. Katrā 3D Viewer ir stiprinājums, atbalsta stienis, ja konkrētajai velonovietnei tāds ir, kā arī viss mūsu apdares klāsts, un tā ievietošana produktu lapā bija tikai iegulšanas koda ielīmēšanas jautājums. Nav vajadzīgs ne izstrādātājs, ne spraudnis, un lapas joprojām ir vienkārši uzturamas.

Colin K.Dizainers · Dero

Jautājumi par šo projektu

Rīks, kas parāda velonovietni 3D formātā un ļauj pircējam mainīt tās opcijas, piemēram, stiprinājumu, atbalsta stieni vai apdari, un redzēt rezultātu pirms pasūtīšanas. Dero risinājums ir apzināti vienkāršs: trīs izvēļu veidi un 3D skats, bez cenas vai veidlapas.

Ko šādam projektam šodien varētu pievienot

Neviena no šajā sadaļā minētajām iespējām nav daļa no iepriekš aprakstītajiem Dero 3D skatītājiem, kas darbojas iepriekšējā Simplio3D versijā. Velosipēdu statīvu vai teritorijas aprīkojuma ražotājam, kas sāk šodien:

  • Statīvs vietā, kur tas atradīsies. Paplašinātā realitāte ar tālruņa palīdzību novieto konfigurēto statīvu uz seguma vai velosipēdu telpā bez lietotnes: AR Quick Look uz iOS, Scene Viewer uz Android un QR kods no datora pārlūka.
  • Informācija par modeli. Karstie punkti pievieno marķierus ar informācijas uznirstošajiem logiem, piemēram, par caurules izmēru vai statīvā novietojamo velosipēdu skaitu, savukārt Scenery maina fonu un kameras skatu.
  • Skatītājs un pasūtījuma veidlapa sinhroni. Iegultais konfigurators paziņo par katru izmaiņu kā pārlūka notikumu, simplio3d:option.changed, tādēļ vietne, kas to vēlas, ar dažām sava skripta rindām var savā pasūtījuma veidlapā iepriekš atlasīt to pašu apdari un montāžas veidu.
  • Pārējais klāsts — ātrāk. Pirmo konfiguratoru citam statīvam var ģenerēt no rakstiska apraksta, bet masveida pievienošana pēc kategorijas pārvērš apdares klāstu no koplietojamās materiālu bibliotēkas par paraugu kopu, neveidojot katru paraugu manuāli.
  • Katra skatītāja pārbaude. AI asistents var auditēt opciju pārklājumu un nosacījumu loģiku, piemēram, pārbaudīt, vai katrai apdarei ir materiāls, un ieteikt labojumus. AI klients, piemēram, Claude, kas ar ierobežota apjoma savienojumu ir pieslēgts darbvietai, izmantojot MCP, var veikt tās pašas pārbaudes, un cenu vai SKU izmaiņas vienmēr tiek saņemtas tikai kā neapstiprinātas izmaiņas, kuras piemēro cilvēks.

3D priekšskatījumi katrai žalūzijai

Kā Evergreen Shutters ar katru piedāvājumu no savas piedāvājumu sistēmas nodrošina ģenerētu katras žalūzijas 3D skatu.

Krāsas un forma — nekas vairāk

Kā Fanbedarf.de savā WordPress vietnē ieviesa 3D jakas konfiguratoru ar četriem modeļiem, audumu krāsām un pieprasījuma formu.

Produktu skatītājs jebkuram katalogam

Rādiet produktus 3D formātā jebkurā tīmekļa vietnē ar pagriešanas, pietuvināšanas, animāciju un anotāciju iespējām — produktu vitrīnām un produktu lapām.

Veidojiet, izvietojiet un mērogojiet 3D tirdzniecību.

Izmantojiet savu 3D produktu konfiguratoru, lai veicinātu pārdošanu un ģenerētu piedāvājumus tieši no savas tīmekļa vietnes

Saistīti gadījuma pētījumi