Dero: ένας διαμορφωτής σχαρών ποδηλάτων 3D ενσωματωμένος χωρίς κώδικα

Η Dero είναι κατασκευαστής συστημάτων στάθμευσης ποδηλάτων στη Μινεάπολη της Μινεσότα και εταιρεία της PlayCore. Κατασκευάζει εμπορικές και προσαρμοσμένες βάσεις ποδηλάτων, δημόσιους σταθμούς επισκευής ποδηλάτων, στέγαστρα ποδηλάτων, ερμάρια ποδηλάτων, αστικό εξοπλισμό και προϊόντα διαμόρφωσης δρόμων, ενώ υποστηρίζει τους πελάτες της από το 1995 — από ιδιοκτήτες κατοικιών που αγοράζουν μία μόνο βάση έως αρχιτέκτονες που σχεδιάζουν έναν χώρο ποδηλάτων για εκατοντάδες ποδηλάτες. Οι σελίδες προϊόντων της περιλαμβάνουν ό,τι αναζητούν οι μελετητές: φυλλάδια, φύλλα υποβολής, οδηγούς εγκατάστασης, αρχεία CAD, Revit και SketchUp, καθώς και προδιαγραφές CSI.

Επτά από αυτές τις σελίδες διαθέτουν πλέον και έναν διαμορφωτή βάσεων ποδηλάτων 3D, που δημιουργήθηκε στο Simplio3D και φέρει απλώς τον τίτλο Προβολή 3D. Είναι σκόπιμα απλός. Ο επισκέπτης επιλέγει τον τρόπο στερέωσης της βάσης, προσθέτει μια μπάρα στήριξης όπου αυτή διατίθεται και δοκιμάζει τα φινιρίσματά της, ενώ η βάση αλλάζει σε 3D. Δεν υπάρχει τιμή, καλάθι ή φόρμα και η προσθήκη του στο dero.com έγινε με επικόλληση ενός αποσπάσματος ενσωμάτωσης αντί για κώδικα.

Η λύση: ένας διαμορφωτής σχαρών ποδηλάτων 3D σε επτά σελίδες προϊόντων

Στο dero.com κάθε σχάρα διαθέτει τη δική της σελίδα προϊόντος, με περιγραφή, έγγραφα και λήψεις, καθώς και τις επιλογές της Dero για αγορά ή αίτημα προσφοράς. Επτά από αυτές, από τη Hoop Rack, την οποία η Dero αποκαλεί πρότυπο για τη στάθμευση ποδηλάτων, έως τη Bike Bike Rack, με σχήμα ποδηλάτου, διαθέτουν πλέον πιο κάτω στη σελίδα μια ενότητα με τίτλο Προβολή 3D.

Κάθε Προβολή 3D είναι ένας βασικός διαμορφωτής. Η σχάρα περιστρέφεται και μεγεθύνεται σε ανοιχτό γκρι φόντο, ενώ το πλαίσιο δίπλα της περιλαμβάνει έως τρεις επιλογές: τη στήριξη, τη μπάρα στήριξης και το φινίρισμα. Δεν εμφανίζονται τιμές, δεν προστίθεται τίποτα σε καλάθι και δεν αποστέλλεται τίποτα. Ο μοναδικός του σκοπός είναι να παρουσιάζει τη σχάρα, γι’ αυτό και απαιτούνταν τόσο λίγες ρυθμίσεις.

Βάση, μπάρα κλίσης και φινίρισμα, σε προβολή 3D στη σχάρα

Οι τρεις επιλογές είναι αυτές που αλλάζουν την εμφάνιση μιας σχάρας μόλις εγκατασταθεί:

• Βάση. Ένα αναπτυσσόμενο μενού με τις επιλογές Surface και In-Ground. Η επιλογή Surface εμφανίζει τη σχάρα πάνω στις πλάκες βάσης στις οποίες είναι βιδωμένη· η επιλογή In-Ground τις αντικαθιστά με μακρύτερα πόδια που εισέρχονται στο έδαφος.
• Μπάρα κλίσης. Ένας διακόπτης στις Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack και Arc Rack. Όταν ενεργοποιείται, εμφανίζεται μια οριζόντια μπάρα κατά μήκος της σχάρας· στις άλλες τρεις σχάρες ο διακόπτης απλώς δεν εμφανίζεται.
• Φινίρισμα. 22 δείγματα χρωμάτων, τα ίδια σε κάθε σχάρα: Galvanized και Stainless, και στη συνέχεια 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 και Iron Gray. Το δείγμα galvanised εμφανίζει την ανομοιόμορφη υφή του γαλβανισμένου χάλυβα αντί για επίπεδο χρώμα.

Ένα μικρό κουμπί (i) κάτω από το πάνελ ανοίγει το Configuration Summary, το οποίο παραθέτει τις επιλογές με λέξεις: στη Swerve Rack, για παράδειγμα, Select Mount: Surface και Select Finish: Wine Red. Ο επισκέπτης μπορεί να μεταβεί απευθείας από εκεί στις επιλογές αγοράς ή προσφοράς στην ίδια σελίδα.

Μια προεπισκόπηση δίπλα στις επιλογές αγοράς και προσφοράς της Dero

Οι σελίδες προϊόντων της Dero πραγματοποιούν ήδη πωλήσεις. Κάθε μία διαθέτει τις δικές της επιλογές για αγορά ή αίτημα προσφοράς: φινίρισμα, βάση στήριξης και, όπου ισχύει, τη μπάρα στήριξης, έπειτα ποσότητα, Προσθήκη στο καλάθι και Προσθήκη στην προσφορά, ενώ οι μεγαλύτερες ποσότητες περνούν από τη λίστα προσφορών. Το 3D Viewer βρίσκεται στην ίδια σελίδα και δεν επηρεάζει τίποτα από αυτά.

Δεν διαθέτει τιμή, καλάθι ή δική του φόρμα και δεν αποστέλλει τίποτα πουθενά. Ένας επισκέπτης βλέπει τη βάση ποδηλάτων με τη στήριξη και το φινίρισμα που έχει στο μυαλό του και στη συνέχεια κάνει τις ίδιες επιλογές στις επιλογές της Dero. Η διατήρησή του σε τόσο απλή μορφή ήταν αυτό που επέτρεψε τη γρήγορη δημοσίευσή του: δεν υπήρχε προϊόν για σύνδεση, τιμή για συγχρονισμό ή φόρμα για προώθηση σε κάποιον.

Ενσωματωμένο χωρίς συγγραφή κώδικα

Κάθε διαμορφωτής Simplio3D διαθέτει σύνδεσμο κοινοποίησης και απόσπασμα iframe για αντιγραφή. Σε κάθε σελίδα προϊόντος της Dero, αυτό το απόσπασμα βρίσκεται κάτω από την επικεφαλίδα Προβολή 3D, σε πλήρες πλάτος. Δεν απαιτείται πρόσθετο, script ή σύνδεση με το κατάστημα, επομένως η δημοσίευση ενός προβολέα απαιτούσε απλώς την επικόλληση ενός αποσπάσματος σε μία σελίδα.

Επειδή η σελίδα περιέχει μόνο αυτό το απόσπασμα, η ίδια η Προβολή 3D διαχειρίζεται στο Simplio3D. Ένα νέο φινίρισμα ή ένα ενημερωμένο μοντέλο αλλάζει εκεί και εμφανίζεται στο dero.com την επόμενη φορά που φορτώνει η σελίδα, χωρίς να χρειάζεται κανείς να επεξεργαστεί τη σελίδα του προϊόντος. Περισσότερα για προβολείς όπως αυτός: ο προβολέας προϊόντων 3D.

Τι θα πρόσθετε σήμερα ένα έργο όπως αυτό

Τίποτα από αυτή την ενότητα δεν αποτελεί μέρος των 3D Viewers της Dero που περιγράφονται παραπάνω, οι οποίοι λειτουργούν στην προηγούμενη έκδοση του Simplio3D. Για έναν κατασκευαστή βάσεων ποδηλάτων ή αστικού εξοπλισμού που ξεκινά τώρα:

• Η βάση εκεί όπου θα τοποθετηθεί. Η επαυξημένη πραγματικότητα τοποθετεί τη διαμορφωμένη βάση στο πεζοδρόμιο ή σε έναν χώρο στάθμευσης ποδηλάτων μέσω τηλεφώνου, χωρίς εφαρμογή: AR Quick Look στο iOS, Scene Viewer στο Android και ένας κωδικός QR από πρόγραμμα περιήγησης υπολογιστή.
• Λεπτομέρειες πάνω στο μοντέλο. Τα hotspots προσθέτουν δείκτες με αναδυόμενα παράθυρα πληροφοριών, όπως για παράδειγμα το μέγεθος του σωλήνα ή πόσα ποδήλατα χωρά η βάση, ενώ το Scenery αλλάζει το φόντο και την κάμερα.
• Ο προβολέας και η φόρμα παραγγελίας συγχρονισμένα. Ένας ενσωματωμένος διαμορφωτής ανακοινώνει κάθε αλλαγή ως συμβάν προγράμματος περιήγησης, simplio3d:option.changed, ώστε ένας ιστότοπος που το επιθυμεί να μπορεί να προεπιλέγει το ίδιο φινίρισμα και τον ίδιο τρόπο στερέωσης στη δική του φόρμα παραγγελίας, με λίγες γραμμές δικού του script.
• Η υπόλοιπη γκάμα, πιο γρήγορα. Ένας πρώτος διαμορφωτής για άλλη βάση μπορεί να δημιουργηθεί από μια γραπτή περιγραφή και η μαζική προσθήκη ανά κατηγορία μετατρέπει μια γκάμα φινιρισμάτων από την κοινόχρηστη βιβλιοθήκη υλικών σε σύνολο δειγμάτων, χωρίς να απαιτείται χειροκίνητη δημιουργία κάθε δείγματος.
• Έλεγχος κάθε προβολέα. Ο βοηθός AI μπορεί να ελέγχει την κάλυψη επιλογών και την υπό όρους λογική, για παράδειγμα ότι κάθε φινίρισμα διαθέτει υλικό, και να προτείνει διορθώσεις. Ένας πελάτης AI όπως το Claude, συνδεδεμένος στον χώρο εργασίας μέσω MCP με περιορισμένης εμβέλειας σύνδεση, μπορεί να εκτελεί τους ίδιους ελέγχους, ενώ οι αλλαγές σε τιμές ή SKU φτάνουν πάντοτε μόνο ως εκκρεμείς αλλαγές που εφαρμόζει ένας άνθρωπος.