Dero: un configurator 3D pentru rastele de biciclete, integrat fără cod

Dero este un producător de soluții pentru parcarea bicicletelor din Minneapolis, Minnesota, și o companie PlayCore. Produce rastele comerciale și personalizate pentru biciclete, stații publice de reparații pentru biciclete, adăposturi pentru biciclete, dulapuri pentru biciclete, mobilier pentru spații exterioare și produse pentru amenajarea spațiului stradal și își sprijină clienții din 1995, de la proprietari care cumpără un singur rastel până la arhitecți care proiectează o încăpere pentru sute de bicicliști. Paginile sale de produs includ ceea ce caută proiectanții: broșuri, fișe de prezentare, ghiduri de instalare, fișiere CAD, Revit și SketchUp, precum și specificații CSI.

Șapte dintre aceste pagini includ acum și un configurator 3D de rastele pentru biciclete, creat în Simplio3D și intitulat simplu Vizualizator 3D. Este intenționat simplu. Un vizitator alege modul de montare a rastelului, adaugă o bară de sprijin acolo unde rastelul o oferă și testează finisajele, iar rastelul se modifică în 3D. Nu există preț, coș sau formular, iar publicarea lui pe dero.com a necesitat lipirea unui fragment de cod de integrare, nu programare.

Soluția: un configurator 3D de rastele pentru biciclete pe șapte pagini de produs

Pe dero.com, fiecare rastel are propria pagină de produs, cu descriere, documente și descărcări, precum și opțiunile Dero pentru cumpărare sau solicitarea unei oferte. Șapte dintre acestea, de la Hoop Rack, pe care Dero îl numește standardul pentru parcarea bicicletelor, până la Bike Bike Rack, în formă de bicicletă, au acum mai jos pe pagină o secțiune intitulată Vizualizator 3D.

Fiecare Vizualizator 3D este un configurator de bază. Rastelul se rotește și se mărește pe un fundal gri-deschis, iar panoul de lângă acesta include cel mult trei opțiuni: montarea, bara de sprijin și finisajul. Nimic nu are preț, nimic nu este adăugat în coș și nimic nu este trimis. Singurul său rol este să prezinte rastelul, motiv pentru care a necesitat atât de puține configurări.

Montarea, bara de sprijin și finisajul, afișate pe rastel în 3D

Cele trei opțiuni sunt cele care schimbă aspectul unui rastel după instalare:

• Montare. Un meniu derulant cu opțiunile La suprafață și În sol. La suprafață afișează rastelul pe plăcile de bază cu care este fixat prin șuruburi; În sol le înlocuiește cu picioare mai lungi care intră în pământ.
• Bară de sprijin. Un comutator pentru Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack și Arc Rack. Când este activat, apare o bară orizontală pe rastel; celelalte trei rastele pur și simplu nu afișează comutatorul.
• Finisaj. 22 de mostre, identice pentru fiecare rastel: Galvanized și Stainless, apoi 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 și Iron Gray. Mostra galvanizată afișează textura pestriță a oțelului galvanizat, nu o culoare uniformă.

Un mic buton (i) de sub panou deschide Rezumatul configurației, care enumeră opțiunile în cuvinte: de exemplu, pentru Swerve Rack, Selectați montarea: La suprafață și Selectați finisajul: Wine Red. Vizitatorul poate trece direct de aici la opțiunile de cumpărare sau solicitare a unei oferte de pe aceeași pagină.

O previzualizare alături de opțiunile Dero de cumpărare și ofertare

Paginile de produs Dero permit deja cumpărarea. Fiecare include propriile opțiuni Dero pentru cumpărare sau solicitarea unei oferte: finisajul, montarea și, unde este cazul, bara de sprijin, apoi cantitatea, Adăugați în coș și Adăugați la ofertă, cantitățile mai mari fiind gestionate prin lista de oferte. Vizualizatorul 3D se află pe aceeași pagină și nu modifică nimic din toate acestea.

Nu are preț, coș sau formular propriu și nu trimite nimic nicăieri. Un vizitator examinează rastelul cu montarea și finisajul dorite, apoi face aceleași alegeri în opțiunile Dero. Tocmai această simplitate a permis publicarea rapidă: nu exista niciun produs de conectat, niciun preț de sincronizat și niciun formular de direcționat către cineva.

Integrat fără a scrie cod

Fiecare configurator Simplio3D are un link de distribuire și un fragment iframe de copiat. Pe fiecare pagină de produs Dero, acel fragment se află sub titlul Vizualizator 3D, pe întreaga lățime. Nu există plugin, script sau conexiune la magazin, astfel că publicarea unui vizualizator a însemnat lipirea unui singur fragment într-o singură pagină.

Deoarece pagina conține doar acel fragment, Vizualizatorul 3D este gestionat în Simplio3D. Un nou finisaj sau un model actualizat se modifică acolo și apare pe dero.com la următoarea încărcare a paginii, fără ca cineva să editeze pagina de produs. Mai multe despre astfel de vizualizatoare: vizualizatorul de produse 3D.

Ce ar adăuga astăzi un proiect ca acesta

Nimic din această secțiune nu face parte din Vizualizatoarele 3D Dero descrise mai sus, care rulează pe versiunea anterioară de Simplio3D. Pentru un producător de rastele pentru biciclete sau mobilier pentru spații exterioare care începe acum:

• Rastelul acolo unde va fi instalat. Realitatea augmentată amplasează rastelul configurat pe trotuar sau într-o încăpere pentru biciclete, prin telefon și fără aplicație: AR Quick Look pe iOS, Scene Viewer pe Android și un cod QR dintr-un browser desktop.
• Detalii pe model. Hotspoturile adaugă marcatori cu ferestre pop-up informative, de exemplu dimensiunea țevii sau numărul de biciclete pe care le poate găzdui rastelul, iar Scenery schimbă fundalul și camera.
• Vizualizatorul și formularul de comandă sincronizate. Un configurator integrat anunță fiecare modificare ca eveniment de browser, simplio3d:option.changed, astfel încât un site care dorește poate preselecta același finisaj și aceeași montare în propriul formular de comandă cu câteva linii din propriul script.
• Restul gamei, mai rapid. Un prim configurator pentru un alt rastel poate fi generat dintr-o descriere scrisă, iar adăugarea în masă pe categorii transformă o gamă de finisaje din biblioteca de materiale partajată într-un set de mostre, fără crearea manuală a fiecărei mostre.
• Verificarea fiecărui vizualizator. Asistentul AI poate audita acoperirea opțiunilor și logica condițională, de exemplu pentru a verifica dacă fiecare finisaj are un material, și poate propune remedieri. Un client AI precum Claude, conectat la spațiul de lucru prin MCP cu o conexiune cu acces limitat, poate efectua aceleași verificări, iar modificările prețurilor sau SKU-urilor ajung întotdeauna doar ca modificări în așteptare, pe care o persoană le aplică.