Aller au contenu
en ligne
frv0.46.1 · 1d135e2
En développement actifMis à jour le 9 nov. 2026

DeskForge

Un configurateur 3D de postes de travail pour les boutiques high-tech : l’acheteur compose son espace sur son vrai bureau et ajoute l’ensemble au panier.

Configurateur DeskForge : une pièce en 3D avec un mur de briques, un bureau réglable en hauteur avec deux écrans, un ordinateur portable et un clavier, une chaise de bureau, des étagères et un lampadaire, à côté du catalogueConfigurateur DeskForge : une pièce en 3D avec un mur de briques, un bureau réglable en hauteur avec deux écrans, un ordinateur portable et un clavier, une chaise de bureau, des étagères et un lampadaire, à côté du catalogue

Défi

Quand on achète en ligne un écran, un bras et un bureau, on ne sait pas si tout tiendra et fonctionnera ensemble : on hésite, on achète un article à la fois ou on renvoie ce qui ne convient pas.

Solution

  • Configurateur 3D : une scène réaliste avec des matériaux physiquement réalistes (PBR), des ombres douces et de l’occlusion ambiante, des arêtes arrondies, des claviers aux dispositions réelles, les vraies couleurs des produits, des modèles issus de Blender et de fichiers GLB, un éclairage RGB, des écrans mats ou brillants ; un budget de rendu avec fusion des maillages et un mode qualité pour les téléphones.
  • Bureau et pièce : bureaux paramétriques (droits, avec découpe, en L), position du bureau dans la pièce, mobilier, fenêtre, décoration et six préréglages d’intérieur.
  • Moteur de règles : placement, ergonomie et compatibilité des fixations (VESA, charge, pince) avec avertissements et corrections en un clic ; dispositions pour un à trois écrans ; bras et supports ; un mode cotes.
  • Catalogue et vente : une API de catalogue avec administration, import et OpenAPI ; 38 vrais produits de démonstration avec photos dans 14 catégories ; variantes, remises et ruptures de stock ; suggestions de produits compatibles et « what’s missing » ; l’ensemble du poste ajouté au panier en un clic.
  • Intégration dans une boutique : un script de chargement de moins de 10 Ko compressé en gzip, un mode d’intégration avec CSP frame-ancestors et une boutique de démonstration, un widget compact pour les pages produits.
  • Configurations : enregistrement par lien court, nommage, « My setups », une page de partage avec aperçu Open Graph, export en PNG et PDF ; annuler et rétablir.
  • Analytics : un plan d’événements, collecte et entonnoir, transmission vers GA4 et Meta Pixel avec consentement, attribution des commandes et panier moyen.
  • Sécurité : conteneurs qui ne tournent pas en root, limites de taille des requêtes, limitation de débit compatible IPv6, origines autorisées pour l’intégration.
  • Architecture : onze architecture decision records, dont un benchmark des moteurs de rendu avant d’en choisir un.

Résultat

Le configurateur, le catalogue, l’intégration et l’analytics sont terminés et couverts par des tests ; Shopify est la première intégration de boutique prévue. Mesures : 60 photos de produits sont passées de 18,8 Mo à 124,5 Ko en miniatures ; le chargement différé du cadre d’intégration a retiré 35–40 ms au LCP ; les préréglages d’intérieur changent en moins de 135 ms.

Captures d’écran