nexus.digitalΑς μιλήσουμε
nexus.digital
info@nexus-digital.gr

Personalizer / 2026 / Έργο πελάτη

Σχεδιαστής κοσμημάτων.

Ένα όνομα γίνεται κόσμημα.

Άνοιγμα site
Διαμόρφωση προϊόντος · Ζωντανή προεπισκόπησηNext.js / React / TypeScript / Canvas API / SVG / MySQLΗ ιστορία του έργου
Ο σχεδιαστής κοσμήματος του Ergastiri24 με προεπισκόπηση ονόματος, επιλογές υλικού και τελική τιμή.
01 / PersonalizerΠάτησε την εικόνα για μεγέθυνση ↗

Η αφετηρία

Προσωπικές επιλογές, ορατό αποτέλεσμα.

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

Η υλοποίηση

Η διαμόρφωση συναντά την προεπισκόπηση.

Ενσωματώσαμε τον σχεδιαστή στη νέα εφαρμογή Next.js του Ergastiri24, μεταφέροντας τη λειτουργία από το παλιό πρόσθετο WooCommerce. Ο πελάτης επιλέγει κείμενο, γραμματοσειρά, υλικό, μέγεθος, φινίρισμα και αλυσίδα, ενώ η προεπισκόπηση αλλάζει μαζί με τις επιλογές του. Η τιμή υπολογίζεται στον server με βάση τη διαμόρφωση και τους κανόνες κοστολόγησης του εργαστηρίου. Το σχέδιο συνδέεται με το προϊόν στο καλάθι και η διαχείριση διαθέτει εξαγωγή SVG μαζί με τα δεδομένα της διαμόρφωσης.

Στη μικρή οθόνη

Το δικό σου κόσμημα, από το κινητό.

Το κείμενο και οι επιλογές γραμματοσειράς παρουσιάζονται σε κάθετη διάταξη. Η τιμή ακολουθεί την ολοκλήρωση της διαμόρφωσης.

Σχεδιαστής κοσμημάτων: πραγματική προβολή σε κινητό

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

Το σχέδιο ακολουθεί την παραγγελία.

Η προεπισκόπηση, η τιμή και οι προδιαγραφές ακολουθούν την ίδια παραγγελία. Ο πελάτης επιλέγει το κόσμημά του μέσα στο e-shop και το εργαστήριο έχει συγκεντρωμένα το κείμενο, τα υλικά και το σχέδιο που επέλεξε.

Σχετικό έργο

Ergastiri24

E-shop · Custom διαχείριση

Η νέα αρχική σελίδα του Ergastiri24 με κοσμήματα, ρολόγια και λεπτομέρεια από τη συλλογή.