Comment créer un design d'attestation personnalisé (sans graphiste)

La plupart des plateformes d'attestations vous proposent une liste de modèles parmi lesquels choisir et des options de personnalisation limitées — changer la couleur, ajouter un logo, et c'est à peu près tout. Le résultat est des attestations qui ressemblent à celles de cette plateforme, pas à celles de votre organisation. Pour explorer toutes les capacités d'outils de conception d'accréditations disponibles, consultez notre page fonctionnalités.

Le Studio de conception de CertLister est différent. C'est un éditeur de toile complet — faites glisser du texte, des images, des formes et des champs n'importe où sur la page, définissez des polices et des couleurs personnalisées, et téléversez vos propres images d'arrière-plan. Le résultat est une attestation qui ressemble exactement à ce que vous souhaitez, et non à une version modifiée du modèle de quelqu'un d'autre.

Ce guide explique comment créer un design d'attestation depuis zéro, même sans formation en design.

Démarrer un nouveau design

Allez dans Studio de conception depuis la barre latérale. Sur la liste des designs, cliquez sur Nouveau design.

Vous choisirez d'abord la taille de la toile :

• A4 Paysage (par défaut) — format d'attestation standard, 2480×1754 px à 300 PPP. C'est le bon choix pour la plupart des certificats de formation, dossiers de conformité et attestations professionnelles. Avant de choisir, réfléchissez au format : badge numérique ou accréditation PDF, chaque option a ses avantages.
• Carte portefeuille (Pro) — format carte de crédit, recto-verso, conçu pour l'impression de carte physique ou l'utilisation dans un portefeuille numérique.

Pour la plupart des organisations qui commencent, A4 Paysage est le bon choix.

Création de l'arrière-plan

L'arrière-plan est le fondement de l'attestation. Vous avez deux chemins :

Utiliser un modèle prédéfini. Cliquez sur Modèles dans la barre latérale gauche. CertLister inclut une bibliothèque de designs d'arrière-plan dans plusieurs styles visuels — style parchemin classique, minimal moderne, remplissages de couleur de marque, et plus encore. Sélectionner un modèle applique immédiatement l'arrière-plan. Vous pouvez tout personnaliser par-dessus.

Téléverser votre propre image d'arrière-plan. Si votre organisation possède déjà un design d'attestation (créé avec Canva, Illustrator ou par un graphiste), exportez-le en JPG à 2480×1754 px et téléversez-le via Arrière-plan → Téléverser une image. Votre design existant devient l'arrière-plan de la toile, et vous placez les champs dynamiques (nom du destinataire, date d'émission, numéro d'attestation) par-dessus à l'aide de l'éditeur.

Le chemin du téléversement est le moyen le plus rapide d'obtenir une correspondance pixel parfaite avec votre marque si vous avez des designs d'attestation existants.

Ajout de champs dynamiques

Les champs dynamiques sont des espaces réservés qui se remplissent avec les données réelles lors de la génération d'une attestation. Ils permettent à un seul modèle de produire des milliers d'attestations personnalisées.

Pour ajouter un champ dynamique :

1. Cliquez sur Ajouter un élément → Champ de texte
2. Cliquez sur le sélecteur de type de champ et choisissez parmi les champs disponibles : Nom du destinataire, Titre de l'attestation, Date d'émission, Date d'expiration, Numéro d'attestation, Nom de la catégorie ou tout attribut personnalisé que vous avez configuré pour la catégorie
3. Positionnez le champ sur la toile en le faisant glisser à l'emplacement souhaité
4. Stylisez-le : famille de police, taille de police, couleur, alignement, gras/italique

Le Nom du destinataire est le champ le plus important à bien configurer. Définissez-le avec une police grande et proéminente — c'est l'élément que les destinataires regardent en premier. Utilisez une police avec empattements pour les attestations traditionnelles, un sans-serif épuré pour les designs modernes.

Pour le placement : le nom du destinataire se trouve généralement au centre de l'attestation, sous le titre. La date d'émission et la date d'expiration vont près du bas. Le numéro d'attestation va en bas à droite ou comme petit élément près du code QR.

Ajout d'éléments statiques

Les éléments statiques apparaissent sur chaque attestation générée à partir de ce modèle — ils ne changent pas par destinataire.

Nom et logo de votre organisation. Ajoutez votre logo via Ajouter un élément → Image, téléversez le fichier et positionnez-le dans la zone d'en-tête. Pour les noms d'organisation en texte, utilisez un élément Texte et saisissez directement le nom de votre organisation.

Titre de l'attestation. Si toutes les attestations de ce modèle ont le même titre (p. ex., « Certificat de réussite — Formation SIMDUT »), ajoutez-le comme élément de texte statique. Si le titre varie par destinataire, utilisez plutôt le champ dynamique Titre de l'attestation.

Éléments décoratifs. Les lignes, bordures, formes et éléments d'accent sont tous disponibles sous Ajouter un élément → Forme. Ils ajoutent une structure visuelle à l'attestation — une règle horizontale entre l'en-tête et le corps, un cadre de bordure autour de l'attestation, des éléments d'icônes dans les coins.

Ligne de signature de l'émetteur. De nombreuses organisations incluent une image de signature (scannée d'une signature réelle) et une ligne de nom/titre en dessous. Téléversez la signature en PNG avec un fond transparent, positionnez-la en bas à gauche et ajoutez un élément de texte statique avec le nom et le titre du signataire en dessous.

Ajout du code QR

Le code QR renvoie à la page de vérification publique de chaque attestation individuelle. Ajoutez-le via Ajouter un élément → Code QR. Positionnez-le dans l'un des coins inférieurs — en bas à droite est le placement le plus courant.

Dimensionnez le code QR suffisamment grand pour être scannable facilement depuis une attestation imprimée. 200×200 px sur la toile est un minimum raisonnable ; plus grand est plus sûr.

Le code QR est dynamique — chaque attestation générée obtient un code QR unique pointant vers l'URL de vérification de cette attestation spécifique. Vous n'avez rien à configurer au-delà de son placement.

Aperçu et test

Avant d'enregistrer le modèle, cliquez sur Aperçu pour voir à quoi ressemblera une attestation générée avec les données d'exemple remplies. L'aperçu remplace les espaces réservés de champ par des exemples de valeurs afin que vous puissiez vérifier la typographie, l'alignement et l'espacement avec un contenu réaliste.

Problèmes courants à vérifier dans l'aperçu :

• Les noms de destinataires longs qui débordent des champs de texte — augmentez la largeur du champ ou réduisez la taille de police
• Les formats de date — vérifiez qu'ils s'affichent dans votre format préféré
• La position du code QR — assurez-vous qu'il ne chevauche pas d'autres éléments

Une fois l'aperçu satisfaisant, cliquez sur Enregistrer. Le modèle est maintenant disponible pour être assigné à une catégorie.

Attribution du modèle à une catégorie

Un modèle d'attestation ne génère des PDF que lorsqu'il est associé à une catégorie. Dans CertLister, chaque catégorie peut avoir un ou plusieurs designs d'attestation, et vous choisissez quel design utiliser au moment de la génération (ou définissez-en un par défaut).

Pour attribuer :

1. Allez dans Catégories et ouvrez la catégorie pour laquelle vous souhaitez utiliser le design
2. Sous Design d'attestation, sélectionnez le design que vous venez de créer
3. Enregistrez les paramètres de la catégorie

Maintenant, lorsque vous émettez des attestations dans cette catégorie — individuellement, via importation ou via génération en masse — CertLister utilise votre modèle personnalisé pour chaque PDF généré.

Conseils pour de meilleures attestations

Utilisez une palette de deux couleurs. Choisissez la couleur principale de la marque de votre organisation et une couleur neutre (blanc, gris clair ou crème). Utilisez la couleur de marque pour les en-têtes et les éléments d'accent ; gardez le corps épuré. Les designs multicolores chargés semblent peu professionnels.

Marges généreuses. Les attestations avec le contenu poussé vers les bords semblent à l'étroit. Laissez au moins 60 à 80 px d'espace clair autour du périmètre.

Faites du nom du destinataire le plus grand élément de texte. L'attestation concerne le destinataire. Son nom doit être le point focal visuel, pas le logo de l'organisation émettrice.

Testez à la taille d'impression réelle. Si les destinataires impriment l'attestation, imprimez un exemplaire de test sur papier A4 avant de finaliser. Le texte qui semble correct sur écran peut devenir illisible à l'impression.

Utilisez le PDF, pas une capture d'écran. L'attestation finale est un PDF généré, pas une capture d'écran de la toile. La sortie PDF est de meilleure qualité que l'aperçu de la toile — évaluez le design final à partir d'un PDF téléchargé, pas de l'aperçu de l'éditeur.

Le Studio de conception est conçu pour les non-graphistes. Vous n'avez pas besoin de compétences en Figma ni d'expérience en design graphique — vous avez besoin d'une idée claire de ce à quoi devraient ressembler les attestations de votre organisation, et de la patience d'itérer quelques fois jusqu'à ce que l'aperçu soit satisfaisant. La plupart des organisations arrivent à un design avec lequel elles sont satisfaites en moins d'une heure. Une fois votre design finalisé, consultez notre guide sur l'émission d'accréditations vérifiables pour les distribuer efficacement.