{"id":18562,"date":"2026-04-01T12:49:30","date_gmt":"2026-04-01T11:49:30","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18562"},"modified":"2026-05-22T03:19:34","modified_gmt":"2026-05-22T02:19:34","slug":"sales-brochure-saas-b2b","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/en\/sales-brochure-saas-b2b\/","title":{"rendered":"Sales brochure for SaaS: structure and B2B specificities"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\">\n\n<style>\n  :root {\n    --bg: #0A0A12;\n    --white: #FFFFFF;\n    --gray-light: #B9B9B9;\n    --gray: #8E8E8E;\n    --gray-dark: #434343;\n    --accent: #4CB731;\n    --blue: #287CCA;\n    --red: #CD3434;\n    --border: #434343;\n    --font: 'Manrope', sans-serif;\n  }\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body, html { background: var(--bg); }\n\n  .article-wrap { max-width: 1000px; margin: 0 auto; padding: 60px 40px 100px; font-family: var(--font); color: var(--white); background: var(--bg); }\n  .article-wrap img { pointer-events: none; }\n\n  .article-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray); margin-bottom: 16px; }\n  .article-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.2; color: var(--white); margin-bottom: 16px; }\n  .article-intro { font-size: 18px; color: var(--gray-light); line-height: 1.7; border-left: 3px solid var(--blue); padding-left: 20px; margin-bottom: 48px; }\n  .article-wrap h2 { font-size: 22px; font-weight: 800; color: var(--white); margin: 48px 0 16px; display: flex; align-items: center; gap: 10px; font-family: var(--font); }\n  .h2-icon { width: 22px; height: 22px; flex-shrink: 0; color: var(--accent); }\n  .article-wrap p { font-size: 16px; color: var(--gray-light); margin-bottom: 16px; line-height: 1.75; }\n  .article-wrap strong { color: var(--white); font-weight: 700; }\n  .article-wrap hr { border: none; border-top: 1px solid var(--border); margin: 40px 0; }\n\n  \/* KEY NUMBERS *\/\n  .key-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 56px; }\n  .kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; text-align: center; background: #0d0d18; }\n  .kn-value { font-size: 32px; font-weight: 800; color: var(--white); margin-bottom: 6px; line-height: 1; }\n  .kn-value span { color: var(--accent); }\n  .kn-sup { font-size: 18px; font-weight: 800; color: var(--accent); vertical-align: super; }\n  .kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.5; margin-top: 4px; }\n\n  \/* IMAGES *\/\n  .article-img-wrap { margin: 40px 0; }\n  .article-img-wrap img { width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--border); display: block; }\n  .article-img-caption { font-size: 12px; color: var(--gray); margin-top: 10px; font-style: italic; padding-left: 4px; }\n  .article-img-split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 40px 0; }\n  .article-img-split img { width: 100%; height: 240px; object-fit: cover; border-radius: 16px; border: 1px solid var(--border); display: block; }\n\n  \/* CALLOUTS *\/\n  .callout { border-radius: 12px; padding: 20px 24px; margin: 24px 0; display: flex; gap: 14px; align-items: flex-start; }\n  .callout-blue  { background: rgba(40,124,202,0.1); border-left: 3px solid var(--blue); }\n  .callout-green { background: rgba(76,183,49,0.1);  border-left: 3px solid var(--accent); }\n  .callout-amber { background: rgba(186,117,23,0.1); border-left: 3px solid #BA7517; }\n  .callout-icon  { font-size: 18px; flex-shrink: 0; margin-top: 1px; }\n  .callout-text  { font-size: 15px; color: var(--gray-light); line-height: 1.6; font-family: var(--font); }\n  .callout-text strong { color: var(--white); }\n\n  \/* TABS *\/\n  .tabs-wrap { margin: 24px 0 32px; }\n  .tab-btns { display: flex; gap: 8px; flex-wrap: wrap; }\n  .tab-btn { padding: 9px 18px; border: 1px solid var(--border); border-radius: 8px 8px 0 0; background: transparent; color: var(--gray); font-size: 13px; font-weight: 600; cursor: pointer; font-family: var(--font); transition: color 0.15s; border-bottom: none; }\n  .tab-btn.active { background: #12121e; color: var(--white); border-bottom: 1px solid #12121e; }\n  .tab-btn:hover { color: var(--gray-light); }\n  .tab-panel { display: none; border: 1px solid var(--border); border-radius: 0 8px 8px 8px; padding: 24px; background: #12121e; }\n  .tab-panel.active { display: block; }\n  .tab-panel-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 12px; font-family: var(--font); }\n  .tab-feature-list { list-style: none; display: flex; flex-direction: column; gap: 8px; padding-inline-start: 0; margin-block-end: 0; }\n  .tab-feature-list li { font-size: 14px; color: var(--gray-light); display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n  .tab-feature-list li span:first-child { flex-shrink: 0; margin-top: 1px; }\n\n  \/* ============================================================\n     STEPPER\n  ============================================================ *\/\n  .stepper-wrap { display: grid; grid-template-columns: 272px 1fr; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; margin: 28px 0 40px; }\n  .stepper-nav { background: #0a0a14; border-right: 1px solid var(--border); }\n  .stepper-nav-item { display: flex; align-items: center; gap: 12px; padding: 15px 18px; cursor: pointer; border-bottom: 1px solid var(--border); position: relative; transition: background 0.15s; }\n  .stepper-nav-item:last-child { border-bottom: none; }\n  .stepper-nav-item:hover { background: #0f0f1c; }\n  .stepper-nav-item.stp-active { background: #0f0f1c; }\n  .stepper-nav-item.stp-active::after { content: ''; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 3px; height: 32px; background: var(--accent); border-radius: 2px 0 0 2px; }\n  .stp-num { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; color: #4CB731 !important; min-width: 16px; flex-shrink: 0; }\n  .stp-nav-icon { width: 15px; height: 15px; color: #4CB731 !important; flex-shrink: 0; }\n  .stp-nav-label { font-size: 12.5px; font-weight: 600; color: #ffffff !important; line-height: 1.3; }\n\n  \/* Panel content *\/\n  .stepper-content { background: #0d0d18; min-height: 320px; }\n  .stp-panel { display: none; padding: 32px 28px; }\n  .stp-panel.stp-active { display: block; }\n  .stp-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: #4CB731 !important; margin-bottom: 10px; }\n  .stp-title { font-size: 19px; font-weight: 800; color: #ffffff !important; line-height: 1.3; margin-bottom: 8px; font-family: var(--font); }\n  .stp-desc { font-size: 14px; color: #B9B9B9 !important; line-height: 1.65; margin-bottom: 20px; }\n  .stp-list { list-style: none; padding-inline-start: 0; margin-block-end: 0; display: flex; flex-direction: column; gap: 10px; }\n  .stp-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #ffffff !important; line-height: 1.55; }\n  .stp-li-icon { width: 14px; height: 14px; flex-shrink: 0; margin-top: 3px; color: #4CB731 !important; }\n  .stp-tip { margin-top: 20px; padding: 13px 16px; background: rgba(76,183,49,0.07); border-left: 2px solid var(--accent); border-radius: 0 8px 8px 0; font-size: 13px; color: #B9B9B9 !important; line-height: 1.55; }\n  .stp-tip strong { color: #ffffff !important; }\n\n  \/* TABLES *\/\n  .table-wrap { overflow-x: auto; margin: 16px 0 28px; border-radius: 16px; border: 1px solid var(--border); }\n  .article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n  .article-wrap thead th { background: #12121e; padding: 13px 18px; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); border-bottom: 1px solid var(--border); }\n  .article-wrap tbody td { padding: 13px 18px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; }\n  .article-wrap tbody tr:last-child td { border-bottom: none; }\n  .article-wrap tbody tr:hover td { background: #12121e; }\n  .td-name { font-weight: 700; color: var(--white); width: 26%; }\n  .td-green { color: var(--accent); font-weight: 600; }\n  .td-red { color: #f09595; }\n\n  \/* ============================================================\n     DESIGN SPLIT CARDS\n  ============================================================ *\/\n  .dsgn-grid { display: flex; flex-direction: column; gap: 10px; margin: 24px 0 40px; }\n  .dsgn-card { border: 1px solid #2a2a38; border-radius: 14px; overflow: hidden; background: #0d0d18; }\n  .dsgn-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #ffffff; padding: 12px 20px 10px; border-bottom: 1px solid #1e1e2e; }\n  .dsgn-cols { display: grid; grid-template-columns: 1fr 1px 1fr; }\n  .dsgn-ok { padding: 16px 20px; }\n  .dsgn-ko { padding: 16px 20px; }\n  .dsgn-sep { background: #1e1e2e; }\n  .dsgn-col-head { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; margin-bottom: 8px; }\n  .dsgn-ok .dsgn-col-head { color: #4CB731; }\n  .dsgn-ko .dsgn-col-head { color: #e07070; }\n  .dsgn-ok .dsgn-col-head svg { stroke: #4CB731; }\n  .dsgn-ko .dsgn-col-head svg { stroke: #e07070; }\n  .dsgn-text { font-size: 13.5px; color: #ffffff; line-height: 1.55; margin: 0; }\n\n  \/* ============================================================\n     TIER LIST\n  ============================================================ *\/\n  .tier-list { display: flex; flex-direction: column; gap: 8px; margin: 24px 0 40px; }\n  .tier-row { display: grid; grid-template-columns: 180px 1fr; border-radius: 14px; border: 1px solid #2a2a38; overflow: hidden; background: #0d0d18; transition: border-color 0.15s; }\n  .tier-bad  { border-left: 3px solid #6b3232; }\n  .tier-mid  { border-left: 3px solid #5a5a20; }\n  .tier-good { border-left: 3px solid #2a5a20; }\n  .tier-best { border-left: 3px solid #4CB731; background: #0d130b; }\n  .tier-left { padding: 18px 20px; border-right: 1px solid #1e1e2e; display: flex; flex-direction: column; gap: 8px; justify-content: center; }\n  .tier-badge { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 3px 8px; border-radius: 4px; width: fit-content; }\n  .tier-badge-bad  { background: rgba(107,50,50,0.4);  color: #e07070; }\n  .tier-badge-mid  { background: rgba(90,90,32,0.4);   color: #d4c860; }\n  .tier-badge-good { background: rgba(42,90,32,0.4);   color: #7ecf60; }\n  .tier-badge-best { background: rgba(76,183,49,0.2);  color: #4CB731; }\n  .tier-name { font-size: 15px; font-weight: 800; color: #ffffff; line-height: 1.2; }\n  .tier-body { padding: 18px 22px; display: flex; flex-direction: column; gap: 6px; justify-content: center; }\n  .tier-impl   { font-size: 13.5px; color: #ffffff; line-height: 1.5; margin: 0; font-weight: 500; }\n  .tier-result { font-size: 12.5px; color: #B9B9B9; line-height: 1.5; margin: 0; }\n  .tier-best .tier-result { color: #89c97a; }\n  .tier-bar-wrap { height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 14px; overflow: hidden; }\n  .tier-bar { height: 100%; width: 0; border-radius: 2px; transition: width 0.9s cubic-bezier(0.22, 1, 0.36, 1); }\n\n  \/* ============================================================\n     QUIZ\n  ============================================================ *\/\n  .quiz-wrap { border: 1px solid var(--border); border-radius: 16px; overflow: hidden; background: #0d0d18; margin: 28px 0 40px; }\n  .quiz-progress-track { height: 3px; background: rgba(255,255,255,0.05); }\n  .quiz-progress-fill { height: 100%; background: var(--accent); width: 0; transition: width 0.35s ease; }\n  .quiz-body { padding: 36px 32px; transition: opacity 0.18s ease; }\n  .quiz-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }\n  .quiz-q-num { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray); }\n  .quiz-dots { display: flex; gap: 5px; }\n  .quiz-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--border); transition: background 0.2s; }\n  .quiz-dot.done { background: var(--accent); }\n  .quiz-dot.current { background: var(--white); }\n  .quiz-text { font-size: 20px; font-weight: 700; color: var(--white); line-height: 1.45; margin-bottom: 32px; font-family: var(--font); max-width: 560px; }\n  .quiz-btns { display: flex; gap: 12px; }\n  .quiz-btn-oui { flex: 1; padding: 15px 20px; background: var(--accent); color: #fff; font-family: var(--font); font-size: 15px; font-weight: 700; border: none; border-radius: 8px; cursor: pointer; transition: filter 0.15s; }\n  .quiz-btn-oui:hover { filter: brightness(1.12); color: #fff; }\n  .quiz-btn-non { flex: 1; padding: 15px 20px; background: transparent; color: var(--white); font-family: var(--font); font-size: 15px; font-weight: 700; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transition: background 0.15s; }\n  .quiz-btn-non:hover { background: #12121e; }\n\n  .quiz-result { display: none; padding: 40px 32px; text-align: center; }\n  .quiz-result-badge { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; font-size: 28px; margin-bottom: 20px; }\n  .badge-green { background: rgba(76,183,49,0.12); }\n  .badge-amber { background: rgba(186,117,23,0.12); }\n  .badge-red   { background: rgba(205,52,52,0.12); }\n  .quiz-result-title { font-size: 22px; font-weight: 800; color: var(--white); margin-bottom: 10px; font-family: var(--font); }\n  .quiz-result-desc { font-size: 15px; color: var(--gray-light); line-height: 1.65; max-width: 440px; margin: 0 auto 10px; }\n  .quiz-result-score { font-size: 12px; color: var(--gray); margin-bottom: 28px; }\n  .quiz-result-cta { display: inline-block; background: var(--accent); color: #fff; font-family: var(--font); font-size: 14px; font-weight: 700; padding: 12px 28px; border-radius: 8px; text-decoration: none; margin-bottom: 14px; transition: filter 0.15s; }\n  .quiz-result-cta:hover { filter: brightness(1.1); color: #fff; }\n  .quiz-restart-btn { display: block; background: none; border: none; color: var(--gray); font-family: var(--font); font-size: 13px; cursor: pointer; margin: 0 auto; text-decoration: underline; text-underline-offset: 3px; }\n  .quiz-restart-btn:hover { color: var(--gray-light); }\n\n  \/* CTA BOX *\/\n  .cta-box { border: 1px solid var(--gray-dark); border-radius: 20px; padding: 36px 40px; text-align: center; margin-top: 56px; background: #0d0d18; position: relative; overflow: hidden; }\n  .cta-box::before { content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 500px; height: 260px; background: radial-gradient(ellipse, rgba(76,183,49,0.09) 0%, transparent 70%); pointer-events: none; }\n  .cta-title { font-size: 26px !important; font-weight: 800; color: #ffffff !important; margin-bottom: 10px; font-family: var(--font); position: relative; }\n  .cta-sub { font-size: 16px !important; color: var(--gray); margin-bottom: 24px; position: relative; }\n  .cta-btn { display: inline-block; background: var(--accent); color: #fff; font-family: var(--font); font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 8px; text-decoration: none; transition: filter 0.2s; position: relative; }\n  .cta-btn:hover { filter: brightness(1.1); color: #fff; }\n  .cta-meta { margin-top: 18px; font-size: 12px; color: var(--gray); }\n\n  \/* STICKY CTA *\/\n  .art-sticky { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(calc(100% + 40px)); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 9999; width: calc(100% - 32px); max-width: 780px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); background: rgba(14,14,22,0.92); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); }\n  .art-sticky.art-sticky-visible { transform: translateX(-50%) translateY(0); }\n  .art-sticky-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; }\n  .art-sticky-text { font-size: 13px; color: var(--gray-light); font-weight: 500; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; line-height: 1; }\n  .art-sticky-text strong { color: var(--white); }\n  .art-sticky-btn { flex-shrink: 0; padding: 10px 20px; font-size: 13px; font-weight: 700; background: var(--accent); color: #fff; border-radius: 8px; text-decoration: none; font-family: var(--font); white-space: nowrap; transition: filter 0.2s; }\n  .art-sticky-btn:hover { filter: brightness(1.1); color: #fff; }\n\n  \/* ============================================================\n     MOBILE 768px\n  ============================================================ *\/\n  @media (max-width: 768px) {\n    .article-wrap { padding: 40px 0 80px; }\n    .key-numbers { grid-template-columns: 1fr 1fr; }\n    .key-numbers .kn-card:last-child { grid-column: span 2; }\n    .tab-btns { display: none; }\n    .tab-panel { display: block !important; border-radius: 12px; margin-bottom: 10px; }\n    .tab-panel:last-of-type { margin-bottom: 0; }\n\n    \/* Stepper mobile *\/\n    .stepper-wrap { grid-template-columns: 1fr; border: none; background: transparent; gap: 12px; }\n    .stepper-nav { border-right: none; border-bottom: none; background: transparent; display: flex; flex-direction: row; gap: 8px; overflow-x: auto; padding-bottom: 2px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }\n    .stepper-nav::-webkit-scrollbar { display: none; }\n    .stepper-nav-item { border: 1px solid var(--border); border-radius: 8px; padding: 9px 14px; flex-shrink: 0; background: #0d0d18; }\n    .stepper-nav-item.stp-active { border-color: var(--accent); }\n    .stepper-nav-item::after { display: none; }\n    .stp-num { display: none; }\n    .stp-nav-label { font-size: 12px; }\n    .stepper-content { border: 1px solid var(--border); border-radius: 12px; background: #0d0d18; min-height: 0; }\n    .stp-panel { padding: 22px 18px; }\n    .stp-title { font-size: 16px; }\n\n    \/* Images *\/\n    .article-img-split { grid-template-columns: 1fr; }\n    .article-img-split img { height: 200px; }\n\n    \/* Tables *\/\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-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    .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; }\n    .article-wrap tbody td:first-child::before { margin-top: 0; }\n    .td-name { font-size: 15px; width: auto; }\n    \/* Design cards mobile *\/\n    .dsgn-cols { grid-template-columns: 1fr; }\n    .dsgn-sep { display: none; }\n    .dsgn-ok { border-bottom: 1px solid #1e1e2e; }\n    \/* Tier list mobile *\/\n    .tier-row { grid-template-columns: 1fr; }\n    .tier-left { border-right: none; border-bottom: 1px solid #1e1e2e; flex-direction: row; align-items: center; gap: 12px; padding: 14px 16px; }\n    .tier-body { padding: 14px 16px; }\n\n    \/* Quiz *\/\n    .quiz-body { padding: 24px 18px; }\n    .quiz-text { font-size: 17px; margin-bottom: 24px; }\n    .quiz-result { padding: 28px 20px; }\n\n    \/* CTA + Sticky *\/\n    .cta-box { padding: 28px 20px; }\n    .cta-btn { display: block; text-align: center; }\n    .art-sticky { bottom: 12px; border-radius: 12px; }\n    .art-sticky-inner { padding: 12px 16px; }\n    .art-sticky-text { display: none; }\n    .art-sticky-btn { flex: 1; text-align: center; }\n  }\n\n  @media (max-width: 500px) {\n    .key-numbers { grid-template-columns: 1fr; }\n    .key-numbers .kn-card:last-child { grid-column: span 1; }\n    .article-title { font-size: 26px; }\n    .article-wrap h2 { font-size: 18px; }\n    .quiz-btns { flex-direction: column; }\n  }\n<\/style>\n\n<!-- STICKY CTA -->\n<div class=\"art-sticky\" id=\"artSticky\">\n  <div class=\"art-sticky-inner\">\n    <p class=\"art-sticky-text\"><strong>Plaquette SaaS B2B<\/strong> &nbsp;\u00b7&nbsp; Devis sous&nbsp;24&nbsp;h \u00b7 Paris<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"art-sticky-btn\">Demander un devis<\/a>\n  <\/div>\n<\/div>\n\n<article class=\"article-wrap\">\n\n  <p class=\"article-eyebrow\">Plaquette commerciale \u00b7 SaaS B2B<\/p>\n  <h1 class=\"article-title\">Plaquette commerciale SaaS&nbsp;: ce qui change par rapport au B2B classique<\/h1>\n  <p class=\"article-intro\">Une plaquette pour un \u00e9diteur SaaS ne fonctionne pas comme celle d&rsquo;un cabinet de conseil ou d&rsquo;un prestataire industriel. Le produit est immat\u00e9riel, le cycle de vente est long, et les interlocuteurs sont multiples. Ce que cela implique concr\u00e8tement pour la structure, le contenu et le&nbsp;design.<\/p>\n\n  <!-- KEY NUMBERS -->\n  <div class=\"key-numbers\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span class=\"kn-count\" data-target=\"5\">0<\/span><span>&nbsp;\u00e0&nbsp;<span class=\"kn-count2\" data-target=\"7\">0<\/span><\/span><\/div>\n      <div class=\"kn-label\">d\u00e9cideurs impliqu\u00e9s en moyenne dans un achat SaaS B2B<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span class=\"kn-count3\" data-target=\"4\">0<\/span><span>&nbsp;\u00e0 6 mois<\/span><\/div>\n      <div class=\"kn-label\">dur\u00e9e moyenne d&rsquo;un cycle de vente SaaS B2B enterprise<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span class=\"kn-count4\" data-target=\"15\">0<\/span><span class=\"kn-sup\">&nbsp;ans<\/span><\/div>\n      <div class=\"kn-label\">d&rsquo;exp\u00e9rience en design B2B tech, print et digital<\/div>\n    <\/div>\n  <\/div>\n\n  <hr>\n\n  <!-- SECTION 1 -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"><\/path><path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><\/svg>\n    Pourquoi le contexte SaaS B2B change&nbsp;tout\n  <\/h2>\n  <p>Dans le B2B classique \u2014 industrie, services, BTP \u2014 la plaquette pr\u00e9sente une offre tangible. On montre des r\u00e9f\u00e9rences, des r\u00e9alisations, un savoir-faire \u00e9prouv\u00e9. Le prospect comprend naturellement ce qu&rsquo;il ach\u00e8te.<\/p>\n  <p>Pour une solution SaaS, la plaquette doit accomplir quelque chose de plus difficile&nbsp;: <strong>rendre visible et compr\u00e9hensible quelque chose d&rsquo;immat\u00e9riel<\/strong>. L&rsquo;interface, le workflow, le gain de temps, la conformit\u00e9 r\u00e9glementaire \u2014 autant d&rsquo;\u00e9l\u00e9ments qui n&rsquo;existent pas sous forme physique et qui doivent pourtant convaincre un comit\u00e9 d&rsquo;achat constitu\u00e9 de profils tr\u00e8s diff\u00e9rents.<\/p>\n  <p>Une plaquette mal calibr\u00e9e pour ce contexte ne convainc personne. Elle circule entre les mains des d\u00e9cideurs sans ancrer d&rsquo;argument, sans r\u00e9pondre aux objections techniques ou financi\u00e8res, et ne p\u00e8se pas dans la d\u00e9cision&nbsp;finale.<\/p>\n\n  <div class=\"article-img-wrap\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/02\/IMG_0274.jpg\" alt=\"Plaquette commerciale UBI Solutions \u2014 graphiste freelance B2B Paris\" loading=\"lazy\" title=\"\">\n    <p class=\"article-img-caption\">Plaquette commerciale \u00b7 UBI Solutions \u2014 \u00e9diteur SaaS B2B &nbsp;\u00b7&nbsp; \u00a9 Altay Dagistan<\/p>\n  <\/div>\n\n  <div class=\"callout callout-blue\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <span class=\"callout-icon\">\u2139\ufe0f<\/span>\n    <div class=\"callout-text\">Dans un achat SaaS B2B, la plaquette circule souvent entre les mains de plusieurs d\u00e9cideurs qui ne se sont jamais parl\u00e9&nbsp;: le DSI, le DAF, le responsable m\u00e9tier, parfois un comit\u00e9 de direction. Elle doit convaincre sur des crit\u00e8res distincts sans qu&rsquo;une pr\u00e9sentation orale soit possible \u00e0 chaque&nbsp;\u00e9tape.<\/div>\n  <\/div>\n\n  <!-- SECTION 2 -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n    Adapter le contenu \u00e0 chaque interlocuteur&nbsp;SaaS\n  <\/h2>\n  <p>Une plaquette unique qui essaie de parler \u00e0 tout le monde finit par ne parler \u00e0 personne. La bonne pratique en SaaS B2B est de pr\u00e9voir plusieurs versions, ou a minima une structure qui adresse clairement les diff\u00e9rents profils de d\u00e9cideurs \u2014 chacun avec ses propres crit\u00e8res de&nbsp;validation.<\/p>\n\n  <div class=\"tabs-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <div class=\"tab-btns\">\n      <button class=\"tab-btn active\" onclick=\"switchTab('dsi')\">DSI \/ CTO<\/button>\n      <button class=\"tab-btn\" onclick=\"switchTab('daf')\">DAF \/ CFO<\/button>\n      <button class=\"tab-btn\" onclick=\"switchTab('metier')\">Responsable m\u00e9tier<\/button>\n      <button class=\"tab-btn\" onclick=\"switchTab('dirigeant')\">Dirigeant \/ DG<\/button>\n    <\/div>\n    <div class=\"tab-panel active\" id=\"tab-dsi\">\n      <div class=\"tab-panel-title\">Ce que le DSI \/ CTO veut voir<\/div>\n      <ul class=\"tab-feature-list\">\n        <li><span>\ud83d\udd12<\/span><span>S\u00e9curit\u00e9 des donn\u00e9es&nbsp;: h\u00e9bergement, certifications, conformit\u00e9 RGPD, ISO&nbsp;27001<\/span><\/li>\n        <li><span>\ud83d\udd0c<\/span><span>Int\u00e9grations disponibles&nbsp;: API, connecteurs, compatibilit\u00e9 avec le stack existant<\/span><\/li>\n        <li><span>\ud83c\udfd7\ufe0f<\/span><span>Architecture technique&nbsp;: SaaS cloud, on-premise, hybride<\/span><\/li>\n        <li><span>\ud83d\udcc8<\/span><span>Scalabilit\u00e9&nbsp;: comment le produit monte en charge<\/span><\/li>\n        <li><span>\ud83d\udee0\ufe0f<\/span><span>Support et SLA&nbsp;: uptime garanti, temps de r\u00e9ponse, proc\u00e9dures d&rsquo;escalade<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tab-daf\">\n      <div class=\"tab-panel-title\">Ce que le DAF \/ CFO veut voir<\/div>\n      <ul class=\"tab-feature-list\">\n        <li><span>\ud83d\udcb6<\/span><span>Mod\u00e8le de pricing clair&nbsp;: abonnement mensuel\/annuel, par utilisateur, par volume<\/span><\/li>\n        <li><span>\ud83d\udcca<\/span><span>ROI mesurable&nbsp;: r\u00e9duction de co\u00fbts, gains de productivit\u00e9, d\u00e9lai de retour sur investissement<\/span><\/li>\n        <li><span>\ud83d\udccb<\/span><span>Engagements contractuels&nbsp;: dur\u00e9e, conditions de r\u00e9siliation, p\u00e9nalit\u00e9s<\/span><\/li>\n        <li><span>\ud83d\udd04<\/span><span>Co\u00fbt total de possession&nbsp;: onboarding, formation, maintenance, mises \u00e0 jour<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tab-metier\">\n      <div class=\"tab-panel-title\">Ce que le responsable m\u00e9tier veut voir<\/div>\n      <ul class=\"tab-feature-list\">\n        <li><span>\u26a1<\/span><span>Fonctionnalit\u00e9s cl\u00e9s et cas d&rsquo;usage concrets dans son secteur<\/span><\/li>\n        <li><span>\ud83d\udda5\ufe0f<\/span><span>Aper\u00e7us de l&rsquo;interface&nbsp;: captures d&rsquo;\u00e9cran, d\u00e9mo, parcours utilisateur simplifi\u00e9<\/span><\/li>\n        <li><span>\u23f1\ufe0f<\/span><span>D\u00e9lai de prise en main&nbsp;: courbe d&rsquo;apprentissage, onboarding<\/span><\/li>\n        <li><span>\u2705<\/span><span>R\u00e9f\u00e9rences clients dans son secteur avec r\u00e9sultats concrets<\/span><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"tab-panel\" id=\"tab-dirigeant\">\n      <div class=\"tab-panel-title\">Ce que le dirigeant \/ DG veut voir<\/div>\n      <ul class=\"tab-feature-list\">\n        <li><span>\ud83c\udfaf<\/span><span>Positionnement clair&nbsp;: \u00e0 quoi \u00e7a sert, pour qui, pourquoi vous plut\u00f4t qu&rsquo;un autre<\/span><\/li>\n        <li><span>\ud83c\udfe2<\/span><span>Solidit\u00e9 de l&rsquo;entreprise&nbsp;: anciennet\u00e9, taille, r\u00e9f\u00e9rences clients reconnus<\/span><\/li>\n        <li><span>\ud83d\ude80<\/span><span>Vision produit&nbsp;: roadmap, \u00e9volution pr\u00e9vue, p\u00e9rennit\u00e9 de la solution<\/span><\/li>\n        <li><span>\ud83e\udd1d<\/span><span>Modalit\u00e9s de partenariat et d&rsquo;accompagnement sur le long terme<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"article-img-wrap\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/03\/03-web.jpg\" alt=\"Support commercial SaaS B2B \u2014 direction artistique freelance Paris\" loading=\"lazy\" title=\"\">\n    <p class=\"article-img-caption\">Support commercial B2B tech \u2014 mise en page et direction artistique &nbsp;\u00b7&nbsp; \u00a9 Altay Dagistan<\/p>\n  <\/div>\n\n  <!-- SECTION 3 \u2014 INTERACTIVE STEPPER -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"7\" height=\"9\" x=\"3\" y=\"3\" rx=\"1\"><\/rect><rect width=\"7\" height=\"5\" x=\"14\" y=\"3\" rx=\"1\"><\/rect><rect width=\"7\" height=\"9\" x=\"14\" y=\"12\" rx=\"1\"><\/rect><rect width=\"7\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\"><\/rect><\/svg>\n    Structure recommand\u00e9e pour une plaquette&nbsp;SaaS\n  <\/h2>\n  <p>La logique est invers\u00e9e par rapport au B2B classique&nbsp;: probl\u00e8me d&rsquo;abord, produit ensuite. S\u00e9lectionnez un bloc pour le&nbsp;d\u00e9tail.<\/p>\n\n  <div class=\"stepper-wrap\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <div class=\"stepper-nav\">\n\n      <div class=\"stepper-nav-item stp-active\" id=\"stp-nav-0\" onclick=\"stpSwitch(0)\">\n        <span class=\"stp-num\">01<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"><\/line><line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"><\/line><\/svg>\n        <span class=\"stp-nav-label\">Le probl\u00e8me<\/span>\n      <\/div>\n\n      <div class=\"stepper-nav-item\" id=\"stp-nav-1\" onclick=\"stpSwitch(1)\">\n        <span class=\"stp-num\">02<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"><\/path><\/svg>\n        <span class=\"stp-nav-label\">Valeur cl\u00e9<\/span>\n      <\/div>\n\n      <div class=\"stepper-nav-item\" id=\"stp-nav-2\" onclick=\"stpSwitch(2)\">\n        <span class=\"stp-num\">03<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 17 2 2 4-4\"><\/path><path d=\"m3 7 2 2 4-4\"><\/path><path d=\"M13 6h8\"><\/path><path d=\"M13 12h8\"><\/path><path d=\"M13 18h8\"><\/path><\/svg>\n        <span class=\"stp-nav-label\">Fonctionnalit\u00e9s<\/span>\n      <\/div>\n\n      <div class=\"stepper-nav-item\" id=\"stp-nav-3\" onclick=\"stpSwitch(3)\">\n        <span class=\"stp-num\">04<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg>\n        <span class=\"stp-nav-label\">Preuves sociales<\/span>\n      <\/div>\n\n      <div class=\"stepper-nav-item\" id=\"stp-nav-4\" onclick=\"stpSwitch(4)\">\n        <span class=\"stp-num\">05<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><\/svg>\n        <span class=\"stp-nav-label\">R\u00e9assurance<\/span>\n      <\/div>\n\n      <div class=\"stepper-nav-item\" id=\"stp-nav-5\" onclick=\"stpSwitch(5)\">\n        <span class=\"stp-num\">06<\/span>\n        <svg class=\"stp-nav-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M8 12h8\"><\/path><path d=\"m12 16 4-4-4-4\"><\/path><\/svg>\n        <span class=\"stp-nav-label\">Appel \u00e0 l&rsquo;action<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"stepper-content\">\n\n      <div class=\"stp-panel stp-active\" id=\"stp-panel-0\">\n        <p class=\"stp-eyebrow\">Le probl\u00e8me<\/p>\n        <p class=\"stp-title\">Commencer par le pain point \u2014 pas le produit<\/p>\n        <p class=\"stp-desc\">Commencer par le pain point du prospect ancre la pertinence d\u00e8s les premi\u00e8res secondes. Personne ne lit une plaquette pour d\u00e9couvrir une solution qu&rsquo;il ne cherche pas encore.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Formuler avec des chiffres concrets&nbsp;: \u00ab\u00a0Vos \u00e9quipes passent X heures par semaine \u00e0&#8230;\u00a0\u00bb<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Utiliser le vocabulaire du secteur cible \u2014 pas le vocabulaire interne de l&rsquo;\u00e9diteur<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Positionner le probl\u00e8me avant toute pr\u00e9sentation du produit ou de l&rsquo;\u00e9quipe<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>Exemple&nbsp;:<\/strong> \u00ab\u00a0Les \u00e9quipes RH de vos clients passent 40% de leur temps sur des t\u00e2ches administratives que votre outil pourrait automatiser.\u00a0\u00bb<\/div>\n      <\/div>\n\n      <div class=\"stp-panel\" id=\"stp-panel-1\">\n        <p class=\"stp-eyebrow\">Valeur cl\u00e9<\/p>\n        <p class=\"stp-title\">La proposition de valeur en une phrase<\/p>\n        <p class=\"stp-desc\">Pas de jargon produit. Une formulation que le prospect peut r\u00e9p\u00e9ter \u00e0 son directeur sans l&rsquo;avoir m\u00e9moris\u00e9e. Concr\u00e8te, chiffr\u00e9e si possible.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Format&nbsp;: \u00ab\u00a0[Produit] permet \u00e0 [cible] de [b\u00e9n\u00e9fice mesurable] sans [contrainte principale]\u00a0\u00bb<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Chiffr\u00e9e si possible&nbsp;: \u00ab\u00a0-30% de temps de traitement\u00a0\u00bb vaut mieux que \u00ab\u00a0gain d&rsquo;efficacit\u00e9\u00a0\u00bb<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Test&nbsp;: si un commercial ne peut pas la reformuler en 10 secondes, elle est trop complexe<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>R\u00e8gle&nbsp;:<\/strong> une ligne, pas un paragraphe. Tout ce qui n\u00e9cessite une virgule suppl\u00e9mentaire appartient \u00e0 la section fonctionnalit\u00e9s.<\/div>\n      <\/div>\n\n      <div class=\"stp-panel\" id=\"stp-panel-2\">\n        <p class=\"stp-eyebrow\">Fonctionnalit\u00e9s<\/p>\n        <p class=\"stp-title\">Les fonctionnalit\u00e9s cl\u00e9s<\/p>\n        <p class=\"stp-desc\">3 \u00e0 5 fonctionnalit\u00e9s maximum, pr\u00e9sent\u00e9es par b\u00e9n\u00e9fice client \u2014 pas par liste technique. Le prospect veut savoir ce qu&rsquo;il gagne, pas ce que le produit fait.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>\u00ab\u00a0G\u00e9n\u00e9ration automatique des rapports\u00a0\u00bb plut\u00f4t que \u00ab\u00a0module de reporting avanc\u00e9\u00a0\u00bb<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Associer chaque fonctionnalit\u00e9 au profil d\u00e9cideur qui en b\u00e9n\u00e9ficie le plus<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Illustrer par des captures d&rsquo;\u00e9cran r\u00e9elles \u2014 jamais des mockups g\u00e9n\u00e9riques<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>Limite&nbsp;:<\/strong> au-del\u00e0 de 5 fonctionnalit\u00e9s, l&rsquo;attention chute. Le reste va dans une fiche technique s\u00e9par\u00e9e.<\/div>\n      <\/div>\n\n      <div class=\"stp-panel\" id=\"stp-panel-3\">\n        <p class=\"stp-eyebrow\">Preuves sociales<\/p>\n        <p class=\"stp-title\">Les preuves sociales<\/p>\n        <p class=\"stp-desc\">Logos clients, chiffres d&rsquo;usage, verbatim court et sourc\u00e9. En SaaS B2B, voir des noms reconnus supprime le principal frein&nbsp;: le risque per\u00e7u d&rsquo;un achat immat\u00e9riel.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Logos de noms reconnus dans le secteur cible \u2014 un logo vaut mieux qu&rsquo;un long t\u00e9moignage<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Chiffres d&rsquo;usage r\u00e9els&nbsp;: nombre d&rsquo;utilisateurs actifs, volume trait\u00e9, anciennet\u00e9 des contrats<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Verbatim court et sourc\u00e9&nbsp;: nom, fonction, entreprise \u2014 jamais une citation anonyme<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>Erreur fr\u00e9quente&nbsp;:<\/strong> afficher des logos sans mentionner le r\u00e9sultat obtenu. Logo + chiffre = preuve compl\u00e8te.<\/div>\n      <\/div>\n\n      <div class=\"stp-panel\" id=\"stp-panel-4\">\n        <p class=\"stp-eyebrow\">R\u00e9assurance<\/p>\n        <p class=\"stp-title\">Les \u00e9l\u00e9ments de r\u00e9assurance technique<\/p>\n        <p class=\"stp-desc\">S\u00e9curit\u00e9, certifications, h\u00e9bergement. Pas un paragraphe complet \u2014 juste les signaux que le DSI et le DAF cherchent au premier coup d&rsquo;oeil.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Logos de certification (ISO 27001, HDS, SOC 2) plus efficaces qu&rsquo;un paragraphe descriptif<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Une phrase sur l&rsquo;h\u00e9bergement&nbsp;: localisation des donn\u00e9es, redondance, uptime garanti<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>Le d\u00e9tail technique complet va dans une fiche technique s\u00e9par\u00e9e \u2014 pas dans la plaquette<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>Format recommand\u00e9&nbsp;:<\/strong> 3-4 logos de certification + une ligne de texte. Sobre et imm\u00e9diatement lisible.<\/div>\n      <\/div>\n\n      <div class=\"stp-panel\" id=\"stp-panel-5\">\n        <p class=\"stp-eyebrow\">Appel \u00e0 l&rsquo;action<\/p>\n        <p class=\"stp-title\">L&rsquo;appel \u00e0 l&rsquo;action<\/p>\n        <p class=\"stp-desc\">En SaaS, proposer une d\u00e9mo plut\u00f4t qu&rsquo;un simple \u00ab\u00a0contact\u00a0\u00bb. C&rsquo;est moins engageant pour le prospect et plus qualifiant pour l&rsquo;\u00e9quipe commerciale.<\/p>\n        <ul class=\"stp-list\">\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>\u00ab\u00a0Demander une d\u00e9mo\u00a0\u00bb r\u00e9duit la friction vs \u00ab\u00a0Nous contacter\u00a0\u00bb ou \u00ab\u00a0Demander un devis\u00a0\u00bb<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>QR code sur la version print \u2014 lien de prise de RDV direct (Calendly, HubSpot Meetings)<\/span><\/li>\n          <li><svg class=\"stp-li-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg><span>R\u00e9p\u00e9ter l&rsquo;appel \u00e0 l&rsquo;action en couverture ET en derni\u00e8re page \u2014 la lecture n&rsquo;est pas lin\u00e9aire<\/span><\/li>\n        <\/ul>\n        <div class=\"stp-tip\"><strong>\u00c0 noter&nbsp;:<\/strong> un prospect qui re\u00e7oit la plaquette par email doit trouver le CTA seul, en moins de 5 secondes, sans pr\u00e9sentation orale pr\u00e9alable.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- IMAGES 3 + 4 -->\n  <div class=\"article-img-split\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/06\/25.jpg\" alt=\"Plaquette B2B tech \u2014 cr\u00e9ation graphique freelance Paris\" loading=\"lazy\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/06\/Plaquette-pages-interieures.jpg\" alt=\"Pages int\u00e9rieures plaquette commerciale B2B \u2014 graphiste freelance Paris\" loading=\"lazy\" title=\"\">\n  <\/div>\n  <p class=\"article-img-caption\">\u00a9 Altay Dagistan<\/p>\n\n  <!-- SECTION 4 -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"><\/circle><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"><\/circle><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"><\/circle><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"><\/circle><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"><\/path><\/svg>\n    Design&nbsp;: ce qui distingue une plaquette SaaS B2B r\u00e9ussie\n  <\/h2>\n  <p>Le design d&rsquo;une plaquette SaaS B2B n&rsquo;est pas d\u00e9coratif \u2014 il porte une partie du message de cr\u00e9dibilit\u00e9 et conditionne la lecture par les diff\u00e9rents profils de&nbsp;d\u00e9cideurs.<\/p>\n\n  <div class=\"dsgn-grid\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n\n    <div class=\"dsgn-card\">\n      <div class=\"dsgn-label\">Typographie<\/div>\n      <div class=\"dsgn-cols\">\n        <div class=\"dsgn-ok\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            Fonctionne\n          <\/div>\n          <p class=\"dsgn-text\">Sans-s\u00e9rif moderne, hi\u00e9rarchie claire, espacement g\u00e9n\u00e9reux<\/p>\n        <\/div>\n        <div class=\"dsgn-sep\"><\/div>\n        <div class=\"dsgn-ko\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n            Nuit\n          <\/div>\n          <p class=\"dsgn-text\">Fonts d\u00e9coratives, texte dense, corps trop petit<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dsgn-card\">\n      <div class=\"dsgn-label\">Couleurs<\/div>\n      <div class=\"dsgn-cols\">\n        <div class=\"dsgn-ok\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            Fonctionne\n          <\/div>\n          <p class=\"dsgn-text\">Palette restreinte (2-3 couleurs), tons tech \u2014 bleu nuit, blanc, accent vif<\/p>\n        <\/div>\n        <div class=\"dsgn-sep\"><\/div>\n        <div class=\"dsgn-ko\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n            Nuit\n          <\/div>\n          <p class=\"dsgn-text\">D\u00e9grad\u00e9s complexes, couleurs multiples, effets visuels dat\u00e9s<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dsgn-card\">\n      <div class=\"dsgn-label\">Visuels<\/div>\n      <div class=\"dsgn-cols\">\n        <div class=\"dsgn-ok\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            Fonctionne\n          <\/div>\n          <p class=\"dsgn-text\">Captures d&rsquo;\u00e9cran du produit, ic\u00f4nes vectorielles, infographies sch\u00e9matiques<\/p>\n        <\/div>\n        <div class=\"dsgn-sep\"><\/div>\n        <div class=\"dsgn-ko\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n            Nuit\n          <\/div>\n          <p class=\"dsgn-text\">Stock photos g\u00e9n\u00e9riques, illustrations 3D sans rapport avec le produit<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dsgn-card\">\n      <div class=\"dsgn-label\">Donn\u00e9es<\/div>\n      <div class=\"dsgn-cols\">\n        <div class=\"dsgn-ok\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            Fonctionne\n          <\/div>\n          <p class=\"dsgn-text\">Chiffres mis en valeur, KPI client, benchmarks sectoriels sourc\u00e9s<\/p>\n        <\/div>\n        <div class=\"dsgn-sep\"><\/div>\n        <div class=\"dsgn-ko\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n            Nuit\n          <\/div>\n          <p class=\"dsgn-text\">Donn\u00e9es non sourc\u00e9es, chiffres trop ronds (\u00ab\u00a0200% de gain\u00a0\u00bb)<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"dsgn-card\">\n      <div class=\"dsgn-label\">Format<\/div>\n      <div class=\"dsgn-cols\">\n        <div class=\"dsgn-ok\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n            Fonctionne\n          <\/div>\n          <p class=\"dsgn-text\">PDF interactif + version print identique, A4 portrait ou paysage selon usage<\/p>\n        <\/div>\n        <div class=\"dsgn-sep\"><\/div>\n        <div class=\"dsgn-ko\">\n          <div class=\"dsgn-col-head\">\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\n            Nuit\n          <\/div>\n          <p class=\"dsgn-text\">Format non standard, version print non pr\u00e9vue<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- SECTION 5 -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" x2=\"6\" y1=\"3\" y2=\"15\"><\/line><circle cx=\"18\" cy=\"6\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle><path d=\"M18 9a9 9 0 0 1-9 9\"><\/path><\/svg>\n    Plaquette g\u00e9n\u00e9rique vs plaquette sectorielle&nbsp;SaaS\n  <\/h2>\n  <p>En SaaS B2B, la segmentation paie \u2014 surtout sur les cycles de vente longs o\u00f9 la plaquette est consult\u00e9e plusieurs fois par plusieurs&nbsp;personnes.<\/p>\n\n  <div class=\"tier-list\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n\n    <div class=\"tier-row tier-bad\">\n      <div class=\"tier-left\">\n        <div class=\"tier-badge tier-badge-bad\">Faible impact<\/div>\n        <div class=\"tier-name\">G\u00e9n\u00e9rique<\/div>\n      <\/div>\n      <div class=\"tier-body\">\n        <p class=\"tier-impl\">Un seul document pour toutes les cibles et tous les secteurs<\/p>\n        <p class=\"tier-result\">Lecture partielle, peu de m\u00e9morisation, faible engagement commercial<\/p>\n        <div class=\"tier-bar-wrap\">\n          <div class=\"tier-bar\" data-width=\"18\" style=\"background:#e07070;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tier-row tier-mid\">\n      <div class=\"tier-left\">\n        <div class=\"tier-badge tier-badge-mid\">Correct<\/div>\n        <div class=\"tier-name\">Segment\u00e9e<\/div>\n      <\/div>\n      <div class=\"tier-body\">\n        <p class=\"tier-impl\">Adapt\u00e9e par profil d\u00e9cideur \u2014 DSI, DAF, responsable m\u00e9tier<\/p>\n        <p class=\"tier-result\">Chaque lecteur trouve ses propres arguments, meilleure circulation interne<\/p>\n        <div class=\"tier-bar-wrap\">\n          <div class=\"tier-bar\" data-width=\"52\" style=\"background:#d4c860;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tier-row tier-good\">\n      <div class=\"tier-left\">\n        <div class=\"tier-badge tier-badge-good\">Recommand\u00e9<\/div>\n        <div class=\"tier-name\">Sectorielle<\/div>\n      <\/div>\n      <div class=\"tier-body\">\n        <p class=\"tier-impl\">Une version par vertical \u2014 banque, assurance, RH, logistique&#8230;<\/p>\n        <p class=\"tier-result\">R\u00e9f\u00e9rences et cas d&rsquo;usage sp\u00e9cifiques au secteur, cr\u00e9dibilit\u00e9 renforc\u00e9e<\/p>\n        <div class=\"tier-bar-wrap\">\n          <div class=\"tier-bar\" data-width=\"78\" style=\"background:#7ecf60;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tier-row tier-best\">\n      <div class=\"tier-left\">\n        <div class=\"tier-badge tier-badge-best\">Impact maximal<\/div>\n        <div class=\"tier-name\">Personnalis\u00e9e<\/div>\n      <\/div>\n      <div class=\"tier-body\">\n        <p class=\"tier-impl\">Adapt\u00e9e \u00e0 un prospect ou compte cible sp\u00e9cifique<\/p>\n        <p class=\"tier-result\">Engagement maximal \u2014 r\u00e9serv\u00e9e aux comptes strat\u00e9giques \u00e0 fort enjeu<\/p>\n        <div class=\"tier-bar-wrap\">\n          <div class=\"tier-bar\" data-width=\"97\" style=\"background:#4CB731;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"callout callout-amber\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n    <div class=\"callout-text\">Cr\u00e9er une plaquette par vertical repr\u00e9sente un investissement plus important, mais le gain en taux de r\u00e9ponse est mesurable. Une plaquette \u00ab\u00a0banque\u00a0\u00bb et une plaquette \u00ab\u00a0logistique\u00a0\u00bb peuvent partager 70% de leur structure tout en semblant enti\u00e8rement sur-mesure pour le&nbsp;lecteur.<\/div>\n  <\/div>\n\n  <!-- SECTION 6 \u2014 QUIZ -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <svg class=\"h2-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"><\/rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path><path d=\"m9 14 2 2 4-4\"><\/path><\/svg>\n    Votre plaquette est-elle calibr\u00e9e SaaS&nbsp;B2B&nbsp;?\n  <\/h2>\n  <p>Six questions sur votre support actuel. Moins d&rsquo;une&nbsp;minute.<\/p>\n\n  <div class=\"quiz-wrap\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <div class=\"quiz-progress-track\"><div class=\"quiz-progress-fill\" id=\"quizBar\"><\/div><\/div>\n    <div class=\"quiz-body\" id=\"quizQuestion\">\n      <div class=\"quiz-meta\">\n        <span class=\"quiz-q-num\" id=\"quizNum\">Question 1 \/ 6<\/span>\n        <div class=\"quiz-dots\" id=\"quizDots\"><\/div>\n      <\/div>\n      <p class=\"quiz-text\" id=\"quizText\"><\/p>\n      <div class=\"quiz-btns\">\n        <button class=\"quiz-btn-oui\" onclick=\"quizAnswer(true)\">Oui<\/button>\n        <button class=\"quiz-btn-non\" onclick=\"quizAnswer(false)\">Non<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"quiz-result\" id=\"quizResult\">\n      <div class=\"quiz-result-badge\" id=\"quizBadge\"><\/div>\n      <p class=\"quiz-result-title\" id=\"quizTitle\"><\/p>\n      <p class=\"quiz-result-desc\" id=\"quizDesc\"><\/p>\n      <p class=\"quiz-result-score\" id=\"quizScore\"><\/p>\n      <a href=\"\/demande-de-devis\/\" class=\"quiz-result-cta\">Demander un devis<\/a><br>\n      <button class=\"quiz-restart-btn\" onclick=\"quizRestart()\">Recommencer<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-green\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <span class=\"callout-icon\">\ud83d\udca1<\/span>\n    <div class=\"callout-text\"><strong>Ce qu&rsquo;il faut retenir&nbsp;:<\/strong> une plaquette SaaS B2B doit rendre visible ce qui est immat\u00e9riel, parler \u00e0 plusieurs profils de d\u00e9cideurs avec des priorit\u00e9s diff\u00e9rentes, et rassurer sur les aspects techniques et financiers sans jargon. La structure suit le probl\u00e8me avant la solution, les preuves avant les&nbsp;arguments.<\/div>\n  <\/div>\n\n  <div class=\"cta-box\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <p class=\"cta-title\">Vous avez un projet de plaquette SaaS B2B&nbsp;?<\/p>\n    <p class=\"cta-sub\">Cr\u00e9ation sur-mesure \u2014 structure, contenu et design calibr\u00e9s pour des cycles de vente B2B longs et multi-d\u00e9cideurs. Devis sous&nbsp;24&nbsp;h.<\/p>\n    <a href=\"\/creation-plaquette-commerciale\/\" class=\"cta-btn\">Voir la page plaquette<\/a>\n    <div class=\"cta-meta\">Paris \u00b7 Freelance \u00b7 Disponible pour missions France enti\u00e8re<\/div>\n  <\/div>\n\n<\/article>\n\n<script>\n\/* === TABS === *\/\nfunction switchTab(id) {\n  if (window.innerWidth <= 768) { return; }\n  var panels = document.querySelectorAll('.tab-panel');\n  var allBtns = document.querySelectorAll('.tab-btn');\n  for (var i = 0; i < panels.length; i++) { panels[i].classList.remove('active'); }\n  for (var j = 0; j < allBtns.length; j++) {\n    allBtns[j].classList.remove('active');\n    if (allBtns[j].getAttribute('onclick') === \"switchTab('\" + id + \"')\") { allBtns[j].classList.add('active'); }\n  }\n  document.getElementById('tab-' + id).classList.add('active');\n}\n\n\/* === STEPPER === *\/\nvar stpTotal = 6;\nfunction stpSwitch(index) {\n  for (var i = 0; i < stpTotal; i++) {\n    var nav = document.getElementById('stp-nav-' + i);\n    var panel = document.getElementById('stp-panel-' + i);\n    if (nav) { nav.classList.remove('stp-active'); }\n    if (panel) { panel.classList.remove('stp-active'); }\n  }\n  var n = document.getElementById('stp-nav-' + index);\n  var p = document.getElementById('stp-panel-' + index);\n  if (n) { n.classList.add('stp-active'); }\n  if (p) { p.classList.add('stp-active'); }\n}\n\n\/* === QUIZ === *\/\nvar quizQuestions = [\n  'Votre plaquette commence par le probl\\u00e8me client \\u2014 avant toute pr\\u00e9sentation de votre produit\\u00a0?',\n  'La proposition de valeur tient en une phrase lisible sans jargon technique\\u00a0?',\n  'Au moins un cas client avec des r\\u00e9sultats chiffr\\u00e9s est mentionn\\u00e9\\u00a0?',\n  'L\\u2019interface est illustr\\u00e9e par des captures d\\u2019\\u00e9cran r\\u00e9elles \\u2014 pas des mockups g\\u00e9n\\u00e9riques\\u00a0?',\n  'Le document peut circuler sans pr\\u00e9sentation orale et rester compr\\u00e9hensible seul\\u00a0?',\n  'L\\u2019appel \\u00e0 l\\u2019action propose une d\\u00e9mo ou un \\u00e9change \\u2014 pas seulement un formulaire de contact\\u00a0?'\n];\nvar quizScore = 0;\nvar quizCurrent = 0;\n\nfunction quizBuildDots() {\n  var c = document.getElementById('quizDots');\n  if (!c) { return; }\n  c.innerHTML = '';\n  for (var i = 0; i < quizQuestions.length; i++) {\n    var d = document.createElement('div');\n    if (i < quizCurrent) { d.className = 'quiz-dot done'; }\n    else if (i === quizCurrent) { d.className = 'quiz-dot current'; }\n    else { d.className = 'quiz-dot'; }\n    c.appendChild(d);\n  }\n}\n\nfunction quizShowQ() {\n  var total = quizQuestions.length;\n  document.getElementById('quizBar').style.width = Math.round((quizCurrent \/ total) * 100) + '%';\n  document.getElementById('quizNum').textContent = 'Question ' + (quizCurrent + 1) + ' \/ ' + total;\n  document.getElementById('quizText').textContent = quizQuestions[quizCurrent];\n  quizBuildDots();\n}\n\nfunction quizAnswer(isOui) {\n  if (isOui) { quizScore++; }\n  quizCurrent++;\n  var wrap = document.getElementById('quizQuestion');\n  wrap.style.opacity = '0';\n  setTimeout(function() {\n    if (quizCurrent < quizQuestions.length) {\n      quizShowQ();\n      wrap.style.opacity = '1';\n    } else {\n      quizShowResult();\n    }\n  }, 180);\n}\n\nfunction quizShowResult() {\n  document.getElementById('quizBar').style.width = '100%';\n  document.getElementById('quizQuestion').style.display = 'none';\n  var r = document.getElementById('quizResult');\n  r.style.display = 'block';\n  var badge = document.getElementById('quizBadge');\n  var title = document.getElementById('quizTitle');\n  var desc  = document.getElementById('quizDesc');\n  document.getElementById('quizScore').textContent = quizScore + ' \/ ' + quizQuestions.length + ' crit\\u00e8res valid\\u00e9s';\n  if (quizScore >= 5) {\n    badge.textContent = '\\u2705'; badge.className = 'quiz-result-badge badge-green';\n    title.textContent = 'Plaquette bien calibr\\u00e9e';\n    desc.textContent = 'Votre plaquette est structur\\u00e9e pour un cycle de vente SaaS B2B multi-d\\u00e9cideurs. Des ajustements de design ou de ton peuvent l\\u2019affiner, mais la base est solide.';\n  } else if (quizScore >= 3) {\n    badge.textContent = '\\u26a0\\ufe0f'; badge.className = 'quiz-result-badge badge-amber';\n    title.textContent = 'Des ajustements n\\u00e9cessaires';\n    desc.textContent = 'Votre plaquette a des points forts, mais certains \\u00e9l\\u00e9ments cl\\u00e9s manquent. Quelques corrections cibl\\u00e9es peuvent significativement am\\u00e9liorer son impact commercial.';\n  } else {\n    badge.textContent = '\\ud83d\\udd34'; badge.className = 'quiz-result-badge badge-red';\n    title.textContent = '\\u00c0 retravailler en priorit\\u00e9';\n    desc.textContent = 'Votre plaquette ne r\\u00e9pond pas encore aux attentes d\\u2019un achat SaaS B2B. Structure, preuves sociales et appel \\u00e0 l\\u2019action sont \\u00e0 revoir.';\n  }\n}\n\nfunction quizRestart() {\n  quizScore = 0; quizCurrent = 0;\n  document.getElementById('quizResult').style.display = 'none';\n  var wrap = document.getElementById('quizQuestion');\n  wrap.style.display = 'block';\n  wrap.style.opacity = '1';\n  quizShowQ();\n}\n\n\/* === ANIMATED COUNTERS === *\/\nfunction animateCounter(el, target, duration) {\n  var start = performance.now();\n  function step(now) {\n    var p = Math.min((now - start) \/ duration, 1);\n    var e = 1 - Math.pow(1 - p, 3);\n    el.textContent = Math.round(e * target);\n    if (p < 1) { requestAnimationFrame(step); }\n  }\n  requestAnimationFrame(step);\n}\nvar countersStarted = false;\nfunction checkCounters() {\n  if (countersStarted) { return; }\n  var s = document.querySelector('.key-numbers');\n  if (!s) { return; }\n  if (s.getBoundingClientRect().top < window.innerHeight * 0.9) {\n    countersStarted = true;\n    var c1 = document.querySelector('.kn-count');\n    var c2 = document.querySelector('.kn-count2');\n    var c3 = document.querySelector('.kn-count3');\n    var c4 = document.querySelector('.kn-count4');\n    if (c1) { animateCounter(c1, 5, 1200); }\n    if (c2) { animateCounter(c2, 7, 1400); }\n    if (c3) { animateCounter(c3, 4, 1000); }\n    if (c4) { animateCounter(c4, 15, 1600); }\n  }\n}\n\n\/* === STICKY === *\/\nwindow.addEventListener('scroll', function() {\n  var sticky = document.getElementById('artSticky');\n  if (sticky) {\n    if (window.scrollY > 500) { sticky.classList.add('art-sticky-visible'); }\n    else { sticky.classList.remove('art-sticky-visible'); }\n  }\n  checkCounters();\n  checkTierBars();\n}, { passive: true });\n\n\/* === AOS === *\/\n(function() {\n  function rescue() { var els = document.querySelectorAll('[data-aos]'); for (var i = 0; i < els.length; i++) { els[i].style.opacity = '1'; els[i].style.transform = 'none'; } }\n  function initAOS() { if (typeof AOS !== 'undefined') { AOS.init({ once: true, offset: 60, duration: 350 }); } else { rescue(); } }\n  function loadScript(src, ok, fail) { var s = document.createElement('script'); s.src = src; s.onload = ok; s.onerror = fail; document.body.appendChild(s); }\n  loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js', initAOS, function() { loadScript('https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js', initAOS, rescue); });\n  setTimeout(function() { if (!document.querySelector('.aos-animate')) { rescue(); } }, 3000);\n})();\n\n\/* === TIER BARS === *\/\nvar tierBarsStarted = false;\nfunction checkTierBars() {\n  if (tierBarsStarted) { return; }\n  var list = document.querySelector('.tier-list');\n  if (!list) { return; }\n  var rect = list.getBoundingClientRect();\n  if (rect.top < window.innerHeight * 0.85) {\n    tierBarsStarted = true;\n    var bars = document.querySelectorAll('.tier-bar');\n    for (var i = 0; i < bars.length; i++) {\n      (function(bar, delay) {\n        setTimeout(function() {\n          bar.style.width = bar.getAttribute('data-width') + '%';\n        }, delay);\n      })(bars[i], i * 120);\n    }\n  }\n}\n\n\/* === INIT === *\/\ndocument.addEventListener('DOMContentLoaded', function() {\n  quizShowQ();\n  checkCounters();\n  checkTierBars();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Plaquette SaaS B2B &nbsp;\u00b7&nbsp; Devis sous&nbsp;24&nbsp;h \u00b7 Paris Demander un devis Plaquette commerciale \u00b7 SaaS B2B Plaquette commerciale SaaS&nbsp;: ce qui change par rapport au B2B classique Une plaquette pour un \u00e9diteur SaaS ne fonctionne pas comme celle d&rsquo;un cabinet de conseil ou d&rsquo;un prestataire industriel. Le produit est immat\u00e9riel, le cycle de vente est [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18563,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-18562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-graphisme"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/comments?post=18562"}],"version-history":[{"count":13,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18562\/revisions"}],"predecessor-version":[{"id":18949,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18562\/revisions\/18949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media\/18563"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media?parent=18562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/categories?post=18562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/tags?post=18562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}