::
11001
::
{}
<>
11001
{}
FF
10110
FF
<>
::
10110
0xA3
::
//
=>
{}
10110
01
Toutes les études de cas
Next.jsMedusaFabric.js

Un configurateur au centre d’un catalogue de plus de 50 produits

Une boutique headless où la personnalisation n’est pas une option mais le parcours principal, avec bibliothèque graphique, import de visuels et sauvegarde des créations.

ClientGobelet Personnalisé

Voir le site
Capture du site Gobelet Personnalisé
Le client

Le plus large catalogue du groupe

Gobelet Personnalisé commercialise gobelets, verres et pichets réutilisables personnalisables, avec une profondeur de gamme qui dépasse la cinquantaine de références et une organisation par occasion : mariage, anniversaire, EVG et EVJF, retraite, clubs sportifs.

Cette double entrée — par produit et par occasion — s’adresse aussi bien à un particulier qui commande pour un événement qu’à un professionnel qui commande en volume.

Le défi

Rendre la personnalisation accessible sans la simplifier

Un configurateur pose un dilemme : trop limité, il ne permet pas d’obtenir le rendu voulu ; trop ouvert, il devient un logiciel de PAO que personne n’utilise. Le point d’équilibre est différent pour un particulier et pour un professionnel.

S’ajoute une contrainte de continuité : une création personnalisée représente du temps investi. La perdre en changeant de page ou d’appareil suffit à faire abandonner la commande.

La solution

Un configurateur outillé, adossé à un socle headless

Nous avons construit le parcours autour d’un configurateur riche mais guidé : glisser-déposer, bibliothèque d’éléments prêts à l’emploi, import de visuels personnels, et persistance du travail en cours.

01

Configurateur en glisser-déposer

La composition se fait directement sur le produit, avec un aperçu du rendu. L’acheteur ajoute textes et visuels sans passer par un logiciel externe.

02

Bibliothèque graphique intégrée

Une bibliothèque de centaines d’éléments permet de composer un visuel abouti sans compétence en design, ce qui élargit l’accès à la personnalisation.

03

Import de visuels et de photos

Le client importe ses propres images, avec le recadrage et les ajustements nécessaires pour rester compatible avec les contraintes d’impression.

04

Sauvegarde des créations

Le travail en cours est conservé, ce qui permet de reprendre une création plus tard plutôt que de tout recommencer — un point déterminant sur un parcours long.

Stack technique

Les technologies retenues

Un front Next.js sur moteur Medusa, un configurateur s’appuyant sur une composition canvas et un rendu 3D, un CMS headless Payload pour le contenu éditorial, et un stockage objet Scaleway pour les créations.

Next.js

Medusa

Fabric.js

Payload CMS

Scaleway Object Storage

GA4 + Clarity

Le résultat

La personnalisation devient le parcours, pas une option

Gobelet Personnalisé propose un tunnel où la création précède l’achat, avec les garde-fous nécessaires pour que ce qui est validé à l’écran reste imprimable en atelier.

MPWB

Un projet similaire en tête ?

Parlons-en 30 minutes. On vous dira franchement ce qui est faisable, à quel budget et dans quel délai.

Réponse sous 24h 100% confidentiel Sans engagement