Μετάβαση στο περιεχόμενο

Η SocksFactory είναι ένα πολωνικό εργοστάσιο που δραστηριοποιείται στον κλάδο της πλεκτικής από το 1998, κατασκευάζοντας για διεθνείς μάρκες και παράγοντας κάλτσες για χονδρική, εκδηλώσεις και καμπάνιες μάρκετινγκ.

Για τις νέες ιστοσελίδες της χρειαζόταν έναν 3D διαμορφωτή καλτσών — που να λειτουργεί σε τρεις αγορές και να επιτρέπει στους πελάτες να χρησιμοποιούν τα δικά τους σχέδια.

Τι χρειαζόταν ο πελάτης

Τύπος, μέγεθος και χρώματα υφάσματος

Οι πελάτες έπρεπε να επιλέγουν τον τύπο και το μέγεθος της κάλτσας και να διαλέγουν χρώματα από έναν διαθέσιμο κατάλογο υφασμάτων.

Σχέδιο πελάτη σε πρότυπο

Οι αγοραστές έπρεπε να μπορούν να ανεβάζουν τα δικά τους σχέδια για κάλτσες χρησιμοποιώντας ένα πρότυπο και να κοινοποιούν το έργο μέσω ενός μοναδικού URL.

Τρεις γλώσσες

Ο διαμορφωτής χρειαζόταν υποστήριξη πολλών γλωσσών, καθώς θα χρησιμοποιούνταν σε τρεις διαφορετικές χώρες.

Λογαριασμοί και ιστορικό παραγγελιών

Η δεύτερη φάση απαιτούσε μια ενότητα σύνδεσης με είσοδο μέσω Gmail και Facebook, ώστε οι χρήστες να μπορούν να αποθηκεύουν έργα και να βλέπουν το ιστορικό παραγγελιών.

Ένα εργαλείο σχεδίασης 2D στην εφαρμογή

Η δεύτερη φάση περιλάμβανε επίσης ένα εργαλείο επεξεργασίας προτύπων 2D, ώστε οι χρήστες να μπορούν να σχεδιάζουν κάλτσες απευθείας μέσα στον διαμορφωτή.

Καλάθι αγορών, συσκευασία και ετικέτες

Ένα σύστημα καλαθιού αγορών, μαζί με επιλογές συσκευασίας και ετικετών, καθώς και τη δυνατότητα εναλλαγής μεταξύ αριστερής και δεξιάς κάλτσας.

Η λύση

Ο πελάτης επέλεξε το Enterprise plan. Το προσαρμοσμένο front end αναπτύχθηκε γρήγορα, με το 3D viewport και τις προεπιλογές του ήδη έτοιμα εσωτερικά. Η κοινοποίηση έργων μέσω μοναδικών συνδέσμων URL υλοποιήθηκε με Firebase και τα γραφικά των πελατών εφαρμόζονταν στην κάλτσα με UV mapping στο 3D μοντέλο. Η υποβολή ενός έργου κάλτσας ενεργοποιεί αποστολή email μέσω του Twilio API.

Στη δεύτερη φάση, προστέθηκε μια βιβλιοθήκη JavaScript canvas 2D, ώστε οι χρήστες να μπορούν να επεξεργάζονται ένα πρότυπο κάλτσας ή μια ετικέτα απευθείας μέσα στον 3D διαμορφωτή — ανεβάζοντας εικόνες, περικόπτοντας, μετακινώντας, περιστρέφοντας και προσθέτοντας κείμενο και βασικά σχήματα. Ο διαμορφωτής ενσωματώθηκε με Stripe και PayPal για την ολοκλήρωση των παραγγελιών.

Σχεδιασμός μιας κάλτσας σε 3D.
Επιλογή του στυλ μιας κάλτσας στον 3D διαμορφωτή SocksFactory
Επιλογή τύπου και στυλ κάλτσας.
Σχεδιασμός μιας εξατομικευμένης κάλτσας σε 3D
Σχεδιασμός της κάλτσας σε 3D.
Εφαρμογή μοτίβων σε κάλτσα σε έναν 3D διαμορφωτή
Μοτίβα εφαρμοσμένα στην πλέξη.
Εργαλείο επεξεργασίας προσαρμοσμένου 2D σχεδίου για ετικέτες κάλτσας
Το εργαλείο επεξεργασίας 2D προστέθηκε στη δεύτερη φάση.
Προσαρμογή συσκευασιών και ετικετών σε 3D
Επιλογές συσκευασίας και ετικετών.
Καλάθι αγορών στον διαμορφωτή καλτσών
Το καλάθι, ενσωματωμένο με Stripe και PayPal.

Αποτελέσματα

Αυτοεξυπηρετούμενος σχεδιασμός καλτσών

Οι πελάτες μπορούν να σχεδιάσουν τη δική τους κάλτσα με λίγα κλικ, απευθείας από τις ιστοσελίδες.

Διαθέσιμο σε τρεις γλώσσες

Ο διαμορφωτής καλτσών λειτουργεί στα Αγγλικά, Γερμανικά και Πολωνικά.

Οι παραγγελίες ολοκληρώνονται μέσα στην εφαρμογή

Η ενσωμάτωση των Stripe και PayPal επέτρεψε την ολοκλήρωση των παραγγελιών χωρίς έξοδο από τον διαμορφωτή.

Ένα προϊόν που εξελίσσεται

Το έργο συνεχίστηκε με επιπλέον λειτουργίες, όπως σύστημα κουπονιών, ενσωμάτωση συνομιλίας, η ενότητα λογαριασμού χρήστη, το bitmap studio και πρόσθετα 3D μοντέλα.

Με τα λόγια του πελάτη

Εύκολος σχεδιασμός της παραγγελίας σας, πολύ καλή μορφή κάλτσας, πολύ καλή χαρτογράφηση, βελτίωση της οπτικής παρουσίασης του έργου και καλύτερη κατανόηση από τους πελάτες.

Tomasz GromelskiΔιευθύνων Σύμβουλος · SocksFactory

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

Αρκετά στοιχεία που αποτελούσαν προσαρμοσμένη ανάπτυξη το 2022 είναι πλέον τυπικά blocks επιλογών. Το Image Upload επιτρέπει στους πελάτες να παρέχουν τα δικά τους γραφικά, το Design Canvas τα τοποθετεί, τα κλιμακώνει και τα περιστρέφει πάνω στο προϊόν, το Pattern Designer εφαρμόζει επαναλαμβανόμενα σχέδια με έλεγχο κλίμακας, περιστροφής και μετατόπισης, ενώ το Text Input προσθέτει προσαρμοσμένο κείμενο με επιλογή γραμματοσειράς. Τα γραφικά SVG που περιέχουν διακριτά χρώματα γεμίσματος ανιχνεύονται αυτόματα, ώστε κάθε χρωματικό κανάλι να μπορεί να αλλάζει χρώμα κατά τον χρόνο εκτέλεσης.

Επιπλέον, η AI μπορεί πλέον να δημιουργεί έναν αρχικό διαμορφωτή από μια περιγραφή προϊόντος και να ελέγχει έναν υπάρχοντα, ενώ ο MCP server επιτρέπει σε έναν βοηθό AI να επιθεωρεί έργα και να αξιολογεί τη λογική με token περιορισμένου εύρους. Κανένα από αυτά δεν αποτελούσε μέρος της αρχικής υλοποίησης.

Δημιουργείτε διαμορφωτή για κάλτσες ή ενδύματα;

Τα χρώματα ανά ζώνη, τα μοτίβα, η μεταφόρτωση γραφικών και το εξατομικευμένο κείμενο αποτελούν πλέον τυπικές ενότητες.

Δημιουργήστε, αναπτύξτε και κλιμακώστε το 3D εμπόριο.

Αποκτήστε έναν διαμορφωτή προϊόντων 3D για να αυξήσετε τις πωλήσεις και να δημιουργείτε προσφορές απευθείας από τον ιστότοπό σας

Σχετικές μελέτες περίπτωσης

Fill it Forward: ένας κατασκευαστής τρισδιάστατων παγουριών συνδεδεμένος με ERP

Fill it Forward: ένας κατασκευαστής τρισδιάστατων παγουριών συνδεδεμένος με ERP

Η Fill it Forward ήθελε οι πελάτες να εξατομικεύουν επαναχρησιμοποιούμενα παγούρια online και οι παραγγελίες που προκύπτουν να μεταφέρονται στο ERP που ήδη χρησιμοποιούσε. Ένας λογαριασμός Pro και το ανοιχτό API κάλυψαν και τις δύο ανάγκες.

Thermogreen: διαμορφωτής γυάλινων στεγάστρων βεράντας με τιμολόγηση από το Mendix

Thermogreen: διαμορφωτής γυάλινων στεγάστρων βεράντας με τιμολόγηση από το Mendix

Η Thermogreen AG χρειαζόταν έναν διαμορφωτή που θα αντλούσε τιμές σε πραγματικό χρόνο από το ERP Mendix, ενώ ο πελάτης σχεδίαζε ένα γυάλινο στέγαστρο βεράντας — καθώς και μια δεύτερη διεπαφή για το προσωπικό πωλήσεων, ώστε να δημιουργεί προσφορές επιτόπου.

Morph Creator: δημιουργία των πάντων με οκτώ δομικά στοιχεία

Morph Creator: δημιουργία των πάντων με οκτώ δομικά στοιχεία

Η Morph Bricks χρειαζόταν έναν διαμορφωτή όπου οι πελάτες θα μπορούσαν να δημιουργούν τοίχους, αίθουσες συσκέψεων και κλιμακωτές θέσεις καθισμάτων από οκτώ τύπους δομικών στοιχείων — και να λαμβάνουν ένα εγχειρίδιο οδηγιών PDF για το σχέδιο που υπέβαλαν.