{"id":999297,"date":"2026-06-05T11:34:04","date_gmt":"2026-06-05T11:34:04","guid":{"rendered":"https:\/\/comhit.agency\/?p=999297"},"modified":"2026-06-07T21:14:10","modified_gmt":"2026-06-07T21:14:10","slug":"brochure-b2b-au-salon-ce-que-le-visiteur-garde-et-pourquoi","status":"publish","type":"post","link":"https:\/\/comhit.agency\/en\/brochure-b2b-au-salon-ce-que-le-visiteur-garde-et-pourquoi\/","title":{"rendered":"B2B brochure at the show: what visitors keep and why"},"content":{"rendered":"\n<style>\n:root {\n  --bg: #040404;\n  --white: #FFFFFF;\n  --gray-light: #C0C0C0;\n  --gray: #8A8A8A;\n  --gray-dark: #444444;\n  --accent: #F5580E;\n  --accent-hover: #FF6312;\n  --border: #2A2A2A;\n  --card-bg: #0D0D0D;\n  --font-display: 'Funnel Display', sans-serif;\n  --font: 'Manrope', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.article-wrap {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 60px 40px 100px;\n  font-family: var(--font);\n  color: var(--white);\n  background: var(--bg);\n}\n\n\/* \u2500\u2500 Base typography \u2500\u2500 *\/\n.article-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent);\n  margin-bottom: 16px; display: block; font-family: var(--font);\n}\n.article-title {\n  font-size: clamp(28px, 4vw, 44px); font-weight: 800;\n  color: var(--white); line-height: 1.15; margin-bottom: 24px;\n  font-family: var(--font-display);\n}\n.article-intro {\n  font-size: 17px; color: var(--gray-light); line-height: 1.8;\n  border-left: 3px solid var(--accent); padding-left: 20px;\n  margin-bottom: 48px; font-family: var(--font);\n}\n.article-wrap h2 {\n  font-size: 22px; font-weight: 800; color: var(--white);\n  margin: 56px 0 20px; display: flex; align-items: center; gap: 10px;\n  font-family: var(--font-display);\n}\n.article-wrap h2 .icon { font-size: 20px; }\n.article-wrap h3 {\n  font-size: 15px; font-weight: 700; color: var(--accent);\n  margin: 24px 0 8px; font-family: var(--font-display);\n}\n.article-wrap p {\n  font-size: 16px; color: var(--gray-light);\n  line-height: 1.75; margin-bottom: 16px; font-family: var(--font);\n}\n\n\/* \u2500\u2500 INFOGRAPHIC 1 \u2014 Timeline cycle de vie \u2500\u2500 *\/\n.ig-timeline {\n  margin: 40px 0 8px; position: relative;\n  border: 1px solid var(--border); border-radius: 20px;\n  background: var(--card-bg); padding: 36px 28px 32px; overflow: hidden;\n}\n.ig-timeline::before {\n  content: ''; position: absolute; top: -60px; right: -60px;\n  width: 260px; height: 260px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(245,88,14,0.06) 0%, transparent 70%);\n  pointer-events: none;\n}\n.ig-tl-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 6px;\n  display: block; font-family: var(--font);\n}\n.ig-tl-title {\n  font-size: 16px; font-weight: 800; color: var(--white);\n  margin-bottom: 32px; font-family: var(--font-display);\n}\n.ig-tl-steps {\n  display: grid; grid-template-columns: repeat(5, 1fr);\n  gap: 0; position: relative;\n}\n.ig-tl-steps::before {\n  content: ''; position: absolute; top: 28px; left: 10%;\n  width: 80%; height: 2px;\n  background: linear-gradient(90deg, var(--accent) 0%, rgba(245,88,14,0.15) 100%);\n  z-index: 0;\n}\n.ig-tl-step {\n  display: flex; flex-direction: column; align-items: center;\n  text-align: center; position: relative; z-index: 1;\n  cursor: pointer; padding: 0 6px;\n}\n.ig-tl-dot {\n  width: 56px; height: 56px; border-radius: 50%;\n  border: 2px solid var(--border); background: var(--bg);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 22px; margin-bottom: 14px; transition: all 0.25s ease;\n  position: relative; z-index: 2;\n}\n.ig-tl-step:hover .ig-tl-dot,\n.ig-tl-step.ig-active .ig-tl-dot {\n  border-color: var(--accent);\n  background: rgba(245,88,14,0.12);\n  transform: scale(1.12);\n  box-shadow: 0 0 0 6px rgba(245,88,14,0.08);\n}\n.ig-tl-label {\n  font-size: 12px; font-weight: 700; color: var(--white);\n  font-family: var(--font-display); margin-bottom: 4px; line-height: 1.2;\n}\n.ig-tl-sub {\n  font-size: 11px; color: var(--gray); font-family: var(--font); line-height: 1.3;\n}\n.ig-tl-step.ig-active .ig-tl-label { color: var(--accent); }\n.ig-tl-detail {\n  margin-top: 24px; padding: 16px 20px;\n  background: rgba(245,88,14,0.06); border-left: 2px solid var(--accent);\n  border-radius: 8px; display: none;\n  font-size: 14px; color: var(--gray-light); line-height: 1.65; font-family: var(--font);\n}\n.ig-tl-detail.visible { display: block; }\n.ig-tl-detail strong { color: var(--white); }\n\n\/* \u2500\u2500 INFOGRAPHIC 2 \u2014 Comparateur survive\/\u00e9limin\u00e9 \u2500\u2500 *\/\n.ig-compare {\n  margin: 32px 0; border: 1px solid var(--border);\n  border-radius: 20px; overflow: hidden; background: var(--card-bg);\n}\n.ig-compare-header {\n  display: grid; grid-template-columns: 1fr 1fr;\n  border-bottom: 1px solid var(--border);\n}\n.ig-compare-col-head {\n  padding: 16px 20px; text-align: center;\n  font-size: 12px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.1em; font-family: var(--font);\n}\n.ig-compare-col-head.survive {\n  color: var(--accent); border-right: 1px solid var(--border);\n  background: rgba(245,88,14,0.06);\n}\n.ig-compare-col-head.elimine { color: var(--gray-light); }\n.ig-compare-rows { display: flex; flex-direction: column; }\n.ig-compare-row {\n  display: grid; grid-template-columns: 1fr 1fr;\n  border-bottom: 1px solid var(--border); cursor: pointer;\n  transition: background 0.15s;\n}\n.ig-compare-row:last-child { border-bottom: none; }\n.ig-compare-row:hover { background: rgba(255,255,255,0.02); }\n.ig-compare-row.ig-row-open { background: rgba(245,88,14,0.04); }\n.ig-compare-cell {\n  padding: 16px 20px; position: relative;\n}\n.ig-compare-cell.left { border-right: 1px solid var(--border); }\n.ig-compare-zone {\n  font-size: 10px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.1em; color: var(--accent); margin-bottom: 5px;\n  display: block; font-family: var(--font);\n}\n.ig-compare-text {\n  font-size: 13px; color: var(--gray-light); line-height: 1.5; font-family: var(--font);\n}\n.ig-compare-text.bad { color: var(--gray); text-decoration: line-through; text-decoration-color: rgba(255,255,255,0.15); }\n.ig-compare-impact {\n  display: none; margin-top: 10px; padding-top: 10px;\n  border-top: 1px solid var(--border);\n}\n.ig-compare-row.ig-row-open .ig-compare-impact { display: block; }\n.ig-impact-bar-wrap {\n  display: flex; align-items: center; gap: 10px; margin-top: 6px;\n}\n.ig-impact-label {\n  font-size: 11px; color: var(--accent); font-weight: 700;\n  font-family: var(--font); white-space: nowrap;\n}\n.ig-impact-track {\n  flex: 1; height: 5px; background: var(--border);\n  border-radius: 3px; overflow: hidden;\n}\n.ig-impact-fill {\n  height: 100%; background: var(--accent); border-radius: 3px;\n  width: 0; transition: width 0.5s ease;\n}\n.ig-impact-note {\n  font-size: 12px; color: var(--gray-light); font-family: var(--font);\n  line-height: 1.5; margin-top: 6px;\n}\n\n\/* \u2500\u2500 INFOGRAPHIC 2 \u2014 Mobile \u2500\u2500 *\/\n@media (max-width: 640px) {\n  .ig-compare-header { grid-template-columns: 1fr; }\n  .ig-compare-col-head.survive { border-right: none; border-bottom: 1px solid var(--border); }\n  .ig-compare-row { grid-template-columns: 1fr; }\n  .ig-compare-cell.left { border-right: none; border-bottom: 1px solid var(--border); }\n}\n\n\/* \u2500\u2500 INFOGRAPHIC 1 \u2014 Mobile \u2500\u2500 *\/\n@media (max-width: 640px) {\n  .ig-tl-steps { grid-template-columns: 1fr 1fr; gap: 20px; }\n  .ig-tl-steps::before { display: none; }\n}\n.key-numbers {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 16px; margin: 8px 0 48px;\n}\n.kn-card {\n  border: 1px solid var(--border); border-radius: 16px;\n  padding: 28px 20px; text-align: center; background: var(--card-bg);\n}\n.kn-value {\n  font-size: 32px; font-weight: 800; color: var(--white);\n  margin-bottom: 6px; font-family: var(--font-display); line-height: 1;\n}\n.kn-value span { color: var(--accent); }\n.kn-label { font-size: 12px; color: var(--gray-light); font-weight: 500; line-height: 1.45; font-family: var(--font); }\n\n\/* \u2500\u2500 Callout \u2500\u2500 *\/\n.callout {\n  border-radius: 12px; padding: 20px 24px; margin: 24px 0;\n  display: flex; gap: 14px; align-items: flex-start;\n}\n.callout-orange { background: rgba(245,88,14,0.08); border-left: 3px solid var(--accent); }\n.callout-neutral { background: rgba(255,255,255,0.04); border-left: 3px solid var(--gray-dark); }\n.callout-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }\n.callout-text { font-size: 15px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n.callout-text strong { color: var(--white); }\n\n\/* \u2500\u2500 Icon feature cards (2-col grid) \u2500\u2500 *\/\n.feat-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 16px; margin: 24px 0 8px;\n}\n.feat-card {\n  border: 1px solid var(--border); border-radius: 16px;\n  padding: 24px 20px 20px; background: var(--card-bg);\n  position: relative;\n}\n.feat-card-icon {\n  font-size: 24px; position: absolute; top: 20px; right: 20px; line-height: 1;\n}\n.feat-card-label {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.12em; color: var(--accent); margin-bottom: 10px;\n  display: block; font-family: var(--font);\n}\n.feat-card-title {\n  font-size: 15px; font-weight: 700; color: var(--white);\n  margin-bottom: 8px; padding-right: 32px; font-family: var(--font-display);\n}\n.feat-card-desc {\n  font-size: 14px; color: var(--gray-light); line-height: 1.65; font-family: var(--font);\n}\n\n\/* \u2500\u2500 Interactive tabs (criteria section) \u2500\u2500 *\/\n.tabs-wrap { margin: 24px 0 40px; }\n.tabs-nav {\n  display: flex; gap: 0; border: 1px solid var(--border);\n  border-radius: 12px; overflow: hidden; margin-bottom: 0;\n}\n.tab-btn {\n  flex: 1; padding: 12px 8px; background: var(--card-bg); border: none;\n  border-right: 1px solid var(--border); cursor: pointer;\n  font-family: var(--font); font-size: 13px; font-weight: 600;\n  color: var(--gray); transition: background 0.2s, color 0.2s;\n  text-align: center; line-height: 1.3;\n}\n.tab-btn:last-child { border-right: none; }\n.tab-btn.active { background: rgba(245,88,14,0.10); color: var(--accent); }\n.tab-btn:hover:not(.active) { background: #141414; color: var(--gray-light); }\n.tab-panel {\n  display: none; border: 1px solid var(--border); border-top: none;\n  border-radius: 0 0 12px 12px; padding: 28px 24px;\n  background: var(--card-bg);\n}\n.tab-panel.active { display: block; }\n.tab-panel-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 10px;\n  display: block; font-family: var(--font);\n}\n.tab-panel-title {\n  font-size: 17px; font-weight: 800; color: var(--white);\n  margin-bottom: 12px; font-family: var(--font-display);\n}\n.tab-panel-body {\n  font-size: 15px; color: var(--gray-light); line-height: 1.7; font-family: var(--font);\n}\n.tab-panel-body strong { color: var(--white); }\n.tab-example {\n  margin-top: 14px; padding: 12px 16px;\n  background: rgba(245,88,14,0.06); border-left: 2px solid var(--accent);\n  border-radius: 6px;\n  font-size: 13px; color: var(--gray-light); font-family: var(--font); line-height: 1.6;\n}\n.tab-example strong { color: var(--accent); }\n\n\/* \u2500\u2500 Verdict cards \u2500\u2500 *\/\n.verdict-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 16px; margin: 24px 0 32px;\n}\n.verdict-card {\n  border: 1px solid rgba(255,255,255,0.07); border-radius: 16px;\n  padding: 22px 20px; background: var(--card-bg);\n  position: relative; overflow: hidden;\n}\n.verdict-num {\n  position: absolute; top: -4px; right: 12px;\n  font-size: 72px; font-weight: 800; line-height: 1;\n  font-family: var(--font-display);\n  color: rgba(245,88,14,0.10);\n  pointer-events: none; user-select: none;\n  letter-spacing: -2px;\n}\n.verdict-label {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.12em; margin-bottom: 10px; display: flex;\n  align-items: center; gap: 7px; font-family: var(--font);\n  color: var(--accent);\n}\n.verdict-dot {\n  width: 6px; height: 6px; border-radius: 50%; background: var(--accent);\n  flex-shrink: 0;\n}\n.verdict-card p {\n  font-size: 14px; color: var(--gray-light);\n  line-height: 1.65; margin-bottom: 0; font-family: var(--font);\n}\n\n\/* \u2500\u2500 Anatomy table \u2500\u2500 *\/\n.table-wrap {\n  overflow-x: auto; margin: 20px 0 32px;\n  border-radius: 16px; border: 1px solid var(--border);\n}\n.article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n.article-wrap thead th {\n  background: #0f0f0f; padding: 13px 18px; text-align: left;\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.08em; color: var(--accent);\n  border-bottom: 1px solid var(--border); font-family: var(--font);\n}\n.article-wrap tbody td {\n  padding: 14px 18px; border-bottom: 1px solid #181818;\n  color: var(--gray-light); vertical-align: top; font-family: var(--font);\n}\n.article-wrap tbody tr:last-child td { border-bottom: none; }\n.article-wrap tbody tr:hover td { background: #111; }\n.td-name { font-weight: 700; color: var(--white); }\n.td-good { color: var(--accent); font-weight: 600; }\n.td-bad { color: var(--gray); font-size: 13px; }\n\n\/* \u2500\u2500 Custom fancy list \u2500\u2500 *\/\n.cmh-list {\n  list-style: none; --theme-list-indent: 0;\n  padding-inline-start: 0; margin-block-end: 0;\n  display: flex; flex-direction: column; gap: 0; margin: 20px 0;\n  border: 1px solid var(--border); border-radius: 16px; overflow: hidden;\n}\n.cmh-list li {\n  display: flex; align-items: flex-start; gap: 16px;\n  padding: 18px 20px; border-bottom: 1px solid var(--border);\n  font-family: var(--font);\n}\n.cmh-list li:last-child { border-bottom: none; }\n.li-badge {\n  flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 13px; font-weight: 800; font-family: var(--font-display);\n  margin-top: 1px;\n}\n.li-badge.good { background: rgba(245,88,14,0.14); color: var(--accent); }\n.li-badge.bad  { background: rgba(255,255,255,0.05); color: var(--gray-dark); }\n.li-content { flex: 1; }\n.li-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 3px; font-family: var(--font-display); }\n.li-desc  { font-size: 13px; color: var(--gray-light); line-height: 1.6; }\n\n\/* \u2500\u2500 Quiz \u2500\u2500 *\/\n.quiz-wrap {\n  border: 1px solid var(--border); border-radius: 16px;\n  background: var(--card-bg); padding: 32px 28px; margin: 24px 0 8px;\n  max-width: 680px;\n}\n.quiz-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 6px;\n  display: block; font-family: var(--font);\n}\n.quiz-counter {\n  font-size: 12px; color: var(--gray); margin-bottom: 20px;\n  display: block; font-family: var(--font);\n}\n.quiz-progress {\n  height: 3px; background: var(--border); border-radius: 2px;\n  margin-bottom: 24px; overflow: hidden;\n}\n.quiz-progress-bar {\n  height: 100%; background: var(--accent);\n  border-radius: 2px; transition: width 0.3s ease;\n}\n.quiz-q {\n  font-size: 17px; font-weight: 700; color: var(--white);\n  line-height: 1.45; margin-bottom: 24px; font-family: var(--font-display);\n}\n.quiz-btns { display: flex; gap: 12px; }\n.quiz-yes {\n  flex: 1; padding: 13px 20px; background: var(--accent); color: #fff;\n  border: none; border-radius: 8px; font-family: var(--font);\n  font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.2s;\n}\n.quiz-yes:hover { background: var(--accent-hover); color: #fff; }\n.quiz-no {\n  flex: 1; padding: 13px 20px; background: #fff; color: #000;\n  border: none; border-radius: 8px; font-family: var(--font);\n  font-size: 14px; font-weight: 700; cursor: pointer; transition: filter 0.2s;\n}\n.quiz-no:hover { filter: brightness(0.9); color: #000; }\n.quiz-result { display: none; }\n.quiz-result-score {\n  font-size: 40px; font-weight: 800; font-family: var(--font-display);\n  color: var(--white); margin-bottom: 4px; line-height: 1;\n}\n.quiz-result-score span { color: var(--accent); }\n.quiz-result-title {\n  font-size: 18px; font-weight: 700; color: var(--white);\n  margin-bottom: 10px; font-family: var(--font-display);\n}\n.quiz-result-text {\n  font-size: 14px; color: var(--gray-light);\n  line-height: 1.65; margin-bottom: 20px; font-family: var(--font);\n}\n.quiz-restart {\n  background: none; border: 1px solid var(--border); color: var(--gray);\n  font-family: var(--font); font-size: 13px; padding: 8px 18px;\n  border-radius: 6px; cursor: pointer; transition: border-color 0.2s, color 0.2s;\n}\n.quiz-restart:hover { border-color: var(--accent); color: var(--white); }\n\n\/* \u2500\u2500 Portfolio images \u2500\u2500 *\/\n.cmh-img-figure { margin: 36px 0; }\n.cmh-img {\n  width: 100%; max-width: 100%; height: 420px;\n  object-fit: cover; border-radius: 16px;\n  display: block; pointer-events: none;\n  border: 1px solid var(--border);\n}\n.cmh-img-caption {\n  font-size: 12px; color: var(--gray); font-family: var(--font);\n  margin-top: 10px; font-style: italic; padding-left: 2px;\n}\n\n\/* \u2500\u2500 Section divider \u2500\u2500 *\/\n.article-divider { border: none; border-top: 1px solid var(--border); margin: 48px 0; }\n\n\/* \u2500\u2500 CTA box \u2500\u2500 *\/\n.cta-box {\n  border: 1px solid var(--gray-dark); border-radius: 20px;\n  padding: 40px; text-align: center; margin-top: 64px;\n  background: var(--card-bg); position: relative; overflow: hidden;\n}\n.cta-box::before {\n  content: ''; position: absolute; top: -80px; left: 50%;\n  transform: translateX(-50%); width: 500px; height: 280px;\n  background: radial-gradient(ellipse, rgba(245,88,14,0.09) 0%, transparent 70%);\n  pointer-events: none;\n}\n.cta-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 12px;\n  display: block; font-family: var(--font);\n}\n.cta-title {\n  font-size: 22px; font-weight: 800; color: var(--white);\n  margin-bottom: 10px; font-family: var(--font-display); line-height: 1.25;\n}\n.cta-sub {\n  font-size: 15px; color: var(--gray-light);\n  margin-bottom: 28px; font-family: var(--font); line-height: 1.65;\n}\n.cta-btn {\n  display: inline-block; background: var(--accent); color: #fff;\n  font-family: var(--font); font-size: 15px; font-weight: 700;\n  padding: 14px 32px; border-radius: 8px; text-decoration: none;\n  transition: background 0.2s;\n}\n.cta-btn:hover { background: var(--accent-hover); color: #fff; }\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .article-wrap { padding: 40px 0 80px; }\n  .key-numbers { grid-template-columns: 1fr; }\n  .feat-grid { grid-template-columns: 1fr; }\n  .verdict-grid { grid-template-columns: 1fr; }\n  .tabs-nav { flex-wrap: wrap; }\n  .tab-btn { border-right: none; border-bottom: 1px solid var(--border); flex: 1 1 45%; }\n  .tab-btn:last-child { border-bottom: none; }\n  .quiz-btns { flex-direction: column; }\n  .cmh-img { height: 240px; }\n  .table-wrap { border: none; border-radius: 0; overflow: visible; }\n  .article-wrap table, .article-wrap tbody { display: block; }\n  .article-wrap thead { display: none; }\n  .article-wrap tbody { display: flex; flex-direction: column; gap: 10px; }\n  .article-wrap tbody tr { display: block; border: none; padding: 16px 0; border-bottom: 1px solid var(--border); }\n  .article-wrap tbody tr:last-child { border-bottom: none; }\n  .article-wrap tbody td { display: block; padding: 0; border: none; font-size: 14px; line-height: 1.5; }\n  .article-wrap tbody td::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-top: 12px; margin-bottom: 3px; font-family: var(--font); }\n  .article-wrap tbody td:first-child::before { margin-top: 0; }\n  .article-table { --theme-table-border-width: 0px; --theme-table-border-style: none; --theme-table-border-color: transparent; }\n  .article-table td, .article-table th { border: none !important; border-width: 0 !important; }\n  .cta-box { padding: 28px 20px; }\n  .cta-btn { display: block; text-align: center; }\n}\n@media (max-width: 500px) {\n  .article-title { font-size: 26px; }\n  .article-wrap h2 { font-size: 18px; }\n  .tabs-nav { flex-direction: column; }\n  .tab-btn { border-right: none; border-bottom: 1px solid var(--border); flex: 1; }\n}\n<\/style>\n\n<article class=\"article-wrap\">\n\n  <span class=\"article-eyebrow\">Supports commerciaux &middot; Salons B2B<\/span>\n\n  <h1 class=\"article-title\">Brochure B2B au salon&nbsp;: ce que le visiteur garde, ce qu&rsquo;il jette, et pourquoi<\/h1>\n\n  <p class=\"article-intro\">La brochure imprim\u00e9e n&rsquo;a pas disparu des salons professionnels. Elle a chang\u00e9 de r\u00f4le. Comprendre ce qui d\u00e9cide un visiteur \u00e0 la glisser dans son sac, ou \u00e0 la laisser sur le bord du stand d&rsquo;en face, permet de retravailler enti\u00e8rement sa conception. Ce n&rsquo;est pas une question de budget. C&rsquo;est une question de pertinence&nbsp;terrain.<\/p>\n\n  <!-- KEY NUMBERS -->\n  <div class=\"key-numbers\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\">7<span>s<\/span><\/div>\n      <div class=\"kn-label\">Temps moyen d&rsquo;attention d&rsquo;un visiteur en&nbsp;all\u00e9e<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\">+<span>60<\/span>%<\/div>\n      <div class=\"kn-label\">Des brochures collect\u00e9es jet\u00e9es dans les 48&nbsp;h post-salon<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>1<\/span>\/3<\/div>\n      <div class=\"kn-label\">Des supports gard\u00e9s servent \u00e0 qualifier une opportunit\u00e9 commerciale<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 1 \u2014 D\u00e9cision rapide -->\n  <!-- INFOGRAPHIC 1 \u2014 Timeline cycle de vie d'une brochure -->\n  <div class=\"ig-timeline\">\n    <span class=\"ig-tl-eyebrow\">Infographie<\/span>\n    <div class=\"ig-tl-title\">Le cycle de vie d&rsquo;une brochure salon \u2014 cliquez sur chaque \u00e9tape<\/div>\n    <div class=\"ig-tl-steps\">\n      <div class=\"ig-tl-step ig-active\" onclick=\"tlActivate(0)\">\n        <div class=\"ig-tl-dot\">\ud83c\udfdb\ufe0f<\/div>\n        <div class=\"ig-tl-label\">All\u00e9e<\/div>\n        <div class=\"ig-tl-sub\">J0 \u2014 stand<\/div>\n      <\/div>\n      <div class=\"ig-tl-step\" onclick=\"tlActivate(1)\">\n        <div class=\"ig-tl-dot\">\ud83d\udc5c<\/div>\n        <div class=\"ig-tl-label\">Dans le sac<\/div>\n        <div class=\"ig-tl-sub\">J0 \u2014 fin de journ\u00e9e<\/div>\n      <\/div>\n      <div class=\"ig-tl-step\" onclick=\"tlActivate(2)\">\n        <div class=\"ig-tl-dot\">\ud83c\udfe8<\/div>\n        <div class=\"ig-tl-label\">Chambre d&rsquo;h\u00f4tel<\/div>\n        <div class=\"ig-tl-sub\">J0 soir \u2014 premier tri<\/div>\n      <\/div>\n      <div class=\"ig-tl-step\" onclick=\"tlActivate(3)\">\n        <div class=\"ig-tl-dot\">\ud83d\udda5\ufe0f<\/div>\n        <div class=\"ig-tl-label\">Bureau<\/div>\n        <div class=\"ig-tl-sub\">J+1 \u2014 tri final<\/div>\n      <\/div>\n      <div class=\"ig-tl-step\" onclick=\"tlActivate(4)\">\n        <div class=\"ig-tl-dot\">\ud83d\udcde<\/div>\n        <div class=\"ig-tl-label\">Pipeline<\/div>\n        <div class=\"ig-tl-sub\">J+2 \u00e0 J+7 \u2014 relance<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ig-tl-detail visible\" id=\"tlDetail\">\n      <strong>Dans l&rsquo;all\u00e9e :<\/strong> le visiteur prend tout sans trier. C&rsquo;est la seule \u00e9tape o\u00f9 votre brochure est garantie d&rsquo;\u00eatre entre ses mains. La fen\u00eatre de d\u00e9cision dure moins de 7 secondes \u2014 le temps de lire votre couverture et de jauger si \u00e7a m\u00e9rite de continuer.\n    <\/div>\n  <\/div>\n\n  <h2><span class=\"icon\">\ud83e\udde0<\/span> Ce que le visiteur d\u00e9cide en moins de dix secondes<\/h2>\n\n  <p>Un visiteur de salon professionnel accumule des supports tout au long de sa journ\u00e9e. En arrivant dans les all\u00e9es, il prend tout. Au d\u00e9jeuner, il commence \u00e0 trier. Le soir \u00e0 l&rsquo;h\u00f4tel, ou au bureau le lundi, il ne garde que ce qui justifie une&nbsp;action.<\/p>\n  <p>Le tri ne repose pas sur la qualit\u00e9 de votre offre. Il repose sur la lisibilit\u00e9 imm\u00e9diate de la valeur. Un visiteur ne relit pas. Il scanne. Il cherche un signal clair&nbsp;: ce document r\u00e9pond-il \u00e0 un probl\u00e8me qu&rsquo;il a&nbsp;aujourd&rsquo;hui&nbsp;?<\/p>\n\n  <div class=\"feat-grid\">\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\ud83d\udc41\ufe0f<\/span>\n      <span class=\"feat-card-label\">Signal n\u00b01<\/span>\n      <div class=\"feat-card-title\">Lisibilit\u00e9 en 3 secondes<\/div>\n      <div class=\"feat-card-desc\">Si le visiteur doit lire pour comprendre ce que vous faites, il ne lit pas. Le message central doit s&rsquo;imposer avant toute lecture.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\ud83c\udfaf<\/span>\n      <span class=\"feat-card-label\">Signal n\u00b02<\/span>\n      <div class=\"feat-card-title\">Pertinence sectorielle visible<\/div>\n      <div class=\"feat-card-desc\">Un signal d&rsquo;appartenance (\u00ab\u00a0SaaS B2B\u00a0\u00bb, \u00ab\u00a0Series A\u00a0\u00bb, \u00ab\u00a0conformit\u00e9 r\u00e9glementaire\u00a0\u00bb) suffit \u00e0 transformer une brochure g\u00e9n\u00e9rique en document utile.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\ud83d\udccc<\/span>\n      <span class=\"feat-card-label\">Signal n\u00b03<\/span>\n      <div class=\"feat-card-title\">R\u00e9sultat, pas moyen<\/div>\n      <div class=\"feat-card-desc\">\u00ab\u00a0R\u00e9duire le cycle de vente de 30&nbsp;%\u00a0\u00bb est gard\u00e9. \u00ab\u00a0Accompagner votre transformation digitale\u00a0\u00bb ne l&rsquo;est pas. Le vocabulaire des moyens ne d\u00e9clenche aucune relance.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\ud83d\udd17<\/span>\n      <span class=\"feat-card-label\">Signal n\u00b04<\/span>\n      <div class=\"feat-card-title\">Un lien de sortie identifiable<\/div>\n      <div class=\"feat-card-desc\">Un support sans QR code ou URL d\u00e9di\u00e9e est un cul-de-sac commercial. Le visiteur n&rsquo;a nulle part o\u00f9 aller apr\u00e8s le salon.<\/div>\n    <\/div>\n  <\/div>\n\n  <figure class=\"cmh-img-figure\">\n    <img decoding=\"async\" src=\"https:\/\/comhit.agency\/wp-content\/uploads\/2024\/01\/IMG_6608.jpg\" alt=\"Support imprim\u00e9 B2B en situation terrain \u2014 Comhit Agency\" class=\"cmh-img\" loading=\"lazy\">\n    <figcaption class=\"cmh-img-caption\">\u00a9 Comhit Agency<\/figcaption>\n  <\/figure>\n\n  <!-- SECTION 2 \u2014 4 crit\u00e8res interactifs -->\n  <h2><span class=\"icon\">\ud83d\udccb<\/span> Les quatre crit\u00e8res du tri post-salon<\/h2>\n  <p>Un directeur commercial rentrant d&rsquo;un \u00e9v\u00e9nement a entre vingt et quarante supports dans son sac. Dans la semaine qui suit, il n&rsquo;en consulte que trois \u00e0 cinq. Cliquez sur chaque crit\u00e8re pour comprendre ce qui d\u00e9cide du&nbsp;tri.<\/p>\n\n  <div class=\"tabs-wrap\">\n    <div class=\"tabs-nav\">\n      <button class=\"tab-btn active\" onclick=\"showTab(0)\">Pertinence<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab(1)\">Format<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab(2)\">Contact<\/button>\n      <button class=\"tab-btn\" onclick=\"showTab(3)\">Promesse<\/button>\n    <\/div>\n    <div class=\"tab-panel active\" id=\"tabPanel0\">\n      <span class=\"tab-panel-eyebrow\">Crit\u00e8re 01<\/span>\n      <div class=\"tab-panel-title\">La pertinence sectorielle imm\u00e9diate<\/div>\n      <div class=\"tab-panel-body\">\n        Le visiteur garde ce qui parle explicitement de son secteur, de ses contraintes ou de son contexte op\u00e9rationnel. Une brochure g\u00e9n\u00e9raliste est trait\u00e9e comme un catalogue de plus, m\u00eame si l&rsquo;offre est pertinente pour lui.\n        <div class=\"tab-example\"><strong>Exemple&nbsp;:<\/strong> \u00ab\u00a0Nous accompagnons les SaaS B2B en phase de croissance Series&nbsp;A \u00e0 Series&nbsp;C dans la structuration de leur pipeline commercial.\u00a0\u00bb Imm\u00e9diatement qualifiant pour le bon interlocuteur.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tabPanel1\">\n      <span class=\"tab-panel-eyebrow\">Crit\u00e8re 02<\/span>\n      <div class=\"tab-panel-title\">La densit\u00e9 d&rsquo;information au bon format<\/div>\n      <div class=\"tab-panel-body\">\n        Un format A5 recto-verso avec deux messages clairs bat un catalogue 16 pages dans la valise de retour. Le poids physique est une variable r\u00e9elle. Un support compact, pr\u00e9cis, reli\u00e9 \u00e0 un QR code qui approfondit, survit au tri.\n        <div class=\"tab-example\"><strong>R\u00e8gle&nbsp;:<\/strong> 4 \u00e0 8 pages maximum. Au-del\u00e0, le document n&rsquo;est pas lu en d\u00e9placement. La profondeur se place sur la landing page d\u00e9di\u00e9e.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tabPanel2\">\n      <span class=\"tab-panel-eyebrow\">Crit\u00e8re 03<\/span>\n      <div class=\"tab-panel-title\">La pr\u00e9sence d&rsquo;un point de contact direct<\/div>\n      <div class=\"tab-panel-body\">\n        Le pr\u00e9nom du commercial rencontr\u00e9 sur le stand, son num\u00e9ro direct, une date de rappel convenue. Ces \u00e9l\u00e9ments transforment un support imprim\u00e9 g\u00e9n\u00e9rique en artefact de relation commerciale. Sans eux, la brochure est anonyme.\n        <div class=\"tab-example\"><strong>Pratique terrain&nbsp;:<\/strong> pr\u00e9voir un espace vierge sur la derni\u00e8re page pour que le commercial note son pr\u00e9nom et le nom du contact au moment de la remise.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tabPanel3\">\n      <span class=\"tab-panel-eyebrow\">Crit\u00e8re 04<\/span>\n      <div class=\"tab-panel-title\">La promesse de r\u00e9sultat, pas de moyen<\/div>\n      <div class=\"tab-panel-body\">\n        Les visiteurs gardent ce qui annonce un r\u00e9sultat mesurable et identifiable. Le vocabulaire des moyens (\u00ab\u00a0accompagner\u00a0\u00bb, \u00ab\u00a0transformer\u00a0\u00bb, \u00ab\u00a0optimiser\u00a0\u00bb) ne d\u00e9clenche aucune action de relance post-salon.\n        <div class=\"tab-example\"><strong>Avant&nbsp;:<\/strong> \u00ab\u00a0Nous accompagnons votre transformation digitale.\u00a0\u00bb \u2014 <strong>Apr\u00e8s&nbsp;:<\/strong> \u00ab\u00a0Nos clients r\u00e9duisent leur cycle de vente de 30&nbsp;% en 90&nbsp;jours.\u00a0\u00bb<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 3 \u2014 Poubelle -->\n  <hr class=\"article-divider\">\n  <h2><span class=\"icon\">\ud83d\uddd1\ufe0f<\/span> Ce qui garantit la poubelle<\/h2>\n  <p>Quatre patterns reviennent syst\u00e9matiquement dans les supports \u00e9limin\u00e9s. Ils n&rsquo;ont rien \u00e0 voir avec la qualit\u00e9 de l&rsquo;offre ou le budget&nbsp;d&rsquo;impression.<\/p>\n\n  <div class=\"verdict-grid\">\n    <div class=\"verdict-card\">\n      <span class=\"verdict-num\">01<\/span>\n      <div class=\"verdict-label\"><span class=\"verdict-dot\"><\/span>\u00c9limin\u00e9 syst\u00e9matiquement<\/div>\n      <p>Couverture avec slogan g\u00e9n\u00e9rique \u2014 \u00ab\u00a0L&rsquo;excellence au service de votre croissance\u00a0\u00bb. Le visiteur ne peut pas identifier ce que vous faites en moins de trois secondes.<\/p>\n    <\/div>\n    <div class=\"verdict-card\">\n      <span class=\"verdict-num\">02<\/span>\n      <div class=\"verdict-label\"><span class=\"verdict-dot\"><\/span>\u00c9limin\u00e9 syst\u00e9matiquement<\/div>\n      <p>Format sup\u00e9rieur \u00e0 A4, papier lourd, spirale ou couverture rigide. Le poids dans le sac est un facteur de tri inconscient mais&nbsp;constant.<\/p>\n    <\/div>\n    <div class=\"verdict-card\">\n      <span class=\"verdict-num\">03<\/span>\n      <div class=\"verdict-label\"><span class=\"verdict-dot\"><\/span>\u00c9limin\u00e9 syst\u00e9matiquement<\/div>\n      <p>Mise en page sans hi\u00e9rarchie visuelle. Si le visiteur doit lire pour comprendre ce que vous faites, il ne&nbsp;lit pas.<\/p>\n    <\/div>\n    <div class=\"verdict-card\">\n      <span class=\"verdict-num\">04<\/span>\n      <div class=\"verdict-label\"><span class=\"verdict-dot\"><\/span>\u00c9limin\u00e9 syst\u00e9matiquement<\/div>\n      <p>Aucun QR code, aucune URL sp\u00e9cifique. Un support sans lien de sortie est un cul-de-sac commercial. La conversation meurt avec le salon.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-neutral\">\n    <span class=\"callout-icon\">\ud83d\udca1<\/span>\n    <div class=\"callout-text\"><strong>Cas terrain&nbsp;:<\/strong> un catalogue 24 pages imprim\u00e9 en quadrichromie satin\u00e9 est souvent le support le moins consult\u00e9 de toute la journ\u00e9e. Le format signale l&rsquo;effort de production, pas la pertinence pour l&rsquo;interlocuteur.<\/div>\n  <\/div>\n\n  <!-- INFOGRAPHIC 2 \u2014 Comparateur brochure survivante vs \u00e9limin\u00e9e -->\n  <div class=\"ig-compare\">\n    <div class=\"ig-compare-header\">\n      <div class=\"ig-compare-col-head survive\">\u2713 Brochure survivante<\/div>\n      <div class=\"ig-compare-col-head elimine\">\u2717 Brochure \u00e9limin\u00e9e<\/div>\n    <\/div>\n    <div class=\"ig-compare-rows\" id=\"igCompareRows\">\n\n      <div class=\"ig-compare-row\" onclick=\"igToggleRow(this)\">\n        <div class=\"ig-compare-cell left\">\n          <span class=\"ig-compare-zone\">Couverture<\/span>\n          <div class=\"ig-compare-text\">Probl\u00e8me client formul\u00e9 + secteur cible visible<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"92\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Le visiteur identifie en 3 secondes si le sujet le concerne. Premier filtre de conservation.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ig-compare-cell\">\n          <span class=\"ig-compare-zone\">Couverture<\/span>\n          <div class=\"ig-compare-text bad\">Logo + slogan g\u00e9n\u00e9rique \u00ab\u00a0L&rsquo;excellence \u00e0 votre service\u00a0\u00bb<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"8\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Aucun signal de pertinence. La brochure rejoint la pile des \u00ab\u00a0\u00e0 voir plus tard\u00a0\u00bb \u2014 qui ne sera jamais vue.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ig-compare-row\" onclick=\"igToggleRow(this)\">\n        <div class=\"ig-compare-cell left\">\n          <span class=\"ig-compare-zone\">Page 2<\/span>\n          <div class=\"ig-compare-text\">Preuve sociale chiffr\u00e9e + client reconnaissable<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"78\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Cr\u00e9dibilit\u00e9 imm\u00e9diate. Le visiteur comprend que d&rsquo;autres ont d\u00e9j\u00e0 fait le pari \u2014 et que \u00e7a a fonctionn\u00e9.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ig-compare-cell\">\n          <span class=\"ig-compare-zone\">Page 2<\/span>\n          <div class=\"ig-compare-text bad\">Pr\u00e9sentation de l&rsquo;\u00e9quipe fondatrice et de l&rsquo;historique<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"12\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Le visiteur ne cherche pas qui vous \u00eates. Il cherche si vous pouvez r\u00e9soudre son probl\u00e8me.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ig-compare-row\" onclick=\"igToggleRow(this)\">\n        <div class=\"ig-compare-cell left\">\n          <span class=\"ig-compare-zone\">Format<\/span>\n          <div class=\"ig-compare-text\">A5 ou DL, 4\u20138 pages, 250 g mat<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"85\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Tient dans la poche. L\u00e9ger. Pose facilement sur un bureau. Le format compact est le premier filtre physique de survie.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ig-compare-cell\">\n          <span class=\"ig-compare-zone\">Format<\/span>\n          <div class=\"ig-compare-text bad\">A4 ou plus, 16+ pages, couverture rigide ou spirale<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact tri<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"10\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Encombrant, lourd, difficile \u00e0 ranger. \u00c9limin\u00e9 au fond du sac avant m\u00eame d&rsquo;atteindre le bureau.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ig-compare-row\" onclick=\"igToggleRow(this)\">\n        <div class=\"ig-compare-cell left\">\n          <span class=\"ig-compare-zone\">Lien de sortie<\/span>\n          <div class=\"ig-compare-text\">QR code vers landing page d\u00e9di\u00e9e au salon<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact conversion<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"88\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Prolonge la conversation apr\u00e8s l&rsquo;\u00e9v\u00e9nement. Le visiteur a une action concr\u00e8te \u00e0 faire \u2014 scanner et acc\u00e9der \u00e0 la ressource.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ig-compare-cell\">\n          <span class=\"ig-compare-zone\">Lien de sortie<\/span>\n          <div class=\"ig-compare-text bad\">Adresse du si\u00e8ge social et num\u00e9ro de standard<\/div>\n          <div class=\"ig-compare-impact\">\n            <div class=\"ig-impact-bar-wrap\">\n              <span class=\"ig-impact-label\">Impact conversion<\/span>\n              <div class=\"ig-impact-track\"><div class=\"ig-impact-fill\" data-width=\"5\"><\/div><\/div>\n            <\/div>\n            <div class=\"ig-impact-note\">Cul-de-sac commercial. Aucune action d\u00e9clench\u00e9e. La brochure meurt avec le salon.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 4 \u2014 Anatomie -->\n  <h2><span class=\"icon\">\ud83c\udfd7\ufe0f<\/span> Anatomie d&rsquo;un support qui survit au tri<\/h2>\n  <p>Un support B2B efficace en contexte salon respecte une architecture pr\u00e9cise. Pas d&rsquo;esth\u00e9tisme pour l&rsquo;esth\u00e9tisme. Une structure au service de la conversion&nbsp;post-\u00e9v\u00e9nement.<\/p>\n\n  <div class=\"table-wrap\">\n    <table class=\"article-table\">\n      <thead>\n        <tr>\n          <th>Zone<\/th>\n          <th>Contenu attendu<\/th>\n          <th>Erreur fr\u00e9quente<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td data-label=\"Zone\" class=\"td-name\">Couverture<\/td>\n          <td data-label=\"Contenu attendu\" class=\"td-good\">Probl\u00e8me client + secteur cible + r\u00e9sultat promis<\/td>\n          <td data-label=\"Erreur fr\u00e9quente\" class=\"td-bad\">Nom et logo de l&rsquo;entreprise en pleine&nbsp;page<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Zone\" class=\"td-name\">Page 2<\/td>\n          <td data-label=\"Contenu attendu\" class=\"td-good\">Preuve sociale imm\u00e9diate (client connu, chiffre, contexte)<\/td>\n          <td data-label=\"Erreur fr\u00e9quente\" class=\"td-bad\">Pr\u00e9sentation de l&rsquo;\u00e9quipe ou de l&rsquo;historique<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Zone\" class=\"td-name\">Pages centrales<\/td>\n          <td data-label=\"Contenu attendu\" class=\"td-good\">2 \u00e0 3 cas d&rsquo;usage formul\u00e9s en probl\u00e8mes r\u00e9solus<\/td>\n          <td data-label=\"Erreur fr\u00e9quente\" class=\"td-bad\">Liste de fonctionnalit\u00e9s ou de&nbsp;services<\/td>\n        <\/tr>\n        <tr>\n          <td data-label=\"Zone\" class=\"td-name\">Derni\u00e8re page<\/td>\n          <td data-label=\"Contenu attendu\" class=\"td-good\">QR code vers landing page d\u00e9di\u00e9e + coordonn\u00e9es directes<\/td>\n          <td data-label=\"Erreur fr\u00e9quente\" class=\"td-bad\">Adresse du si\u00e8ge et num\u00e9ro g\u00e9n\u00e9ral<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <figure class=\"cmh-img-figure\">\n    <img decoding=\"async\" src=\"https:\/\/comhit.agency\/wp-content\/uploads\/2022\/06\/Plaquette-pages-interieures.jpg\" alt=\"Pages int\u00e9rieures plaquette commerciale B2B \u2014 Comhit Agency\" class=\"cmh-img\" loading=\"lazy\">\n    <figcaption class=\"cmh-img-caption\">\u00a9 Comhit Agency<\/figcaption>\n  <\/figure>\n\n  <!-- SECTION 5 \u2014 Format \/ papier \/ finition -->\n  <h2><span class=\"icon\">\ud83d\udda8\ufe0f<\/span> Format, papier, finition&nbsp;: les choix qui&nbsp;comptent<\/h2>\n  <p>Les d\u00e9cisions d&rsquo;impression ont un impact direct sur le taux de conservation. Ce ne sont pas des d\u00e9tails&nbsp;esth\u00e9tiques.<\/p>\n\n  <ul class=\"cmh-list\">\n    <li>\n      <span class=\"li-badge good\">A5<\/span>\n      <div class=\"li-content\">\n        <div class=\"li-title\">Format A5 ou DL (\u2153&nbsp;A4)<\/div>\n        <div class=\"li-desc\">Tient dans une poche int\u00e9rieure, r\u00e9siste au fond du sac, se pose facilement sur un bureau. Le format compact est le premier filtre de&nbsp;survie.<\/div>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"li-badge good\">250g<\/span>\n      <div class=\"li-content\">\n        <div class=\"li-title\">Papier 250&nbsp;g couch\u00e9 mat<\/div>\n        <div class=\"li-desc\">Perception premium sans exc\u00e8s de poids. Le satin\u00e9 vieillit mal et colle aux autres documents dans le sac. Le mat signale le soin sans&nbsp;alourdir.<\/div>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"li-badge good\">4\u20138<\/span>\n      <div class=\"li-content\">\n        <div class=\"li-title\">4 \u00e0 8 pages maximum<\/div>\n        <div class=\"li-desc\">Au-del\u00e0, le document n&rsquo;est pas lu en d\u00e9placement. La profondeur va sur la landing page d\u00e9di\u00e9e. La brochure est un d\u00e9clencheur, pas un&nbsp;dossier.<\/div>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"li-badge bad\">\u2717<\/span>\n      <div class=\"li-content\">\n        <div class=\"li-title\">Spirale et formats non standards<\/div>\n        <div class=\"li-desc\">Difficult\u00e9 de rangement, arrachements, signal de complexit\u00e9. \u00c0 \u00e9viter sur tous les supports destin\u00e9s \u00e0 voyager avec le&nbsp;visiteur.<\/div>\n      <\/div>\n    <\/li>\n    <li>\n      <span class=\"li-badge bad\">\u2717<\/span>\n      <div class=\"li-content\">\n        <div class=\"li-title\">Plastification \u00e0 chaud sur couverture<\/div>\n        <div class=\"li-desc\">Impression de catalogue g\u00e9n\u00e9rique. La finition UV spot sur \u00e9l\u00e9ments s\u00e9lectifs produit un effet sup\u00e9rieur pour un co\u00fbt&nbsp;comparable.<\/div>\n      <\/div>\n    <\/li>\n  <\/ul>\n\n  <figure class=\"cmh-img-figure\">\n    <img decoding=\"async\" src=\"https:\/\/comhit.agency\/wp-content\/uploads\/2025\/05\/Plaquette-Commerciale-Break-Events-Group-3.jpg\" alt=\"Plaquette commerciale Break Events Group \u2014 Comhit Agency\" class=\"cmh-img\" loading=\"lazy\">\n    <figcaption class=\"cmh-img-caption\">\u00a9 Comhit Agency<\/figcaption>\n  <\/figure>\n\n  <!-- SECTION 6 \u2014 Quiz -->\n  <h2><span class=\"icon\">\ud83d\udd0d<\/span> Votre brochure actuelle survit-elle au tri&nbsp;?<\/h2>\n  <p>R\u00e9pondez \u00e0 ces 5 questions pour \u00e9valuer le potentiel de conservation de votre support&nbsp;actuel.<\/p>\n\n  <div class=\"quiz-wrap\">\n    <span class=\"quiz-eyebrow\">Diagnostic rapide<\/span>\n    <span class=\"quiz-counter\" id=\"quizCounter\">Question 1 sur 5<\/span>\n    <div class=\"quiz-progress\"><div class=\"quiz-progress-bar\" id=\"quizBar\" style=\"width:20%\"><\/div><\/div>\n    <div id=\"quizQuestion\">\n      <div class=\"quiz-q\" id=\"quizText\">La couverture de votre brochure indique clairement le probl\u00e8me client que vous r\u00e9solvez ?<\/div>\n      <div class=\"quiz-btns\">\n        <button class=\"quiz-yes\" onclick=\"quizAnswer(true)\">Oui<\/button>\n        <button class=\"quiz-no\"  onclick=\"quizAnswer(false)\">Non<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"quiz-result\" id=\"quizResult\">\n      <div class=\"quiz-result-score\" id=\"quizScore\"><\/div>\n      <div class=\"quiz-result-title\" id=\"quizResultTitle\"><\/div>\n      <div class=\"quiz-result-text\" id=\"quizResultText\"><\/div>\n      <button class=\"quiz-restart\" onclick=\"quizRestart()\">Recommencer<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 7 \u2014 Dispositif int\u00e9gr\u00e9 -->\n  <h2><span class=\"icon\">\ud83d\udd04<\/span> Brochure et dispositif terrain&nbsp;: une logique&nbsp;int\u00e9gr\u00e9e<\/h2>\n\n  <p>La brochure seule ne convertit pas. Elle s&rsquo;inscrit dans un dispositif structur\u00e9&nbsp;: habillage du stand, discours des \u00e9quipes commerciales, QR code vers landing page d\u00e9di\u00e9e, s\u00e9quence de relance post-salon. Sortie de ce contexte, elle redevient un document parmi&nbsp;d&rsquo;autres.<\/p>\n\n  <div class=\"callout callout-orange\">\n    <span class=\"callout-icon\">\ud83d\udd17<\/span>\n    <div class=\"callout-text\"><strong>Alignement visuel obligatoire&nbsp;:<\/strong> la brochure, le kak\u00e9mono, le comptoir d&rsquo;accueil et la landing page partagent le m\u00eame territoire graphique. Une rupture de style entre le stand et le support imprim\u00e9 signale une absence de pr\u00e9paration. Le visiteur le ressent, m\u00eame sans pouvoir le formuler.<\/div>\n  <\/div>\n\n  <p>Les exposants qui obtiennent les meilleurs taux de transformation post-\u00e9v\u00e9nement traitent leur support imprim\u00e9 comme un \u00e9l\u00e9ment d&rsquo;un parcours. Le visiteur qui repart avec la brochure doit trouver une continuit\u00e9 imm\u00e9diate entre ce qu&rsquo;il a vu sur le stand, ce qu&rsquo;il tient en main, et ce qu&rsquo;il d\u00e9couvre en scannant le&nbsp;QR&nbsp;code.<\/p>\n\n  <!-- CTA -->\n  <div class=\"cta-box\">\n    <span class=\"cta-eyebrow\">Salon en approche<\/span>\n    <p class=\"cta-title\">Votre brochure est pr\u00eate&nbsp;?<br>Votre stand aussi&nbsp;?<\/p>\n    <p class=\"cta-sub\">Brochure, habillage de stand, landing page d\u00e9di\u00e9e. On construit le dispositif complet, du gabarit d&rsquo;impression au parcours de capture de&nbsp;leads.<\/p>\n    <a href=\"https:\/\/comhit.agency\/contact\/\" class=\"cta-btn\">Parlons de votre salon<\/a>\n  <\/div>\n\n<\/article>\n\n<script>\n\/\/ \u2500\u2500 Infographic 1 \u2014 Timeline \u2500\u2500\nvar tlDetails = [\n  '<strong>Dans l\\'all\u00e9e\\u00a0:<\/strong> le visiteur prend tout sans trier. C\\'est la seule \\u00e9tape o\\u00f9 votre brochure est garantie d\\u2019\\u00eatre entre ses mains. La fen\\u00eatre de d\\u00e9cision dure moins de 7 secondes\\u00a0\\u2014 le temps de lire votre couverture et de jauger si \\u00e7a m\\u00e9rite de continuer.',\n  '<strong>Dans le sac\\u00a0:<\/strong> la brochure cohabite avec 20 \\u00e0 40 autres supports. Elle n\\'est pas encore lue. Sa survie \\u00e0 cette \\u00e9tape tient uniquement \\u00e0 son format\\u00a0: un A5 tient dans une poche int\\u00e9rieure, un A4 rigide prend de la place et cr\\u00e9e de la friction.',\n  '<strong>Chambre d\\'h\\u00f4tel\\u00a0:<\/strong> premier tri s\\u00e9rieux. Le visiteur vide son sac et \\u00e9limine ce qu\\'il ne peut pas justifier de ramener. Vos 3 secondes de couverture sont d\\u00e9cisives ici. Si le probl\\u00e8me client n\\'est pas imm\\u00e9diatement lisible, la brochure va dans la corbeille de l\\'h\\u00f4tel.',\n  '<strong>Bureau\\u00a0:<\/strong> tri final. Seuls 3 \\u00e0 5 supports survivent jusqu\\'ici. Le crit\\u00e8re\\u00a0: est-ce que ce document d\\u00e9clenche une action\\u00a0? Une brochure sans QR code, sans nom de contact direct, sans promesse de r\\u00e9sultat chiffr\\u00e9 est archiv\\u00e9e ou jet\\u00e9e.',\n  '<strong>Pipeline\\u00a0:<\/strong> le support a surviv\\u00e9 au tri. Le visiteur scanne le QR code, atterrit sur la landing page d\\u00e9di\\u00e9e au salon, acc\\u00e8de \\u00e0 la ressource. Le contact est captur\\u00e9. La relance commerciale peut commencer dans les 48\\u00a0h.'\n];\n\nfunction tlActivate(index) {\n  var steps = document.querySelectorAll('.ig-tl-step');\n  for (var i = 0; i < steps.length; i++) { steps[i].classList.remove('ig-active'); }\n  steps[index].classList.add('ig-active');\n  var detail = document.getElementById('tlDetail');\n  detail.innerHTML = tlDetails[index];\n  detail.classList.remove('visible');\n  setTimeout(function() { detail.classList.add('visible'); }, 10);\n}\n\n\/\/ \u2500\u2500 Infographic 2 \u2014 Comparateur \u2500\u2500\nfunction igToggleRow(row) {\n  var wasOpen = row.classList.contains('ig-row-open');\n  var allRows = document.querySelectorAll('.ig-compare-row');\n  for (var i = 0; i < allRows.length; i++) {\n    allRows[i].classList.remove('ig-row-open');\n    var fills = allRows[i].querySelectorAll('.ig-impact-fill');\n    for (var j = 0; j < fills.length; j++) { fills[j].style.width = '0'; }\n  }\n  if (!wasOpen) {\n    row.classList.add('ig-row-open');\n    var fills = row.querySelectorAll('.ig-impact-fill');\n    setTimeout(function() {\n      for (var k = 0; k < fills.length; k++) {\n        fills[k].style.width = fills[k].getAttribute('data-width') + '%';\n      }\n    }, 40);\n  }\n}\n\n\nfunction showTab(index) {\n  var btns = document.querySelectorAll('.tab-btn');\n  var panels = document.querySelectorAll('.tab-panel');\n  for (var i = 0; i < btns.length; i++) {\n    btns[i].classList.remove('active');\n    panels[i].classList.remove('active');\n  }\n  btns[index].classList.add('active');\n  document.getElementById('tabPanel' + index).classList.add('active');\n}\n\n\/\/ \u2500\u2500 Quiz \u2500\u2500\nvar quizQuestions = [\n  { q: 'La couverture de votre brochure indique clairement le probl\\u00e8me client que vous r\\u00e9solvez\\u00a0?', positive: true },\n  { q: 'Votre brochure mentionne explicitement le secteur ou la taille d\\u2019entreprise cible\\u00a0?', positive: true },\n  { q: 'La derni\\u00e8re page contient un QR code pointant vers une landing page d\\u00e9di\\u00e9e \\u00e0 l\\u2019\\u00e9v\\u00e9nement\\u00a0?', positive: true },\n  { q: 'Votre brochure fait plus de 8 pages ou son format est sup\\u00e9rieur \\u00e0 A4\\u00a0?', positive: false },\n  { q: 'Au moins une promesse de r\\u00e9sultat chiffr\\u00e9 appara\\u00eet dans les deux premi\\u00e8res pages\\u00a0?', positive: true }\n];\nvar quizState = { current: 0, score: 0 };\n\nfunction quizAnswer(isYes) {\n  var q = quizQuestions[quizState.current];\n  var isGood = q.positive ? isYes : !isYes;\n  if (isGood) { quizState.score++; }\n  quizState.current++;\n  if (quizState.current < quizQuestions.length) {\n    quizRender();\n  } else {\n    quizShowResult();\n  }\n}\n\nfunction quizRender() {\n  var q = quizQuestions[quizState.current];\n  document.getElementById('quizText').textContent = q.q;\n  document.getElementById('quizCounter').textContent = 'Question ' + (quizState.current + 1) + ' sur ' + quizQuestions.length;\n  var pct = ((quizState.current) \/ quizQuestions.length * 100) + '%';\n  document.getElementById('quizBar').style.width = pct;\n}\n\nfunction quizShowResult() {\n  document.getElementById('quizQuestion').style.display = 'none';\n  document.getElementById('quizResult').style.display = 'block';\n  document.getElementById('quizBar').style.width = '100%';\n  document.getElementById('quizCounter').textContent = 'R\\u00e9sultat';\n  var s = quizState.score;\n  document.getElementById('quizScore').innerHTML = s + '<span>\/5<\/span>';\n  if (s >= 4) {\n    document.getElementById('quizResultTitle').textContent = 'Votre brochure a de bonnes chances de survivre.';\n    document.getElementById('quizResultText').textContent = 'Les fondamentaux sont en place. V\u00e9rifiez l\\u2019alignement visuel avec votre stand et la landing page d\u00e9di\u00e9e pour maximiser le taux de transformation post-salon.';\n  } else if (s >= 2) {\n    document.getElementById('quizResultTitle').textContent = 'Votre brochure est \u00e0 risque de tri.';\n    document.getElementById('quizResultText').textContent = 'Plusieurs signaux de conservation sont absents. Un travail sur la couverture, le format et le dispositif digital peut significativement am\u00e9liorer le retour terrain.';\n  } else {\n    document.getElementById('quizResultTitle').textContent = 'Votre brochure ne survit probablement pas au tri.';\n    document.getElementById('quizResultText').textContent = 'Les crit\u00e8res cl\u00e9s sont manquants. Le support distribu\u00e9 au prochain salon risque de ne g\u00e9n\u00e9rer aucune relance commerciale. Une refonte compl\u00e8te est recommand\u00e9e avant le prochain \u00e9v\u00e9nement.';\n  }\n}\n\nfunction quizRestart() {\n  quizState.current = 0;\n  quizState.score = 0;\n  document.getElementById('quizQuestion').style.display = 'block';\n  document.getElementById('quizResult').style.display = 'none';\n  quizRender();\n  document.getElementById('quizBar').style.width = '20%';\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n  quizRender();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Supports commerciaux &middot; Salons B2B Brochure B2B au salon&nbsp;: ce que le visiteur garde, ce qu&rsquo;il jette, et pourquoi La brochure imprim\u00e9e n&rsquo;a pas disparu des salons professionnels. Elle a chang\u00e9 de r\u00f4le. Comprendre ce qui d\u00e9cide un visiteur \u00e0 la glisser dans son sac, ou \u00e0 la laisser sur le bord du stand d&rsquo;en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":999291,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[136,171],"tags":[],"class_list":["post-999297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typographie","category-supports-commerciaux"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/comments?post=999297"}],"version-history":[{"count":2,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999297\/revisions"}],"predecessor-version":[{"id":999302,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999297\/revisions\/999302"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/media\/999291"}],"wp:attachment":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/media?parent=999297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/categories?post=999297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/tags?post=999297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}