Couverture de l'article Petit Mariage Entre Amis : bousculer la personnalisation print en ligne par l’édition 2D et 3D
Retour aux articles

L'agence

WanadevStudio

Petit Mariage Entre Amis : bousculer la personnalisation print en ligne par l’édition 2D et 3D

Plongez dans les coulisses de notre collaboration avec Petit Mariage Entre Amis, référence des objets et papeterie personnalisés depuis 15 ans. Pour répondre à leurs ambitions, nos équipes ont imaginé un configurateur 2D/3D web flexible capable de gérer un gros volume de produits et templates. R&D, interconnexion technique et témoignages : Tim, Damien et Antoine vous racontent comment nous avons transformé une idée de départ en une solution robuste et industrialisée.

En bref : WanadevDigital a developpé un configurateur 2D/3D web pour Petit Mariage Entre Amis couvrant une centaine de produits et 150 templates. Les fonctionnalités clés incluent l'édition de texte caractère par caractère, la génération automatique de fichiers PDF et CMJN aux normes d'imprimerie, et la sauvegarde des créations sans compte utilisateur. Le projet a été livré en deux phases : un configurateur 3D de gobelets (V1, octobre 2025) puis un éditeur 2D pour les faire-part, badges, bougies et étiquettes (V2, avril 2026).

Sommaire

Gamme de produits personnalises Petit Mariage Entre Amis : verres graves, bougies, pots de miel, etiquettes de bouteilles et gobelets pour mariages et evenements

Petit Mariage Entre Amis crée depuis plus de 15 ans, des objets personnalisés originaux, made in France, pour toutes les occasions professionnelles et personnelles. C'est un acteur français majeur du secteur du print via l'impression sur faire-part, badges, magnets, gobelets ou encore étiquettes de bouteille.

La société recherchait une solution permettant à ses utilisateurs de personnaliser leurs produits en ligne.

Comment offrir une expérience de personnalisation fluide à ses clients quand on vend plusieurs types de produits, du gobelet au faire-part de mariage ?

Quand Loic Millon, CEO de Petit Mariage Entre Amis est venu nous voir, il avait initialement en tête une solution hybride entre produits 3D et produits 2D dans une même interface, qu’il puisse prendre en main de façon autonome.

Nous avons accompagné Petit Mariage Entre Amis dans le développement d'un configurateur web, livré en deux grandes phases. Une première phase concernait la personnalisation de gobelets et la deuxième concernait les faire-part, les bougies ou encore les badges personnalisés, représentant près d'une centaine de produits.

Developpeur WanadevDigital travaillant sur le projet Petit Mariage Entre Amis, avec le code source et la page e-commerce de bougies personnalisees affichees sur deux ecrans

Sortir de la page blanche : le défi de l’éditeur adaptatif

On met souvent en avant chez WanadevDigital l'expertise 3D des équipes mais la vraie force de ce projet, c'est la flexibilité de son éditeur 2D/3D.

V1 : le configurateur 3D de gobelets

Sur la V1 lancée en octobre 2025, nous avons développé un configurateur 3D de gobelets décliné en deux tailles. Le rendu est net, dynamique, et fluide sur mobile.

"Le plus gros défi pour rendre l'expérience propre et consistante sur mobile a été l'harmonisation des comportements entre IOS et Android. En effet, nous avons dû mettre en place certains comportements spéciaux afin de nous assurer que l’expérience utilisateur soit la même peu importe le type d’appareil utilisé. Ce configurateur réalisé pour Petit Mariage Entre Amis comprend la gestion de texte la plus poussée sur laquelle j’ai pu travailler. L'édition du texte se fait directement dans le plan 2D plutôt qu’un champ html classique et la personnalisation du texte est possible caractère par caractère, chaque lettre peut avoir sa propre police, couleur, taille, décoration."

— Damien Brioude, Développeur WanadevDigital



Captures d'ecran iOS du configurateur de faire-part Petit Mariage Entre Amis sur mobile, montrant l'adaptation de la barre d'outils lors de l'ouverture du clavier

Exemple de comportement permettant le changement d’affichage de la barre d’outils automatiquement lorsque le clavier est ouvert, sur IOS.

V2 : deploiement sur toute la gamme flat en 2D

Puis est arrivée la V2 en avril 2026. L'enjeu ? Déployer l'éditeur sur toute la gamme "flat" (sans 3D) : faire-part, badges, étiquettes de bouteilles, bougies, pots de miel... Au total, c'est une centaine de produits comprenant 150 templates que Petit Mariage Entre Amis administre en toute autonomie aujourd'hui.

"Comme le dit Damien, ce projet nous a permis d'aller plus loin que tous les configurateurs réalisés jusqu'à présent chez WanadevDigital, notamment grâce à la personnalisation en 2D d'une zone d'impression. Personnalisation lettre par lettre, réglage de l'interlettrage et de l'interlignage : nous avons même étendu Fabric.js, une librairie open source déjà présente dans notre stack, pour créer une fonctionnalité qui n'existait pas encore."

— Timotée Neullas, Lead Développeur Web3D WanadevDigital



Pour l’utilisateur final, l’expérience est d'une sobriété limpide :

  • Un éditeur de texte poussé.
  • Une gestion fine de la transparence des images.
  • Des zones de découpe dynamiques configurées en back-office pour rogner le produit en fonction du gabarit choisi.

Creative Manager WanadevDigital travaillant sur les maquettes du configurateur 2D/3D pour Petit Mariage Entre Amis dans les locaux de Lyon

Sauvegarder ses créations sans contraindre l’utilisateur

Afin de permettre aux utilisateurs la sauvegarde de leurs créations et les modifier après l'ajout au panier, sans avoir à créer de compte, nous avons utilisé des mécanismes de stockage natif tels que Local Storage et IndexedDB. Tout est stocké dans le navigateur de l’utilisateur sans risque de sécurité.

Co-construction et challenges techniques

Pour être honnête, un tel projet, c'est une aventure durant laquelle le besoin initial peut être amené à évoluer en cours de route et nécessite de prendre les bonnes décisions. C'est notre rôle de savoir accompagner nos partenaires dans cette prise de décision afin d'orienter vers les solutions les plus à même de satisfaire l'utilisateur final.

L'interconnexion de trois interfaces

Un des éléments importants de ce projet aura été l'interconnexion technique. Il a fallu faire dialoguer trois interfaces :

  • un back-office WanadevDigital,
  • la gestion des templates,
  • le site existant Petit Mariage Entre Amis.

Génération PDF haute définition aux normes CMJN

De plus, la génération automatique de fichiers PDF haute définition aux normes de l'imprimerie (CMJN) était un indispensable pour quiconque fait du print, afin d’assurer la qualité de l'impression finale.

"Ce dont je suis le plus fier sur ce projet, c'est notre éditeur 2D très complet, qui reste fluide et maniable sur mobile. Toute l'équipe s'est mobilisée pour surmonter quelques sujets techniques complexes, tels que la génération des PDFs en CMJN ou la gestion poussée des zones de texte dans la scène 2D, avec l’affichage dynamique sur la 3D. C'est aussi une belle histoire d'accompagnement : on est resté aux côtés de notre client Loic pour faire évoluer la solution dans le bon sens et arriver à un résultat de qualité. On a aussi apprécié la collaboration avec Morgan, le développeur freelance côté client, toujours réactif pour relier le site e-commerce à notre configurateur."

— Antoine Gaudillère, Chef de Projet WanadevDigital



Equipe projet WanadevDigital en session de conception avec les produits Petit Mariage Entre Amis et le whiteboard de maquettes du configurateur

Et pour la suite ?

Le projet est aujourd'hui bien installé en production, et le résultat est là : une solution robuste, adaptative et complètement prise en main par les équipes de Petit Mariage Entre Amis.

Mais cette première brique est évolutive, elle a été pensée pour pouvoir accueillir les prochains besoins des utilisateurs et c'est la force de l’approche WanadevDigital. On ne repart pas d'une page blanche : on capitalise sur ce socle solide pour faire grandir la solution.

Merci à Loic et Petit Mariage Entre Amis pour la confiance sur ce projet et un grand bravo à Tim, Damien, Adrien, Johann, Léo, Manu, Antoine et toutes les personnes impliquées.

Vous avez un projet de configurateur ou d'éditeur 2D/3D en tête ? Discutons-en.

Questions fréquentes sur les configurateurs 2D/3D

Qu'est-ce qu'un configurateur 2D/3D web ?

Un configurateur 2D/3D web est une application en ligne qui permet aux utilisateurs de personnaliser visuellement un produit (texte, images, couleurs) et de voir le résultat en temps réel, en 2D pour les produits plats (faire-part, étiquettes) ou en 3D pour les objets volumétriques (gobelets, bouteilles). Contrairement à un simple formulaire, l'utilisateur interagit directement avec le visuel du produit.

Comment fonctionne la personnalisation print en ligne ?

L'utilisateur choisit un template parmi ceux configurés en back-office, puis personnalise le texte (police, taille, couleur, caractère par caractère), ajoute des images et ajuste la mise en page dans un éditeur visuel. Une fois satisfait, le système génère automatiquement un fichier PDF haute définition aux normes d'imprimerie (CMJN), prêt à être envoyé en production.

Pourquoi développer son propre configurateur plutôt qu'utiliser une solution SaaS ?

Développer son propre configurateur permet une intégration parfaite avec le site e-commerce existant, un contrôle total sur l'expérience utilisateur (édition de texte caractère par caractère, gestion fine de la transparence), et la capacité à gérer des volumes importants de produits et templates. Il s'adapte aux contraintes métier spécifiques comme la génération de fichiers PDF en CMJN pour l'impression professionnelle.

Les créations des utilisateurs sont-elles sauvegardées sans compte ?

Oui, grâce à des mécanismes de stockage natif du navigateur (Local Storage et IndexedDB), les créations sont sauvegardées localement. Les utilisateurs peuvent modifier leurs personnalisations après l'ajout au panier sans avoir à créer de compte, tout en préservant la sécurité de leurs données.

Commentaires

Il n'y a actuellement aucun commentaire. Soyez le premier !