Labelmaker

Ludilabel est un site e-commerce spécialisé dans les étiquettes personnalisées : étiquettes pour vêtements et fournitures scolaires, autocollants pour chaussures, marquage de câbles… Chaque commande est unique, puisque le client y met son nom, ses couleurs et ses motifs. L'outil de personnalisation est donc le cœur du tunnel de vente. S'il est lent, confus ou mal adapté au mobile, la vente est perdue.

J'ai développé le Labelmaker au sein de l'équipe Ludilabel. C'est l'application qui permet à chaque client de composer son lot d'étiquettes : choisir des graphismes et des formats, saisir ses textes, sélectionner une police et ajuster les quantités pour chaque format.

L'application gère plusieurs modes, chacun correspondant à une famille de produits :

Un mode récap, affiché au panier, montre chaque étiquette avec sa personnalisation finale. Le client voit exactement ce qu'il va recevoir avant de payer. Un mode édition permet au service client de corriger une erreur de personnalisation après la commande. Enfin, un back-office pilote toute l'application : ajout de graphismes, gestion des formats et des quantités.

Le front est une application React 18, avec Redux pour centraliser l'état de la personnalisation. Le moindre changement (texte, police, motif, quantité) se répercute instantanément sur l'aperçu de toutes les étiquettes du lot. Le même code sert les différents modes : seuls la configuration et les règles du produit changent, ce qui évite de maintenir plusieurs configurateurs en parallèle.

Le back-end en Symfony 6 expose les données (graphismes, formats, polices, règles par produit), enregistre les personnalisations en base MySQL et alimente le back-office et le mode édition du SAV.

Le Labelmaker est utilisé sur l'ensemble des produits personnalisables du catalogue Ludilabel. Ajouter un nouveau produit ne demande plus de développement : il suffit de le configurer dans le back-office. Le récap au panier rassure le client avant l'achat, et le mode édition fait gagner du temps au SAV.