Pl. 10 / 13Étude de cas
Application web qui affiche en 3D un imprimé à partir d’un PDF ou d’une image : plis, feuilletage, partage au client.
J'ai développé un outil en ligne destiné aux graphistes print, le but du projet était de visualiser et envoyer au client une Prévisualisation 3D du produit print (carte de visite, flyer, dépliants) en indiquant les paramètres comme les plis, le formats etc.
Un PDF à plat ne montre ni l’ordre des volets, ni l’effet d’un pli, ni l’épaisseur d’un livret. Il fallait un aperçu que le client puisse manipuler lui-même.
J’ai défini le périmètre : huit types d’imprimés, des formats normalisés ou libres, le grammage et la finition du papier, une interface en français.
Avec Three.js, un dépliant devient une planche ouverte découpée en volets articulés qui se plient à l’écran. pdf.js lit les PDF directement dans le navigateur.
Le bouton de partage génère un fichier HTML autonome en lecture seule. Le client pivote, plie et feuillette sans pouvoir rien modifier.
J’ai testé un livret de 18 pages. Des artefacts à la pliure, puis un chevauchement des pages, sont apparus. Ils ont été corrigés en plusieurs passes.
J’ai comparé l’outil aux services existants (générateurs de mockups, modules web-to-print, outils de validation) et esquissé un service par abonnement.
J’ai ramené l’épaisseur des pages d’un livret près de sa valeur réelle plutôt que de l’exagérer, parce que l’exagération (×3) surélevait la pile de droite et faisait chevaucher les pages à la pliure. Les dépliants gardent une épaisseur accentuée, plus lisible à l’écran.
J’ai choisi de lire et d’afficher les fichiers dans le navigateur plutôt que sur un serveur, parce qu’un prototype n’a pas besoin de backend et que les créations restent sur le poste du graphiste. Le prix à payer : pas de lien de partage hébergé.
J’ai choisi un fichier HTML autonome plutôt qu’un lien hébergé pour le partage client, parce que cela valide l’usage sans serveur ni compte. Limite connue : le fichier s’alourdit avec un PDF multipage.
Un test sur un vrai PDF a révélé en quelques minutes des défauts que les gabarits de démonstration cachaient. Le fond perdu n’est pas encore rogné, l’aperçu affiche toute la page du PDF : c’est le premier point à traiter, car un professionnel du pré-presse le voit tout de suite. Je m’en sers régulièrement pour mes projets print en indépendant, et il me convient. Aucun client ne l’a encore essayé : avant d’aller plus loin, je vérifierais le besoin auprès de graphistes, car des outils gratuits couvrent déjà l’aperçu de dépliants.
Couleurs relevées sur les visuels du projet.