FÉVR. 2025

Personnalisation de produits à imprimer

Digicomarket, offre d’impression à la demande
LivréREACT · WOOCOMMERCE · PHP · CLOUDINARY
Conception et développement

Un éditeur où le client compose son visuel, sur ordinateur comme sur mobile.

Pour vendre des produits personnalisés (textiles, objets) sur WooCommerce, il fallait que le client compose lui-même son visuel, et que le marchand garde la main sur ce qui est modifiable.

Ce que j’ai fait

  • Côté marchand : un éditeur qui définit, par glisser-déposer, les zones personnalisables de chaque variation et de chaque vue du produit.
  • Côté client : une fenêtre en étapes pour ajouter textes et images, avec polices et couleurs, aperçu et export.
  • Un éditeur mobile complet, avec calques et manipulation tactile.

Où en est le projet

Livré, après plus de 110 commits et une dernière série d’améliorations sur mobile fin 2025.

  • Éditeur d'administration en plein écran : choix de la vue, boutons d'ajout de vue et de zone, application à toutes les variations, visuel du produit avec deux zones d'impression délimitées et redimensionnables, propriétés de la zone sélectionnée.
  • Fenêtre de personnalisation côté client : prévisualisation du produit avec miniatures des vues, liste des zones disponibles avec leur état, panneau d'édition du texte (police, taille, couleur, contour) et bouton pour passer à l'étape suivante.
  • Parcours de personnalisation sur mobile : aperçu du produit avec la zone active surlignée et le texte saisi, onglets Texte et Image, champ de saisie et choix de police.
  1. 1Zones personnalisables par variation de produitÉDITEUR ADMIN★
  2. 2Fenêtre de personnalisation en étapesREACT
  3. 3Éditeur mobile avec calques et glisser-déposer tactile★
  4. 4Aperçu et export du visuelPDF
  5. 5Images hébergées sur Cloudinary