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

Η 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 για να αυξήσετε τις πωλήσεις και να δημιουργείτε προσφορές απευθείας από τον ιστότοπό σας

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

Fanbedarf.de: ένας διαμορφωτής 3D μπουφάν για αθλητικές ζακέτες λεσχών φιλάθλων

Fanbedarf.de: ένας διαμορφωτής 3D μπουφάν για αθλητικές ζακέτες λεσχών φιλάθλων

Το Fanbedarf.de, ένα εργαστήριο ενδυμάτων για συλλόγους στη Νυρεμβέργη, προσέθεσε έναν διαμορφωτή 3D μπουφάν: τέσσερα μοντέλα Track Top, 17 χρώματα υφάσματος για κάθε μέρος του μπουφάν και ένα μη δεσμευτικό αίτημα προσφοράς.

Fell & Frame: ένας διαμορφωτής ξύλινων παραθύρων που αναπτύχθηκε εσωτερικά για το WooCommerce

Fell & Frame: ένας διαμορφωτής ξύλινων παραθύρων που αναπτύχθηκε εσωτερικά για το WooCommerce

Η Fell & Frame, μια επιχείρηση ξυλουργικών κατασκευών στο Carlisle, δημιούργησε τον δικό της διαμορφωτή ξύλινων παραθύρων στο Simplio3D. Οι αγοραστές καθορίζουν τις διαστάσεις έξι τύπων ανοιγόμενων παραθύρων με ακρίβεια χιλιοστού και τα προσθέτουν στο καλάθι του WooCommerce.

Zdesk: ένας διαμορφωτής επίπλων γραφείου 3D ενσωματωμένος στο WooCommerce

Zdesk: ένας διαμορφωτής επίπλων γραφείου 3D ενσωματωμένος στο WooCommerce

Η Zdesk, κατασκευαστής επίπλων γραφείου στο Βρότσλαβ, ενσωμάτωσε επτά διαμορφωτές 3D στο κατάστημά της WooCommerce με το πρόσθετο Simplio3D. Οι αγοραστές επιλέγουν διαστάσεις, διακόσμηση και εξαρτήματα, βλέπουν την τιμή και προσθέτουν στο καλάθι.