{"id":18117,"date":"2026-03-15T19:50:48","date_gmt":"2026-03-15T18:50:48","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18117"},"modified":"2026-03-23T23:54:50","modified_gmt":"2026-03-23T22:54:50","slug":"trade-show-5-visual-aids-to-prepare-before-the-big-day","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/en\/trade-show-5-visual-aids-to-prepare-before-the-big-day\/","title":{"rendered":"Trade show: 5 visual aids to prepare before the big day"},"content":{"rendered":"\n<!-- Chart.js -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.min.js\"><\/script>\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  .article-wrap { max-width: 1400px; margin: 0 auto; padding: 60px 40px 100px; font-family: var(--font); color: var(--white); }\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  .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; }\n  .kn-value { font-size: 26px; font-weight: 800; color: var(--white); margin-bottom: 4px; }\n  .kn-value span { color: var(--accent); }\n  .kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.4; }\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  .article-wrap h2 .icon { font-size: 20px; }\n  .article-wrap h3 { font-size: 16px; font-weight: 700; color: var(--white); margin: 24px 0 10px; font-family: var(--font); display: flex; align-items: center; gap: 8px; }\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  .table-wrap { overflow-x: auto; margin: 16px 0 24px; border-radius: 12px; 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: 12px 16px; 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: 12px 16px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; }\n  .article-wrap tbody tr:last-child td { border-bottom: none; }\n  .td-name { font-weight: 700; color: var(--white); }\n  .td-accent { font-weight: 700; color: var(--accent); }\n  .callout { border-radius: 12px; padding: 18px 22px; margin: 20px 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  .support-block { border: 1px solid var(--border); border-radius: 16px; padding: 28px; margin: 32px 0; }\n  .support-block.featured { border-color: rgba(76,183,49,0.4); }\n  .support-num { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }\n  .support-title { font-size: 20px; font-weight: 800; color: var(--white); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }\n  .support-img { width: 100%; max-width: 600px; height: auto; border-radius: 10px; margin-bottom: 6px; display: block; }\n  .img-caption { font-size: 11px; color: #434343; margin-bottom: 0; font-style: italic; }\n  .support-intro-row { display: flex; gap: 32px; align-items: center; margin-bottom: 24px; }\n  .support-intro-row .img-col { flex: 0 0 50%; max-width: 50%; }\n  .support-intro-row .img-col .support-img { max-width: 100%; }\n  .support-intro-row .text-col { flex: 1; }\n  @media (max-width: 768px) { .support-intro-row { flex-direction: column; } .support-intro-row .img-col { flex: 0 0 100%; max-width: 100%; } }\n  .ul-styled { list-style: none; margin: 12px 0 0; }\n  .ul-styled li { font-size: 14px; color: var(--gray-light); padding: 7px 0; border-bottom: 1px solid #1a1a28; display: flex; gap: 10px; align-items: flex-start; }\n  .ul-styled li:last-child { border-bottom: none; }\n  .article-wrap hr { border: none; border-top: 1px solid var(--border); margin: 48px 0; }\n\n  \/* PLANNER *\/\n  .planner-box { border: 1px solid var(--blue); border-radius: 20px; padding: 36px; margin: 40px 0; background: rgba(40,124,202,0.04); }\n  .planner-title { font-size: 20px; font-weight: 800; color: var(--white); margin-bottom: 6px; font-family: var(--font); }\n  .planner-sub { font-size: 14px; color: var(--gray); margin-bottom: 28px; }\n  .planner-step { margin-bottom: 28px; }\n  .planner-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-bottom: 10px; display: block; }\n  .planner-date { background: transparent; border: 1px solid var(--border); border-radius: 8px; padding: 12px 16px; color: var(--white); font-family: var(--font); font-size: 15px; outline: none; width: 100%; max-width: 260px; transition: border-color 0.2s; }\n  .planner-date:focus { border-color: var(--blue); }\n  .planner-date::-webkit-calendar-picker-indicator { filter: invert(0.7); cursor: pointer; }\n  .supports-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }\n  .support-check { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; transition: all 0.15s; user-select: none; }\n  .support-check:hover { border-color: var(--gray); }\n  .support-check.checked { border-color: var(--accent); background: rgba(76,183,49,0.06); }\n  .support-check input { display: none; }\n  .check-box { width: 18px; height: 18px; border: 1.5px solid var(--border); border-radius: 4px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all 0.15s; }\n  .support-check.checked .check-box { background: var(--accent); border-color: var(--accent); }\n  .check-mark { display: none; color: #000; font-size: 11px; font-weight: 700; }\n  .support-check.checked .check-mark { display: block; }\n  .check-info { flex: 1; }\n  .check-name { font-size: 14px; font-weight: 600; color: var(--white); font-family: var(--font); }\n  .check-budget { font-size: 11px; color: var(--gray); }\n  .planner-btn { background: var(--white); color: #000; font-family: var(--font); font-size: 15px; font-weight: 700; border: none; border-radius: 8px; padding: 14px 32px; cursor: pointer; margin-top: 8px; transition: background 0.2s; }\n  .planner-btn:hover { background: #e0e0e0; }\n  .planner-result { display: none; margin-top: 32px; border-top: 1px solid var(--border); padding-top: 28px; }\n  .planner-result.visible { display: block; }\n  .result-title { font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 20px; font-family: var(--font); }\n  .timeline { position: relative; }\n  .timeline-item { display: flex; gap: 16px; margin-bottom: 16px; align-items: flex-start; }\n  .timeline-dot { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-top: 2px; }\n  .dot-green { background: rgba(76,183,49,0.15); border: 1.5px solid var(--accent); }\n  .dot-blue { background: rgba(40,124,202,0.15); border: 1.5px solid var(--blue); }\n  .dot-amber { background: rgba(186,117,23,0.15); border: 1.5px solid #BA7517; }\n  .dot-red { background: rgba(205,52,52,0.15); border: 1.5px solid var(--red); }\n  .timeline-content { flex: 1; }\n  .timeline-date { font-size: 13px; font-weight: 700; color: var(--white); font-family: var(--font); }\n  .timeline-date.overdue { color: var(--red); }\n  .timeline-date.urgent { color: #BA7517; }\n  .timeline-task { font-size: 13px; color: var(--gray-light); margin-top: 2px; line-height: 1.4; }\n  .budget-summary { background: #12121e; border-radius: 12px; padding: 20px; margin-top: 24px; }\n  .budget-title { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-bottom: 14px; }\n  .budget-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #1a1a28; font-size: 13px; }\n  .budget-row:last-child { border-bottom: none; font-weight: 700; color: var(--white); font-size: 14px; padding-top: 12px; }\n  .budget-item { color: var(--gray-light); }\n  .budget-price { color: var(--accent); font-weight: 600; }\n  .warning-box { background: rgba(205,52,52,0.08); border: 1px solid rgba(205,52,52,0.3); border-radius: 10px; padding: 14px 18px; margin-top: 16px; font-size: 13px; color: #f09595; display: none; }\n  .warning-box.visible { display: block; }\n\n  \/* PORTFOLIO *\/\n  .portfolio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0 48px; }\n  .portfolio-item { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); aspect-ratio: 4\/3; }\n  .portfolio-item img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .cta-box { border: 1px solid var(--gray-dark); border-radius: 20px; padding: 36px 40px; text-align: center; margin-top: 56px; background: #0d0d18; }\n  .cta-title { font-size: 20px; font-weight: 800; color: var(--white); margin-bottom: 10px; font-family: var(--font); }\n  .cta-sub { font-size: 15px; color: var(--gray); margin-bottom: 24px; }\n  .cta-btn { display: inline-block; background: var(--white); color: #000; font-family: var(--font); font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 8px; text-decoration: none; transition: background 0.2s, color 0.2s; }\n  .cta-btn:hover { background: var(--accent); color: #fff; }\n\n  @media (max-width: 768px) {\n    .article-wrap { padding: 40px 0 80px; }\n    .key-numbers { grid-template-columns: repeat(3, 1fr); gap: 10px; }\n    .kn-card { padding: 14px 10px; }\n    .kn-value { font-size: 18px; }\n    .supports-grid { grid-template-columns: 1fr; }\n    .portfolio-grid { grid-template-columns: 1fr; gap: 12px; }\n    .planner-box { padding: 24px 20px; }\n    .cta-box { padding: 28px 20px; }\n  }\n  @media (max-width: 500px) {\n    .key-numbers { grid-template-columns: 1fr; }\n    .article-title { font-size: 26px; }\n    .article-wrap h2 { font-size: 18px; }\n    .support-block { padding: 20px; }\n  }\n<\/style>\n\n<article class=\"article-wrap\">\n\n  <p class=\"article-eyebrow\">Salon professionnel \u00b7 Guide<\/p>\n  <h1 class=\"article-title\">Salon professionnel&nbsp;: 5 supports visuels \u00e0 pr\u00e9parer avant le jour J<\/h1>\n  <p class=\"article-intro\">Vous avez r\u00e9serv\u00e9 votre espace, confirm\u00e9 votre pr\u00e9sence. Mais les supports visuels ne sont pas encore command\u00e9s. Voici les 5 supports \u00e0 pr\u00e9voir, avec les sp\u00e9cifications techniques, les points de vigilance design, et un planificateur interactif pour ne rien oublier.<\/p>\n\n  <div class=\"key-numbers\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>5<\/span><\/div>\n      <div class=\"kn-label\">Supports visuels essentiels<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>3<\/span> sem.<\/div>\n      <div class=\"kn-label\">Avant impression minimum<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>6<\/span> sem.<\/div>\n      <div class=\"kn-label\">Avant lancement cr\u00e9ation<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MINI PLANNER -->\n  <div class=\"planner-box\" style=\"margin-bottom: 48px;\">\n    <p class=\"planner-title\">Calculez vos d\u00e9lais en 30 secondes<\/p>\n    <p class=\"planner-sub\">Entrez la date de votre salon et s\u00e9lectionnez vos supports. Vos \u00e9ch\u00e9ances s&rsquo;affichent instantan\u00e9ment.<\/p>\n    <div style=\"display:flex; gap: 16px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px;\">\n      <div>\n        <label class=\"planner-label\">Date du salon<\/label>\n        <input type=\"date\" class=\"planner-date\" id=\"salonDateMini\" \/>\n      <\/div>\n      <button class=\"planner-btn\" onclick=\"generatePlanMini()\" style=\"margin-top: 0;\">Voir mes d\u00e9lais \u2197<\/button>\n    <\/div>\n    <div class=\"supports-grid\" style=\"margin-bottom: 0;\">\n      <div class=\"support-check checked\" data-support=\"kakemono\" onclick=\"toggleSupportMini(this)\">\n        <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n        <div class=\"check-info\"><div class=\"check-name\">\ud83e\udea7 Kak\u00e9mono<\/div><\/div>\n      <\/div>\n      <div class=\"support-check\" data-support=\"parapluie\" onclick=\"toggleSupportMini(this)\">\n        <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n        <div class=\"check-info\"><div class=\"check-name\">\u26fa Stand parapluie<\/div><\/div>\n      <\/div>\n      <div class=\"support-check\" data-support=\"plaquette\" onclick=\"toggleSupportMini(this)\">\n        <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n        <div class=\"check-info\"><div class=\"check-name\">\ud83d\udcc4 Plaquette<\/div><\/div>\n      <\/div>\n      <div class=\"support-check\" data-support=\"carte\" onclick=\"toggleSupportMini(this)\">\n        <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n        <div class=\"check-info\"><div class=\"check-name\">\ud83c\udccf Carte de visite<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div id=\"miniResult\" style=\"display:none; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border);\">\n      <div id=\"miniTimeline\"><\/div>\n      <a href=\"#planificateur-complet\" style=\"display:inline-block; margin-top:16px; font-size:13px; font-weight:600; color:#fff; border:1px solid var(--border); border-radius:8px; padding:10px 20px; text-decoration:none; transition:background 0.2s, color 0.2s; font-family:var(--font);\" onmouseover=\"this.style.background='#fff';this.style.color='#000';\" onmouseout=\"this.style.background='transparent';this.style.color='#fff';\">\u2193 Voir le planning complet avec budget estim\u00e9<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- SUPPORTS -->\n  <div class=\"support-block featured\">\n    <div class=\"support-num\">Support 01<\/div>\n    <div class=\"support-title\">\ud83e\udea7 Le kak\u00e9mono<\/div>\n    <div class=\"support-intro-row\">\n      <div class=\"img-col\"><img decoding=\"async\" class=\"support-img\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2025\/06\/Ethifinance-kakemono-roll-up-design.webp\" alt=\"Kak\u00e9monos EthiFinance \u2014 cr\u00e9ation graphique salon professionnel\" loading=\"lazy\" title=\"\"><p class=\"img-caption\">\u00a9 Altay Dagistan \u2014 EthiFinance<\/p><\/div>\n      <div class=\"text-col\"><p style=\"margin-bottom:0;\">C&rsquo;est le support le plus utilis\u00e9 en salon. L\u00e9ger, transportable, mont\u00e9 en quelques secondes. Un kak\u00e9mono bien con\u00e7u identifie votre marque \u00e0 distance, r\u00e9sume votre offre, et donne une image professionnelle imm\u00e9diate \u00e0 votre stand.<\/p><\/div>\n    <\/div>\n    <div class=\"table-wrap\">\n      <table>\n        <thead><tr><th>Param\u00e8tre<\/th><th>Valeur recommand\u00e9e<\/th><\/tr><\/thead>\n        <tbody>\n          <tr><td class=\"td-name\">Format standard<\/td><td>85 x&nbsp;200&nbsp;cm ou 100 x&nbsp;200&nbsp;cm<\/td><\/tr>\n          <tr><td class=\"td-name\">Format de fichier<\/td><td>PDF vectoriel ou AI<\/td><\/tr>\n          <tr><td class=\"td-name\">R\u00e9solution<\/td><td>150&nbsp;DPI minimum \u00e0 taille r\u00e9elle<\/td><\/tr>\n          <tr><td class=\"td-name\">Fond perdu<\/td><td>Oui, obligatoire (5&nbsp;mm)<\/td><\/tr>\n          <tr><td class=\"td-name\">Mode colorim\u00e9trique<\/td><td>CMJN<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <h3>\u26a0\ufe0f Points de vigilance design<\/h3>\n    <ul class=\"ul-styled\">\n      <li><span>\ud83d\udc41\ufe0f<\/span><span>Typographie lisible \u00e0 3 m\u00e8tres : tailles g\u00e9n\u00e9reuses, contraste fort, messages courts<\/span><\/li>\n      <li><span>\ud83c\udfaf<\/span><span>Con\u00e7u pour accrocher le regard en mouvement, pas pour \u00eatre lu mot \u00e0 mot<\/span><\/li>\n      <li><span>\ud83d\udccd<\/span><span>Logo bien plac\u00e9 en haut, hi\u00e9rarchie visuelle claire du haut vers le bas<\/span><\/li>\n      <li><span>\ud83d\udeab<\/span><span>Un visuel surcharg\u00e9 repousse. Moins d&rsquo;\u00e9l\u00e9ments, plus d&rsquo;impact<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- SUPPORT 2 -->\n  <div class=\"support-block\">\n    <div class=\"support-num\">Support 02<\/div>\n    <div class=\"support-title\">\u26fa Le stand parapluie<\/div>\n    <div class=\"support-intro-row\">\n      <div class=\"img-col\"><img decoding=\"async\" class=\"support-img\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2017\/01\/ado-habitat-expo-kakemono-et-parapluie.jpg\" alt=\"Stand parapluie ADO Habitat \u2014 salon professionnel\" loading=\"lazy\" title=\"\"><p class=\"img-caption\">\u00a9 Altay Dagistan \u2014 ADO Habitat<\/p><\/div>\n      <div class=\"text-col\"><p style=\"margin-bottom:0;\">Pour d\u00e9limiter un espace ou cr\u00e9er une structure visuelle plus imposante. Le stand parapluie se monte sans outil en moins de 5 minutes. Il existe en version demi-lune, carr\u00e9 ou rectangulaire.<\/p><\/div>\n    <\/div>\n    <div class=\"table-wrap\">\n      <table>\n        <thead><tr><th>Param\u00e8tre<\/th><th>Valeur recommand\u00e9e<\/th><\/tr><\/thead>\n        <tbody>\n          <tr><td class=\"td-name\">Format fr\u00e9quent<\/td><td>3 x&nbsp;2,25&nbsp;m ou 2,4 x&nbsp;2,4&nbsp;m<\/td><\/tr>\n          <tr><td class=\"td-name\">Usage principal<\/td><td>Fond de stand, s\u00e9parateur, mur de marque<\/td><\/tr>\n          <tr><td class=\"td-name\">R\u00e9solution<\/td><td>100&nbsp;DPI minimum (grand format)<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <h3>\u26a0\ufe0f Points de vigilance design<\/h3>\n    <ul class=\"ul-styled\">\n      <li><span>\u2705<\/span><span>Fichier graphique couvrant toute la surface : la moindre erreur se voit \u00e0 grande \u00e9chelle<\/span><\/li>\n      <li><span>\ud83d\udc46<\/span><span>Logo et message principal en haut du visuel, toujours visible m\u00eame partiellement masqu\u00e9<\/span><\/li>\n      <li><span>\ud83d\udeab<\/span><span>Ne pas concentrer l&rsquo;information dans la moiti\u00e9 basse : du mat\u00e9riel et des visiteurs la masqueront<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- SUPPORT 3 -->\n  <div class=\"support-block\">\n    <div class=\"support-num\">Support 03<\/div>\n    <div class=\"support-title\">\ud83e\ude91 Le comptoir de stand<\/div>\n    <div class=\"support-intro-row\">\n      <div class=\"img-col\"><img decoding=\"async\" class=\"support-img\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2023\/11\/2-01.jpg\" alt=\"Comptoir de stand Cocolabs Tech for Retail \u2014 cr\u00e9ation graphique\" loading=\"lazy\" title=\"\"><p class=\"img-caption\">\u00a9 Altay Dagistan \u2014 Cocolabs \/ Tech for Retail<\/p><\/div>\n      <div class=\"text-col\"><p style=\"margin-bottom:0;\">C&rsquo;est le poste d&rsquo;accueil de votre espace. Une structure habill\u00e9e aux couleurs de votre marque, qui sert de point de contact avec les visiteurs. Certains mod\u00e8les sont creux et permettent de ranger du mat\u00e9riel.<\/p><\/div>\n    <\/div>\n    <div class=\"table-wrap\">\n      <table>\n        <thead><tr><th>Param\u00e8tre<\/th><th>Valeur recommand\u00e9e<\/th><\/tr><\/thead>\n        <tbody>\n          <tr><td class=\"td-name\">Dimensions habituelles<\/td><td>100 x&nbsp;50 x&nbsp;100&nbsp;cm environ<\/td><\/tr>\n          <tr><td class=\"td-name\">D\u00e9clinaisons<\/td><td>Comptoir pliant, comptoir en L, podium lumineux<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <h3>\u26a0\ufe0f Points de vigilance design<\/h3>\n    <ul class=\"ul-styled\">\n      <li><span>\ud83d\udc40<\/span><span>Premier point de contact visuel pour les visiteurs qui s&rsquo;approchent : soignez la fa\u00e7ade<\/span><\/li>\n      <li><span>\ud83d\udd20<\/span><span>Logo suffisamment grand, texte lisible \u00e0 1,5 m\u00e8tre<\/span><\/li>\n      <li><span>\ud83d\udca1<\/span><span>Sur les mod\u00e8les lumineux, v\u00e9rifier le rendu des couleurs en r\u00e9tro\u00e9clairage avant validation<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- SUPPORT 4 -->\n  <div class=\"support-block\">\n    <div class=\"support-num\">Support 04<\/div>\n    <div class=\"support-title\">\ud83d\udcc4 La plaquette commerciale<\/div>\n    <div class=\"support-intro-row\">\n      <div class=\"img-col\"><img decoding=\"async\" class=\"support-img\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/02\/IMG_0274.jpg\" alt=\"Plaquette commerciale UBI Solutions \u2014 supports print salon B2B\" loading=\"lazy\" title=\"\"><p class=\"img-caption\">\u00a9 Altay Dagistan \u2014 UBI Solutions<\/p><\/div>\n      <div class=\"text-col\"><p style=\"margin-bottom:0;\">Un stand sans mat\u00e9riel \u00e0 distribuer est une opportunit\u00e9 manqu\u00e9e. Les visiteurs qui s&rsquo;arr\u00eatent veulent repartir avec quelque chose de concret. La plaquette est le support \u00e0 remettre aux contacts qualifi\u00e9s apr\u00e8s l&rsquo;\u00e9change.<\/p><\/div>\n    <\/div>\n    <div class=\"table-wrap\">\n      <table>\n        <thead><tr><th>Support<\/th><th>Format<\/th><th>Usage<\/th><\/tr><\/thead>\n        <tbody>\n          <tr><td class=\"td-name\">Flyer<\/td><td>A5 ou DL<\/td><td>Distribution large, accroche rapide<\/td><\/tr>\n          <tr><td class=\"td-name\">Plaquette commerciale<\/td><td>A4 2 ou 3 volets<\/td><td>Contacts qualifi\u00e9s, offre d\u00e9taill\u00e9e<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <h3>\u26a0\ufe0f Points de vigilance design<\/h3>\n    <ul class=\"ul-styled\">\n      <li><span>\ud83d\udd20<\/span><span>Hi\u00e9rarchie claire : accroche, offre, contact. Dans cet ordre<\/span><\/li>\n      <li><span>\ud83c\udfa8<\/span><span>Reprenez exactement les m\u00eames couleurs et typographies que vos autres supports<\/span><\/li>\n      <li><span>\ud83d\uddd1\ufe0f<\/span><span>Un flyer mal con\u00e7u finit dans la poubelle \u00e0 la sortie du salon<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- SUPPORT 5 -->\n  <div class=\"support-block\">\n    <div class=\"support-num\">Support 05<\/div>\n    <div class=\"support-title\">\ud83c\udccf La carte de visite<\/div>\n    <div class=\"support-intro-row\">\n      <div class=\"img-col\"><img decoding=\"async\" class=\"support-img\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2023\/12\/Barbatus-AI-Visual-Identity_03.jpg\" alt=\"Carte de visite Barbatus AI \u2014 cr\u00e9ation graphique identit\u00e9 visuelle\" loading=\"lazy\" title=\"\"><p class=\"img-caption\">\u00a9 Altay Dagistan \u2014 Barbatus AI<\/p><\/div>\n      <div class=\"text-col\"><p style=\"margin-bottom:0;\">Le support d&rsquo;\u00e9change direct le plus utilis\u00e9 en B2B. Un contact qui repart avec votre carte a quelque chose de physique \u00e0 retrouver apr\u00e8s le salon. Pr\u00e9voir 200 \u00e0 500 exemplaires par commercial pr\u00e9sent.<\/p><\/div>\n    <\/div>\n    <div class=\"table-wrap\">\n      <table>\n        <thead><tr><th>Param\u00e8tre<\/th><th>Valeur recommand\u00e9e<\/th><\/tr><\/thead>\n        <tbody>\n          <tr><td class=\"td-name\">Format standard<\/td><td>85 x&nbsp;55&nbsp;mm<\/td><\/tr>\n          <tr><td class=\"td-name\">Grammage<\/td><td>350 \u00e0 400&nbsp;g\/m\u00b2 recommand\u00e9<\/td><\/tr>\n          <tr><td class=\"td-name\">Finitions<\/td><td>Pelliculage mat, vernis s\u00e9lectif, soft touch<\/td><\/tr>\n          <tr><td class=\"td-name\">Quantit\u00e9<\/td><td>200 \u00e0 500 ex. par commercial<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <h3>\u26a0\ufe0f Points de vigilance design<\/h3>\n    <ul class=\"ul-styled\">\n      <li><span>\u2705<\/span><span>Informations essentielles uniquement : nom, titre, email, t\u00e9l\u00e9phone, site web<\/span><\/li>\n      <li><span>\ud83c\udfa8<\/span><span>La carte de visite doit \u00eatre visuellement coh\u00e9rente avec tous les autres supports du stand<\/span><\/li>\n      <li><span>\ud83d\udca1<\/span><span>Une finition premium (soft touch, vernis s\u00e9lectif) renforce la perception de qualit\u00e9 \u00e0 la remise en main<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <hr>\n\n  <!-- INTERACTIVE PLANNER -->\n  <h2 id=\"planificateur-complet\"><span class=\"icon\">\ud83d\uddd3\ufe0f<\/span> Planificateur de stand complet<\/h2>\n  <p>Entrez la date de votre salon et s\u00e9lectionnez les supports \u00e0 pr\u00e9parer. Le planificateur calcule automatiquement vos \u00e9ch\u00e9ances et vous donne une estimation budg\u00e9taire.<\/p>\n\n  <div class=\"planner-box\">\n    <p class=\"planner-title\">Mon planning salon<\/p>\n    <p class=\"planner-sub\">Remplissez les champs ci-dessous pour g\u00e9n\u00e9rer votre plan personnalis\u00e9.<\/p>\n\n    <div class=\"planner-step\">\n      <label class=\"planner-label\">Date du salon<\/label>\n      <input type=\"date\" class=\"planner-date\" id=\"salonDate\" \/>\n    <\/div>\n\n    <div class=\"planner-step\">\n      <label class=\"planner-label\">Supports \u00e0 pr\u00e9parer<\/label>\n      <div class=\"supports-grid\">\n        <div class=\"support-check checked\" data-support=\"kakemono\" onclick=\"toggleSupport(this)\">\n          <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n          <div class=\"check-info\">\n            <div class=\"check-name\">\ud83e\udea7 Kak\u00e9mono<\/div>\n            <div class=\"check-budget\">250 \u2013 400&nbsp;\u20ac cr\u00e9ation + impression<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"support-check\" data-support=\"parapluie\" onclick=\"toggleSupport(this)\">\n          <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n          <div class=\"check-info\">\n            <div class=\"check-name\">\u26fa Stand parapluie<\/div>\n            <div class=\"check-budget\">300 \u2013 600&nbsp;\u20ac cr\u00e9ation + fabrication<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"support-check\" data-support=\"comptoir\" onclick=\"toggleSupport(this)\">\n          <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n          <div class=\"check-info\">\n            <div class=\"check-name\">\ud83e\ude91 Comptoir de stand<\/div>\n            <div class=\"check-budget\">250 \u2013 500&nbsp;\u20ac cr\u00e9ation + fabrication<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"support-check\" data-support=\"plaquette\" onclick=\"toggleSupport(this)\">\n          <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n          <div class=\"check-info\">\n            <div class=\"check-name\">\ud83d\udcc4 Plaquette commerciale<\/div>\n            <div class=\"check-budget\">300 \u2013 700&nbsp;\u20ac cr\u00e9ation + impression<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"support-check\" data-support=\"carte\" onclick=\"toggleSupport(this)\">\n          <div class=\"check-box\"><span class=\"check-mark\">\u2713<\/span><\/div>\n          <div class=\"check-info\">\n            <div class=\"check-name\">\ud83c\udccf Carte de visite<\/div>\n            <div class=\"check-budget\">80 \u2013 150&nbsp;\u20ac cr\u00e9ation + impression<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"planner-btn\" onclick=\"generatePlan()\">G\u00e9n\u00e9rer mon planning \u2197<\/button>\n\n    <div class=\"planner-result\" id=\"plannerResult\" style=\"display:none;\">\n      <p class=\"result-title\" id=\"resultTitle\"><\/p>\n\n      <div class=\"warning-box\" id=\"warningBox\"><\/div>\n\n      <div class=\"timeline\" id=\"timeline\"><\/div>\n\n      <div class=\"budget-summary\" id=\"budgetSummary\"><\/div>\n    <\/div>\n  <\/div>\n\n  <hr>\n\n  <!-- PORTFOLIO -->\n  <h2><span class=\"icon\">\ud83d\uddc2\ufe0f<\/span> Exemples de r\u00e9alisations<\/h2>\n  <p>Supports salon r\u00e9alis\u00e9s pour des clients B2B en contexte \u00e9v\u00e9nementiel professionnel.<\/p>\n  <div class=\"portfolio-grid\">\n    <div class=\"portfolio-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2025\/06\/Ethifinance-stand-expo-kakemono-et-parapluie.webp\" alt=\"Stand EthiFinance salon professionnel \u2014 kak\u00e9mono et stand parapluie\" loading=\"lazy\" title=\"\">\n    <\/div>\n    <div class=\"portfolio-item\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/03\/cybersecurity-roll-up-banner-and-expo-stand_web.jpg\" alt=\"Stand cybers\u00e9curit\u00e9 \u2014 kit visuel complet salon B2B\" loading=\"lazy\" title=\"\">\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"cta-box\">\n    <p class=\"cta-title\">Vous pr\u00e9parez un salon&nbsp;?<\/p>\n    <p class=\"cta-sub\">Conception de vos supports visuels de A \u00e0 Z, de la cr\u00e9ation jusqu&rsquo;au BAT.<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"cta-btn\">Demander un devis<\/a>\n  <\/div>\n\n<\/article>\n\n<script>\nfunction toggleSupportMini(el) {\n  el.classList.toggle('checked');\n}\n\nfunction generatePlanMini() {\n  var dateVal = document.getElementById('salonDateMini').value;\n  if (!dateVal) { alert('Veuillez entrer la date de votre salon.'); return; }\n  var salonDate = new Date(dateVal);\n  var today = new Date(); today.setHours(0,0,0,0);\n  var daysUntil = daysDiff(today, salonDate);\n\n  var milestones = [\n    { date: addDays(salonDate, -42), label: 'Brief graphiste', icon: '\ud83d\udccb' },\n    { date: addDays(salonDate, -32), label: 'Cr\u00e9ation graphique', icon: '\ud83c\udfa8' },\n    { date: addDays(salonDate, -14), label: 'Commande impression', icon: '\ud83d\udda8\ufe0f' },\n    { date: addDays(salonDate, -5),  label: 'R\u00e9ception supports', icon: '\ud83d\udce6' },\n    { date: salonDate,               label: 'Jour du salon', icon: '\ud83c\udfaf' },\n  ];\n\n  var html = '';\n  for (var i = 0; i < milestones.length; i++) {\n    var m = milestones[i];\n    var isPast = m.date < today;\n    html += '<div style=\"display:flex; gap:10px; align-items:center; padding: 7px 0; border-bottom: 1px solid #1a1a28; font-size:13px; font-family: var(--font);\">' +\n      '<span style=\"font-size:15px;\">' + m.icon + '<\/span>' +\n      '<span style=\"color:' + (isPast ? 'var(--red)' : 'var(--gray)') + '; min-width: 110px;\">' + formatDate(m.date) + (isPast ? ' \u26a0\ufe0f' : '') + '<\/span>' +\n      '<span style=\"color:' + (isPast ? '#f09595' : 'var(--gray-light)') + ';\">' + m.label + '<\/span>' +\n    '<\/div>';\n  }\n  if (daysUntil < 14) {\n    html += '<p style=\"font-size:12px; color: var(--red); margin-top: 10px; margin-bottom:0;\">D\u00e9lai critique \u2014 contactez un imprimeur express imm\u00e9diatement.<\/p>';\n  }\n  document.getElementById('miniTimeline').innerHTML = html;\n  document.getElementById('miniResult').style.display = 'block';\n}\n\nfunction toggleSupport(el) {\n  el.classList.toggle('checked');\n}\n\nvar SUPPORTS = {\n  kakemono:  { name: 'Kak\u00e9mono', icon: '\ud83e\udea7', budgetMin: 250, budgetMax: 400 },\n  parapluie: { name: 'Stand parapluie', icon: '\u26fa', budgetMin: 300, budgetMax: 600 },\n  comptoir:  { name: 'Comptoir de stand', icon: '\ud83e\ude91', budgetMin: 250, budgetMax: 500 },\n  plaquette: { name: 'Plaquette commerciale', icon: '\ud83d\udcc4', budgetMin: 300, budgetMax: 700 },\n  carte:     { name: 'Carte de visite', icon: '\ud83c\udccf', budgetMin: 80, budgetMax: 150 },\n};\n\nfunction addDays(date, days) {\n  var d = new Date(date);\n  d.setDate(d.getDate() + days);\n  return d;\n}\n\nfunction formatDate(date) {\n  return date.toLocaleDateString('fr-FR', { day: 'numeric', month: 'long' });\n}\n\nfunction daysDiff(a, b) {\n  return Math.round((b - a) \/ (1000 * 60 * 60 * 24));\n}\n\nfunction generatePlan() {\n  var dateVal = document.getElementById('salonDate').value;\n  if (!dateVal) { alert('Veuillez entrer la date de votre salon.'); return; }\n\n  var checked = document.querySelectorAll('.support-check.checked');\n  var selected = [];\n  for (var i = 0; i < checked.length; i++) {\n    selected.push(checked[i].dataset.support);\n  }\n  if (selected.length === 0) { alert('S\u00e9lectionnez au moins un support.'); return; }\n\n  var salonDate = new Date(dateVal);\n  var today = new Date(); today.setHours(0,0,0,0);\n  var daysUntil = daysDiff(today, salonDate);\n\n  var result = document.getElementById('plannerResult');\n  var timeline = document.getElementById('timeline');\n  var budgetSummary = document.getElementById('budgetSummary');\n  var warningBox = document.getElementById('warningBox');\n  var resultTitle = document.getElementById('resultTitle');\n\n  warningBox.className = 'warning-box';\n  warningBox.style.display = 'none';\n\n  if (daysUntil < 0) {\n    warningBox.textContent = 'Le salon est d\u00e9j\u00e0 pass\u00e9. Modifiez la date pour g\u00e9n\u00e9rer un planning.';\n    warningBox.style.display = 'block';\n    result.style.display = 'block';\n    timeline.innerHTML = '';\n    budgetSummary.innerHTML = '';\n    return;\n  } else if (daysUntil < 14) {\n    warningBox.textContent = 'Moins de 2 semaines avant le salon. L\\'impression standard n\\'est plus possible sur la plupart des supports. Contactez un imprimeur express imm\u00e9diatement.';\n    warningBox.style.display = 'block';\n  } else if (daysUntil < 21) {\n    warningBox.textContent = 'Moins de 3 semaines : la marge est tr\u00e8s serr\u00e9e. Ayez vos \u00e9l\u00e9ments graphiques pr\u00eats d\u00e8s maintenant.';\n    warningBox.style.display = 'block';\n  }\n\n  resultTitle.textContent = 'Votre planning pour le salon du ' + formatDate(salonDate);\n\n  var selectedNames = selected.map(function(s) { return SUPPORTS[s].name; }).join(', ');\n  var milestones = [\n    { date: addDays(salonDate, -42), task: 'Brief graphiste : formats, messages, supports \u00e0 cr\u00e9er', icon: '\ud83d\udccb', type: 'green' },\n    { date: addDays(salonDate, -32), task: 'Lancement cr\u00e9ation graphique : ' + selectedNames, icon: '\ud83c\udfa8', type: 'blue' },\n    { date: addDays(salonDate, -18), task: 'Validation BAT : v\u00e9rifier les fichiers avant envoi impression', icon: '\u2705', type: 'blue' },\n    { date: addDays(salonDate, -14), task: 'Commande impression : dernier d\u00e9lai pour impression standard', icon: '\ud83d\udda8\ufe0f', type: 'amber' },\n    { date: addDays(salonDate, -5),  task: 'R\u00e9ception des supports : v\u00e9rification qualit\u00e9, test montage', icon: '\ud83d\udce6', type: 'amber' },\n    { date: addDays(salonDate, -1),  task: 'Pr\u00e9paration du mat\u00e9riel : emballer, \u00e9tiqueter, check-list', icon: '\ud83d\uddc2\ufe0f', type: 'green' },\n    { date: salonDate, task: 'Jour du salon', icon: '\ud83c\udfaf', type: 'red' },\n  ];\n\n  var timelineHtml = '';\n  for (var j = 0; j < milestones.length; j++) {\n    var m = milestones[j];\n    var isPast = m.date < today;\n    var dateClass = isPast ? 'overdue' : '';\n    var dotClass = isPast ? 'dot-red' : 'dot-' + m.type;\n    timelineHtml += '<div class=\"timeline-item\">' +\n      '<div class=\"timeline-dot ' + dotClass + '\">' + m.icon + '<\/div>' +\n      '<div class=\"timeline-content\">' +\n        '<div class=\"timeline-date ' + dateClass + '\">' + formatDate(m.date) + (isPast ? ' (d\u00e9pass\u00e9)' : '') + '<\/div>' +\n        '<div class=\"timeline-task\">' + m.task + '<\/div>' +\n      '<\/div><\/div>';\n  }\n  timeline.innerHTML = timelineHtml;\n\n  var budgetMin = 0, budgetMax = 0;\n  var budgetRows = '';\n  for (var k = 0; k < selected.length; k++) {\n    var sup = SUPPORTS[selected[k]];\n    budgetMin += sup.budgetMin;\n    budgetMax += sup.budgetMax;\n    budgetRows += '<div class=\"budget-row\"><span class=\"budget-item\">' + sup.icon + ' ' + sup.name + '<\/span>' +\n      '<span class=\"budget-price\">' + sup.budgetMin.toLocaleString('fr-FR') + '\\u00a0\\u2013 ' + sup.budgetMax.toLocaleString('fr-FR') + '\\u00a0\\u20ac<\/span><\/div>';\n  }\n\n  budgetSummary.innerHTML = '<div class=\"budget-title\">Estimation budg\u00e9taire (cr\u00e9ation + impression HT)<\/div>' +\n    budgetRows +\n    '<div class=\"budget-row\"><span>Total estim\u00e9<\/span>' +\n    '<span class=\"budget-price\">' + budgetMin.toLocaleString('fr-FR') + '\\u00a0\\u2013 ' + budgetMax.toLocaleString('fr-FR') + '\\u00a0\\u20ac\\u00a0HT<\/span><\/div>';\n\n  result.style.display = 'block';\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Salon professionnel \u00b7 Guide Salon professionnel&nbsp;: 5 supports visuels \u00e0 pr\u00e9parer avant le jour J Vous avez r\u00e9serv\u00e9 votre espace, confirm\u00e9 votre pr\u00e9sence. Mais les supports visuels ne sont pas encore command\u00e9s. Voici les 5 supports \u00e0 pr\u00e9voir, avec les sp\u00e9cifications techniques, les points de vigilance design, et un planificateur interactif pour ne rien oublier. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18119,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-18117","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\/18117","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=18117"}],"version-history":[{"count":28,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18117\/revisions"}],"predecessor-version":[{"id":18504,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/posts\/18117\/revisions\/18504"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media\/18119"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media?parent=18117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/categories?post=18117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/tags?post=18117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}