# UKP — Design Visuel LinkedIn pour les Professions B2B et Réglementées > Source : NotebookLM "Design-LinkedIn" — fusion Fast (10 sources, 2026-06-05) + Deep Research (56 sources, 2026-06-21) > Lien notebook : https://notebooklm.google.com/notebook/fcb941af-d52c-4d48-a836-1cbd457ba0df > Agents consommateurs : 21 (Design System), 31 (Graphiste) --- ## AXE 1 — SPÉCIFICATIONS TECHNIQUES LINKEDIN 2026 L'algorithme 2026 privilégie le format **Portrait** : +15 à 20 % d'impressions vs carré sur mobile. 57 à 70 % de la consommation LinkedIn se fait sur mobile — concevoir mobile-first. ### Dimensions et poids par format | Format | Dimensions optimales | Ratio | Format fichier | Poids max | |:---|:---|:---|:---|:---| | **Photo de profil** | 400 × 400 px (min 300 × 300) | 1:1 | PNG | 8 Mo | | **Bannière personnelle** | 1584 × 396 px | 4:1 | PNG-24 | 8 Mo | | **Bannière entreprise** | 4200 × 700 px (upload recommandé) | 6:1 | PNG / JPG | 3 Mo | | **Post image unique** | 1080 × 1350 px | 4:5 | PNG / JPG | 10 Mo | | **Carrousel (Document)** | 1080 × 1350 px | 4:5 | **PDF exclusivement** | 100 Mo (cible : 1–5 Mo) | | **Vidéo native** | 1080 × 1350 px (vertical) | 4:5 | MP4 / MOV | 5 Go | | **Cover article** | 1920 × 1080 px | 16:9 | PNG / JPG | 10 Mo | | **Cover newsletter** | 744 × 400 px | ~1,86:1 | PNG / JPG | 10 Mo | ### Safe zones - **Carrousels** : marge d'exclusion de **80 px** sur les 4 bords (certaines sources recommandent 150 px) — les boutons LinkedIn (J'aime, compteur de pages) empiètent sur les bords - **Bannière personnelle** : la photo de profil chevauche le coin inférieur gauche (~200 × 200 px desktop, jusqu'à 250 × 250 px mobile). Zone de sécurité réelle pour le texte : **rectangle central 1260 × 240 px** - **Mobile** : LinkedIn recadre les bannières de manière centrée, coupant ~15 % des bords haut/bas et latéraux — toujours tester sur smartphone avant publication ### Spécifications PDF carrousels - **Résolution** : concevoir à **300 DPI** pour éviter le flou de re-compression - **Colorimétrie** : exporter en **sRGB** exclusivement — le CMJN provoque des dérives de teintes sur écran - **Poids cible** : 1 à 5 Mo pour un chargement instantané - **Canva** : utiliser "PDF pour impression" (pas "PDF Standard") ou désactiver "Conserver les fonctions d'édition" - **Figma** : vectoriser les textes ("Outline text") avant export pour éviter les polices de substitution - **Liens hypertextes** dans un PDF LinkedIn : non cliquables une fois publiés → les placer dans le post ou en commentaire --- ## AXE 2 — CODES VISUELS B2B POUR PROFESSIONS RÉGLEMENTÉES 90 % du jugement subconscient d'un prospect est basé sur la couleur seule. Le design doit signaler la **crédibilité**, la **confiance** et l'**autorité** — pas impressionner visuellement. ### Palettes de couleurs par profession (valeurs hex) | Profession | Couleur dominante (60 %) | Impact psychologique | Accent recommandé (10 %) | |:---|:---|:---|:---| | **Finance / CGP** | Bleu institutionnel `#103766` | Sécurité, calme, conformité | Or mat `#D4AF37` | | **Avocats / Droit** | Gris anthracite `#242C34` | Rigueur, neutralité | Pourpre royal `#3949AB` | | **Comptables / Audit** | Vert de croissance `#2E865F` | Prospérité, éthique ESG | Gris perle `#CCCCCC` | | **Notaires** | Brun terre `#8D6E63` | Tradition, sagesse acquise | Beige `#F5F5F5` | | **Médecins / Santé** | Sarcelle `#004D40` | Innovation éthique, soin | Blanc pur `#FFFFFF` | **Règle du 60/30/10 :** - 60 % couleur de fond - 30 % couleur de texte primaire - 10 % couleur d'accent (CTA, chiffres clés) Fond sombre + texte off-white : stratégie efficace pour se démarquer de l'interface blanche LinkedIn. ### Accessibilité et lisibilité (WCAG) - Ratio de contraste minimum : **4,5:1** pour le texte standard, **3:1** pour le texte large (> 24 px) - Éviter le noir pur `#000000` → préférer `#1A1A1A` (aspect premium, moins fatigant) - Sur fonds sombres : off-white `#F0F0F8` plutôt que blanc pur → réduit la fatigue oculaire ### Typographies professionnelles (Google / Adobe Fonts) **Règle : 2 polices maximum** — une Display pour les titres, une sans-serif pour le corps. | Rôle | Polices recommandées | |:---|:---| | **Titres (autorité)** | Montserrat Bold, Bebas Neue, Space Grotesk, Playfair Display (citations) | | **Corps (clarté)** | Inter (étalon-or — distingue I, l, 1), Manrope, Plus Jakarta Sans, DM Sans | --- ## AXE 3 — CARROUSELS HAUTE PERFORMANCE En 2026 : **3,4× plus de portée** et **2,1× plus d'engagement** que les images simples sur LinkedIn. ### Structure optimale - **7 slides** = chiffre d'or, +18 % de performance - Plage d'efficacité maximale : **6 à 10 slides** - Au-delà de 12 slides : taux de complétion chute de 40 % ### Rôle de chaque slide | Slide | Rôle | Contenu | |:---|:---|:---| | **Slide 1 (Hook)** | Arrêter le scroll en < 50 ms | Chiffre fort ou promesse contre-intuitive | | **Slide 2 (Ancrage)** | Valider la promesse | Problème concret reconnu par le lecteur | | **Slides 3–5 (Corps)** | Développer | 1 seule idée par slide, 30 à 80 mots max | | **Slide 6 (Synthèse)** | Récapituler la valeur ajoutée | Avant l'appel à l'action | | **Slide 7 (CTA)** | Un seul appel à l'action | Enregistrer = signal d'autorité maximal | ### Mise en page et dwell time - **Bottom-aligned** : texte en bas, visuel en haut (trajet naturel de l'œil) - **Split layout** : texte à gauche, chiffre/graphique à droite → augmente le temps de traitement de l'information - **Cliffhangers visuels** : éléments graphiques (flèches, barres) se prolongeant sur la slide suivante - **Numérotation** "3/7", "4/7" : gamifie la complétion, donne envie de finir ### Hiérarchie typographique — Système 3 Tiers | Tier | Rôle | Taille | Style | |:---|:---|:---|:---| | **Tier 1** | Hook / Titre principal | 80–120 px | Gras / Extra-Bold | | **Tier 2** | Sous-titre / Corps | 32–45 px minimum | Regular / Medium | | **Tier 3** | CTA / Légendes | 24–36 px | Light ou Regular | **Ratio titre/corps : 2:1 minimum** — en dessous, la hiérarchie s'effondre sur mobile. --- ## AXE 4 — TEMPLATES ET SYSTÈMES VISUELS ### Structure d'un design system LinkedIn minimal viable 1. **Palette** : 1 primaire + 1 secondaire + 1 accent + 2 neutres (clair + foncé) — toutes en hex 2. **Typographie** : 1 Display (titres) + 1 sans-serif (corps) — Google Fonts en priorité 3. **Règle 60/30/10** appliquée systématiquement 4. **Tokens fixes** : emplacement logo/nom constant, style titres, style chiffres clés, style CTA 5. **Grille d'espacement** : zone de sécurité de 150 px sur les 4 côtés ### Template JSON — exemple Finance/CGP ```json { "brand_voice": "Authoritative, Professional", "visual_tokens": { "colors": { "primary": "#103766", "surface": "#F5F5F5", "accent": "#D4AF37" }, "typography": { "headlines": "Montserrat Bold", "body": "Inter Regular" }, "spacing": { "safe_zone": "150px" }, "radius": "8px" } } ``` ### Déclinaison par niche | Niche | Palette | Ton visuel | |:---|:---|:---| | **Finance patrimoniale (CGP)** | Navy `#103766` + or `#D4AF37` | Sobre, premium, autorité | | **Droit (avocats, notaires)** | Anthracite `#242C34` + blanc | Institutionnel humanisé | | **Comptabilité (EC)** | Vert `#2E865F` + gris ardoise | Sérieux, accessible | ### Canva vs Figma | Outil | Usage | Avantage | Risque | |:---|:---|:---|:---| | **Canva** | Production rapide, autonomie dirigeant | 2–3h de production | Templates non personnalisés = look générique | | **Figma** | Systèmes complexes, production agence | < 15 min/carrousel une fois le système établi | Courbe d'apprentissage | **Règle Canva** : changer au minimum couleurs, polices et structure de chaque template — un template brut = identité générique qui décrédibilise l'expert. ### Bannière LinkedIn — 3 éléments obligatoires 1. **Proposition de valeur** : quelle solution apportez-vous ? (une ligne) 2. **Preuve sociale** : logos clients, certifications, récompenses 3. **Appel à l'action visuel** : pointer vers le bouton "Lien" ou "Suivre" du profil --- ## AXE 5 — ERREURS ET DIAGNOSTICS ### Top 10 des erreurs fatales | # | Erreur | Cause | Correction | |:---|:---|:---|:---| | 1 | **Text walls** | > 80 mots par slide | 1 idée = 1 slide, couper sans pitié | | 2 | **Texte masqué** | Photo profil sur coin bas-gauche | Zone de sécurité 150 px | | 3 | **Manque de contraste** | Texte gris sur fond blanc | Ratio ≥ 4,5:1 obligatoire | | 4 | **Photos stock génériques** | Poignées de main, gratte-ciel | Photos réelles ou illustration éditoriale | | 5 | **Bannière illisible** | Texte trop petit (< 48 px source) ou coupé mobile | Texte sur les 2/3 droits, test mobile obligatoire | | 6 | **Instabilité graphique** | Style ou logo qui change à chaque slide | Design system fixe + tokens | | 7 | **Liens dans le PDF** | Non cliquables sur LinkedIn | Liens dans le post ou en commentaire | | 8 | **Export basse qualité** | DPI insuffisant (export Standard au lieu de Haute Résolution) | Export PDF Haute Qualité, 300 DPI, sRGB | | 9 | **CTAs multiples** | Liker + commenter + s'abonner | 1 seul CTA par carrousel | | 10 | **Slides mixtes** | Portrait et carré dans un même PDF | Format unique dans tout le document | ### Erreurs spécifiques aux professions réglementées - **Trop institutionnel** : design identique à une plaquette commerciale → froid, sans engagement - **Trop corporate** : logos partout, couleurs institutionnelles sans personnalité → confondu avec une page entreprise - L'équilibre à viser : **autorité + humanité** — le design signale l'expertise ET la personne derrière ### Table de diagnostic | Symptôme | Cause probable | Correction | |:---|:---|:---| | Faible engagement initial | Slide 1 sans stopping power | Chiffre rond ou promesse contre-intuitive, titre > 80 px | | Abandon à la slide 2 | Transition trop abrupte ou texte dense | Promettre la solution immédiatement (micro-win) | | Faible taux de complétion | Trop de slides (> 12) ou incohérence | 7 slides, titre au même emplacement | | Flou sur écran Retina | Export JPG basse qualité | PDF Haute Qualité, sRGB, 300 DPI | | CTR faible | Manque de contraste | Ratio titre/corps à 2:1 minimum | ### Checklist avant publication - [ ] Format PDF portrait 1080 × 1350 px - [ ] Marges de 80–150 px respectées sur les 4 côtés - [ ] Titres ≥ 80 px, corps ≥ 32 px (lisible sans zoom) - [ ] 1 seule idée forte et ≤ 80 mots par slide - [ ] 2 polices et 3 couleurs maximum (règle 60/30/10) - [ ] Contraste ≥ 4,5:1 validé - [ ] 1 seul CTA clair en slide finale - [ ] Export PDF Haute Qualité, sRGB, 300 DPI - [ ] Poids du fichier ≤ 5 Mo - [ ] Test de rendu effectué sur smartphone réel --- ## RÈGLE TRANSVERSALE > Pour les professions réglementées, le design est un **amplificateur de crédibilité**, pas une fin en soi. Un carrousel sobre, lisible et cohérent convertit mieux qu'un carrousel "créatif" mais confus. Si votre design attire plus d'attention que votre contenu, c'est un problème.