{"id":3933,"date":"2026-07-12T13:43:16","date_gmt":"2026-07-12T13:43:16","guid":{"rendered":"https:\/\/nobrainnogain.org\/graphiste\/?page_id=3933"},"modified":"2026-07-27T17:10:25","modified_gmt":"2026-07-27T17:10:25","slug":"graphiste-reseaux-sociaux-nantes","status":"publish","type":"page","link":"https:\/\/nobrainnogain.org\/graphiste\/graphiste-reseaux-sociaux-nantes\/","title":{"rendered":"Graphiste sp\u00e9cialis\u00e9 r\u00e9seaux sociaux Nantes 44 | Visuels Instagram, Facebook et LinkedIn"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Graphiste sp\u00e9cialis\u00e9 r\u00e9seaux sociaux \u00e0 Nantes<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"elementor-element elementor-element-dcb6451 elementor-widget elementor-widget-text-editor\" data-id=\"dcb6451\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p data-start=\"239\" data-end=\"509\">Aujourd\u2019hui,\u00a0 facebook, Instagram, linkedin et les autres sont bien plus que de simples r\u00e9seaux sociaux : ce sont de v\u00e9ritables vitrines pour les marques, les entrepreneurs, les artistes et les cr\u00e9ateurs. Dans un flux o\u00f9 chaque seconde compte, <strong data-start=\"440\" data-end=\"471\">l\u2019impact visuel est d\u00e9cisif<\/strong>. C\u2019est l\u00e0 qu\u2019intervient le graphiste.<\/p>\n<p data-start=\"566\" data-end=\"854\">En tant que graphiste sp\u00e9cialis\u00e9 dans les r\u00e9seaux sociaux, je sais comment capter l\u2019\u0153il d\u00e8s les premi\u00e8res secondes. Adapter les couleurs, les typographies, l\u2019\u00e9quilibre des formes, la hi\u00e9rarchie de l\u2019information\u2026 chaque d\u00e9tail compte.<\/p>\n<p data-start=\"566\" data-end=\"854\">Un visuel bien con\u00e7u fait toute la diff\u00e9rence entre un post ignor\u00e9 et un post lik\u00e9, partag\u00e9, voire enregistr\u00e9.<\/p>\n<p data-start=\"899\" data-end=\"1172\">Votre feed est la premi\u00e8re impression que vous laissez.\u00a0 Je vous aide \u00e0 cr\u00e9er une <strong data-start=\"1000\" data-end=\"1050\"><a href=\"https:\/\/nobrainnogain.org\/portfolio\/logo-3\/\">identit\u00e9 visuelle<\/a> coh\u00e9rente et professionnelle<\/strong>, qui refl\u00e8te votre personnalit\u00e9 ou celle de votre entreprise. je m\u2019assure que chaque post parle de vous et pour vous.<\/p>\n<\/div>\n<\/div>\n<div class=\"elementor-element elementor-element-eeba72c elementor-widget elementor-widget-text-editor\" data-id=\"eeba72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p><strong>Pourquoi faire appel \u00e0 un graphiste pour vos r\u00e9seaux sociaux ?<\/strong><\/p>\n<p>Les r\u00e9seaux sociaux sont devenus incontournables pour d\u00e9velopper votre visibilit\u00e9 \u00e0 Nantes et en <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Loire-Atlantique\" target=\"_blank\" rel=\"noopener\">Loire-Atlantique<\/a>. Que vous soyez entrepreneur, artisan, commer\u00e7ant ou association, votre pr\u00e9sence sur Instagram, Facebook, LinkedIn ou TikTok doit \u00eatre professionnelle et coh\u00e9rente.<\/p>\n<p>En tant que graphiste freelance \u00e0 Nantes je vous aide \u00e0 cr\u00e9er des visuels qui :<\/p>\n<ul>\n<li>Respectent votre identit\u00e9 de marque<\/li>\n<li>Captent l\u2019attention dans le flux d\u2019actualit\u00e9s<\/li>\n<li>G\u00e9n\u00e8rent de l\u2019engagement (likes, partages, commentaires)<\/li>\n<li>Convertissent vos abonn\u00e9s en clients<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-728x1024.webp\" alt=\"\" class=\"wp-image-3867\" style=\"aspect-ratio:9\/16;object-fit:cover\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-728x1024.webp 728w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-213x300.webp 213w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-768x1080.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-1092x1536.webp 1092w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled-1456x2048.webp 1456w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Instagram-Post-Mockup-2019-copie-scaled.webp 1820w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2-576x1024.webp\" alt=\"\" class=\"wp-image-3836\" style=\"aspect-ratio:9\/16;object-fit:cover\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2-576x1024.webp 576w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2-169x300.webp 169w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2-768x1365.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2-864x1536.webp 864w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2.webp 1080w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/contact\">reprenez en main votre communication <\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Gagnez du temps avec un graphiste professionnel<\/h3>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-1024x768.webp\" alt=\"\" class=\"wp-image-3818\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-1024x768.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-300x225.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-768x576.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-1536x1152.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Gagnez-du-temps-2048x1536.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h3 class=\"elementor-icon-box-title\">Cr\u00e9er des visuels de qualit\u00e9 prend du temps<\/h3>\n<p class=\"elementor-icon-box-description\" style=\"text-align: center;\">Brainstorming, conception, retouches, d\u00e9clinaisons&#8230; En confiant cette t\u00e2che \u00e0 un professionnel, vous pouvez vous concentrer sur votre c\u0153ur de m\u00e9tier, tout en \u00e9tant s\u00fbr que votre communication visuelle est entre de bonnes mains.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h3 class=\"elementor-icon-box-title\" style=\"text-align: center;\">Un bon design <br \/>n&rsquo;est pas juste beau<\/h3>\n<p class=\"elementor-icon-box-description\" style=\"text-align: center;\">Il invite \u00e0 l\u2019action. Que ce soit pour g\u00e9n\u00e9rer des likes, des commentaires, des clics ou des abonnements, je con\u00e7oit des visuels pens\u00e9s pour votre activit\u00e9, avec des call-to-action bien int\u00e9gr\u00e9s et une lisibilit\u00e9 optimale.<\/p>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.pipboy-wrapper {\n  --pip-green: #1aff40;\n  --pip-glow: rgba(26, 255, 64, 0.6);\n  --bg-dark: #020a02;\n  --chassis-dark: #1a1a1a;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-family: \"Courier New\", Courier, monospace;\n  text-transform: uppercase;\n  width: 100%;\n  max-width: 650px;\n  padding: 1rem;\n  box-sizing: border-box;\n  container-type: inline-size;\n  container-name: pipboy;\n}\n\n.pipboy-wrapper ::selection {\n  background-color: var(--pip-green);\n  color: var(--bg-dark);\n  text-shadow: none;\n}\n.pipboy-wrapper ::-moz-selection {\n  background-color: var(--pip-green);\n  color: var(--bg-dark);\n  text-shadow: none;\n}\n\n.pipboy-wrapper input[type=\"radio\"] {\n  display: none;\n}\n\n.pipboy-chassis {\n  position: relative;\n  width: 100%;\n  background-image: radial-gradient(\n      rgba(255, 255, 255, 0.04) 1px,\n      transparent 1px\n    ),\n    linear-gradient(135deg, #2b2b2b, #111, #222);\n  background-size:\n    3px 3px,\n    100% 100%;\n  padding: 2.5rem;\n  border-radius: 2rem;\n  box-shadow:\n    inset 0 0 20px #000,\n    0 20px 40px rgba(0, 0, 0, 0.8),\n    0 0 0 2px #333,\n    0 5px 15px rgba(26, 255, 64, 0.1);\n  border: 2px solid #444;\n  box-sizing: border-box;\n}\n\n.screw {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  background: linear-gradient(45deg, #555, #111);\n  border-radius: 50%;\n  border: 1px solid #000;\n  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.2);\n}\n\n.screw::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 10px;\n  height: 2px;\n  background: #000;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n.tl {\n  top: 15px;\n  left: 15px;\n}\n.tr {\n  top: 15px;\n  right: 15px;\n  transform: rotate(90deg);\n}\n.bl {\n  bottom: 15px;\n  left: 15px;\n  transform: rotate(180deg);\n}\n.br {\n  bottom: 15px;\n  right: 15px;\n  transform: rotate(270deg);\n}\n\n.crt-screen {\n  background-color: var(--bg-dark);\n  border-radius: 1.5rem;\n  position: relative;\n  overflow: hidden;\n  border: 8px solid #0a0a0a;\n  box-shadow:\n    inset 0 0 60px rgba(0, 0, 0, 1),\n    0 0 10px rgba(0, 0, 0, 0.8);\n  aspect-ratio: 4\/3;\n  cursor: crosshair;\n}\n\n.screen-glass {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  pointer-events: none;\n  background: radial-gradient(\n    circle at 50% 50%,\n    rgba(255, 255, 255, 0.03) 0%,\n    rgba(0, 0, 0, 0.4) 80%\n  );\n  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.9);\n}\n\n.screen-glass::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 15%;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(26, 255, 64, 0.1),\n    transparent\n  );\n  animation: crtScanline 7s linear infinite;\n  pointer-events: none;\n  z-index: 11;\n}\n\n.scanlines {\n  position: absolute;\n  inset: 0;\n  z-index: 9;\n  pointer-events: none;\n  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);\n  background-size: 100% 4px;\n}\n\n.boot-sequence {\n  height: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  color: var(--pip-green);\n  text-shadow: 0 0 4px var(--pip-glow);\n  animation: turnOnCRT 1.2s cubic-bezier(0.23, 1, 0.32, 1) forwards;\n  opacity: 0;\n}\n\n.bold {\n  font-weight: 900;\n}\n.line {\n  height: 2px;\n  background-color: var(--pip-green);\n  box-shadow: 0 0 8px var(--pip-glow);\n  opacity: 0.8;\n}\n.flexible {\n  flex-grow: 1;\n  margin: 0 10px;\n}\n\n.top-bar,\n.bottom-bar {\n  display: flex;\n  align-items: center;\n  font-size: 0.9rem;\n  font-weight: bold;\n}\n.top-bar {\n  margin-bottom: 1.5rem;\n}\n.dynamic-title {\n  letter-spacing: 1px;\n}\n.stats-info {\n  display: flex;\n  gap: 12px;\n}\n\n.bottom-bar {\n  margin-top: auto;\n}\n.nav-item {\n  padding: 4px 10px;\n  cursor: crosshair;\n  border: 1px solid transparent;\n  transition: all 0.2s;\n}\n.nav-item:hover {\n  background-color: rgba(26, 255, 64, 0.15);\n}\n\n.middle-section {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.tab-content {\n  display: none;\n  width: 100%;\n  height: 100%;\n  animation: screenGlitch 0.4s ease-out;\n}\n\n#tab-stat:checked ~ .pipboy-chassis .dynamic-title::before {\n  content: \"No Brain No Gain\";\n}\n#tab-inv:checked ~ .pipboy-chassis .dynamic-title::before {\n  content: \"INVENTORY\";\n}\n#tab-data:checked ~ .pipboy-chassis .dynamic-title::before {\n  content: \"DATA_LINK\";\n}\n\n#tab-stat:checked ~ .pipboy-chassis .content-stat,\n#tab-inv:checked ~ .pipboy-chassis .content-inv,\n#tab-data:checked ~ .pipboy-chassis .content-data {\n  display: flex;\n}\n\n#tab-stat:checked ~ .pipboy-chassis label[for=\"tab-stat\"],\n#tab-inv:checked ~ .pipboy-chassis label[for=\"tab-inv\"],\n#tab-data:checked ~ .pipboy-chassis label[for=\"tab-data\"] {\n  background-color: var(--pip-green);\n  color: var(--bg-dark);\n  text-shadow: none;\n  box-shadow: 0 0 10px var(--pip-glow);\n}\n\n.content-stat {\n  justify-content: space-between;\n  align-items: center;\n}\n.side-menu {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  font-size: 1rem;\n}\n.active-box-static {\n  border: 2px solid var(--pip-green);\n  padding: 2px 8px;\n  box-shadow: inset 0 0 10px var(--pip-glow);\n}\n\n.clock-display {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.terminal-block {\n  background-color: var(--pip-green);\n  border-radius: 6px;\n  padding: 10px 20px;\n  margin-bottom: 5px;\n  box-shadow: 0 0 25px var(--pip-glow);\n  animation: blockPulse 4s infinite alternate;\n}\n.terminal-block .time {\n  color: var(--bg-dark);\n  font-size: 4rem;\n  font-weight: bold;\n  text-shadow: none;\n  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));\n}\n.date {\n  font-size: 1.2rem;\n  font-weight: bold;\n  letter-spacing: 2px;\n}\n\n.right-menu {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n}\n.rad-text {\n  font-size: 1rem;\n  font-weight: bold;\n  letter-spacing: 2px;\n}\n.hazard-symbol {\n  width: 50px;\n  height: 50px;\n  position: relative;\n  background: conic-gradient(\n    var(--pip-green) 0deg 60deg,\n    transparent 60deg 120deg,\n    var(--pip-green) 120deg 180deg,\n    transparent 180deg 240deg,\n    var(--pip-green) 240deg 300deg,\n    transparent 300deg 360deg\n  );\n  border-radius: 50%;\n  animation: radarSpin 8s linear infinite;\n  box-shadow: 0 0 15px var(--pip-glow);\n}\n.hazard-core {\n  position: absolute;\n  inset: 10px;\n  background: var(--bg-dark);\n  border-radius: 50%;\n}\n.hazard-core::after {\n  content: \"\";\n  position: absolute;\n  inset: 10px;\n  background: var(--pip-green);\n  border-radius: 50%;\n}\n\n.content-inv {\n  flex-direction: column;\n  font-size: 1rem;\n  width: 100%;\n  justify-content: flex-start;\n}\n.inventory-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n}\n.inventory-list li {\n  display: flex;\n  justify-content: space-between;\n  padding: 6px;\n  border-bottom: 1px dashed rgba(26, 255, 64, 0.3);\n  transition: none;\n  cursor: crosshair;\n}\n.inventory-list li:hover,\n.active-terminal-line {\n  background-color: var(--pip-green);\n  color: var(--bg-dark);\n  font-weight: bold;\n  text-shadow: none;\n  box-shadow: 0 0 10px var(--pip-glow);\n  padding: 6px 11px;\n}\n\n.content-data {\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap: 15px;\n}\n.radar-container {\n  position: relative;\n  width: 160px;\n  height: 160px;\n  background: rgba(26, 255, 64, 0.1);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  box-shadow: inset 0 0 20px var(--pip-glow);\n  border: 2px solid var(--pip-green);\n}\n.radar-container::before {\n  content: \"\";\n  position: absolute;\n  inset: 20px;\n  background: rgba(26, 255, 64, 0.15);\n  border-radius: 50%;\n  border: 1px dashed rgba(26, 255, 64, 0.3);\n}\n.radar-container::after {\n  content: \"\";\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  background: rgba(26, 255, 64, 0.25);\n  border-radius: 50%;\n  border: 1px solid var(--pip-green);\n}\n.radar-container span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  transform-origin: top left;\n  animation: angularRotation 2s linear infinite;\n  box-shadow: 6px -100px 40px -30px var(--pip-green);\n  border-top: 2px solid var(--pip-green);\n  z-index: 2;\n}\n.blip {\n  position: absolute;\n  width: 10px;\n  height: 6px;\n  background: #fff;\n  border-radius: 50%;\n  top: 50px;\n  left: 100px;\n  box-shadow:\n    0 0 10px #fff,\n    0 0 20px var(--pip-green);\n  animation: blipFade 2s infinite;\n  z-index: 3;\n}\n\n.radio-visualizer {\n  display: flex;\n  gap: 3px;\n  align-items: flex-end;\n  height: 15px;\n  margin-left: 10px;\n}\n.bar {\n  width: 4px;\n  background-color: var(--pip-green);\n  animation: eqBounce 1s infinite alternate;\n}\n.bar-1 {\n  animation-delay: 0.1s;\n}\n.bar-2 {\n  animation-delay: 0.3s;\n}\n.bar-3 {\n  animation-delay: 0s;\n}\n.bar-4 {\n  animation-delay: 0.4s;\n}\n\n@keyframes screenGlitch {\n  0% {\n    opacity: 0;\n    filter: contrast(200%);\n    transform: translateY(-2px);\n    text-shadow:\n      3px 0 rgba(255, 0, 0, 0.7),\n      -3px 0 rgba(0, 0, 255, 0.7);\n  }\n  20% {\n    opacity: 0.8;\n    text-shadow:\n      -3px 0 rgba(255, 0, 0, 0.7),\n      3px 0 rgba(0, 0, 255, 0.7);\n  }\n  50% {\n    opacity: 0.5;\n    filter: contrast(150%) hue-rotate(20deg);\n    transform: translateY(2px);\n    text-shadow:\n      2px 0 rgba(255, 0, 0, 0.7),\n      -2px 0 rgba(0, 0, 255, 0.7);\n  }\n  100% {\n    opacity: 1;\n    filter: contrast(100%);\n    transform: translateY(0);\n    text-shadow: 0 0 4px var(--pip-glow);\n  }\n}\n\n@keyframes crtScanline {\n  0% {\n    transform: translateY(-100%);\n  }\n  100% {\n    transform: translateY(800%);\n  }\n}\n@keyframes turnOnCRT {\n  0% {\n    transform: scale(1, 0.005);\n    opacity: 0;\n    filter: brightness(10);\n  }\n  30% {\n    transform: scale(1, 0.005);\n    opacity: 1;\n    filter: brightness(5);\n  }\n  60% {\n    transform: scale(1, 1);\n    filter: brightness(2);\n  }\n  100% {\n    transform: scale(1, 1);\n    opacity: 1;\n    filter: brightness(1);\n  }\n}\n@keyframes angularRotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes radarSpin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes blipFade {\n  0%,\n  85% {\n    opacity: 0;\n  }\n  90% {\n    opacity: 1;\n    transform: scale(1.5);\n  }\n  100% {\n    opacity: 0;\n  }\n}\n@keyframes eqBounce {\n  0% {\n    height: 3px;\n  }\n  100% {\n    height: 15px;\n  }\n}\n@keyframes blockPulse {\n  0% {\n    box-shadow: 0 0 15px var(--pip-glow);\n  }\n  100% {\n    box-shadow: 0 0 35px var(--pip-glow);\n  }\n}\n@keyframes blink {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes flicker {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.8;\n  }\n}\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n}\n\n.blink-colon {\n  animation: blink 1s step-end infinite;\n}\n.flicker-text {\n  animation: flicker 0.15s infinite;\n}\n.flicker-fast {\n  animation: flicker 0.08s infinite;\n}\n.pulse-icon {\n  animation: pulse 1.5s infinite ease-in-out;\n}\n\n@container pipboy (max-width: 600px) {\n  .pipboy-chassis {\n    padding: 1.5rem;\n    border-radius: 1.5rem;\n  }\n  .crt-screen {\n    border-width: 5px;\n  }\n  .boot-sequence {\n    padding: 1.2rem;\n  }\n  .terminal-block .time {\n    font-size: 3rem;\n  }\n  .top-bar,\n  .bottom-bar {\n    font-size: 0.8rem;\n  }\n  .side-menu,\n  .inventory-list {\n    font-size: 0.85rem;\n  }\n  .radar-container {\n    width: 130px;\n    height: 130px;\n  }\n  .radar-container::before {\n    inset: 15px;\n  }\n  .radar-container::after {\n    width: 40px;\n    height: 40px;\n  }\n  .blip {\n    top: 30px;\n    left: 85px;\n  }\n  .hazard-symbol {\n    width: 40px;\n    height: 40px;\n  }\n  .hazard-core {\n    inset: 10px;\n  }\n  .hazard-core::after {\n    inset: 4px;\n  }\n}\n\n@container pipboy (max-width: 450px) {\n  .pipboy-chassis {\n    padding: 1rem;\n    border-radius: 1rem;\n  }\n  .crt-screen {\n    border-width: 4px;\n  }\n  .boot-sequence {\n    padding: 0.8rem;\n  }\n  .terminal-block {\n    padding: 4px 8px;\n  }\n  .terminal-block .time {\n    font-size: 1.5rem;\n  }\n  .date {\n    font-size: 0.7rem;\n    letter-spacing: 1px;\n  }\n  .top-bar {\n    margin-bottom: 0.8rem;\n  }\n  .top-bar,\n  .bottom-bar {\n    font-size: 0.6rem;\n  }\n  .stats-info {\n    gap: 5px;\n  }\n  .flexible {\n    margin: 0 5px;\n  }\n  .nav-item {\n    padding: 2px 4px;\n  }\n  .side-menu {\n    font-size: 0.6rem;\n    gap: 5px;\n  }\n  .inventory-list {\n    font-size: 0.65rem;\n  }\n  .rad-text,\n  .radar-text {\n    font-size: 0.6rem;\n  }\n  .radar-container {\n    width: 100px;\n    height: 100px;\n  }\n  .radar-container::before {\n    inset: 12px;\n  }\n  .radar-container::after {\n    width: 30px;\n    height: 30px;\n  }\n  .blip {\n    top: 20px;\n    left: 65px;\n    width: 10px;\n    height: 10px;\n  }\n  .blip {\n    top: 30px;\n    left: 80px;\n    width: 10px;\n    height: 10px;\n  }\n  .hazard-symbol {\n    width: 30px;\n    height: 30px;\n    box-shadow: 0 0 10px var(--pip-glow);\n  }\n  .hazard-core {\n    inset: 6px;\n  }\n  .hazard-core::after {\n    inset: 7px;\n  }\n}\n<\/style>\n\n<div class=\"pipboy-wrapper\">\n  <input type=\"radio\" id=\"tab-stat\" name=\"pip-tabs\" checked=\"\">\n  <input type=\"radio\" id=\"tab-inv\" name=\"pip-tabs\">\n  <input type=\"radio\" id=\"tab-data\" name=\"pip-tabs\">\n\n  <div class=\"pipboy-chassis\">\n    <div class=\"screw tl\"><\/div>\n    <div class=\"screw tr\"><\/div>\n    <div class=\"screw bl\"><\/div>\n    <div class=\"screw br\"><\/div>\n\n    <div class=\"crt-screen\">\n      <div class=\"screen-glass\"><\/div>\n      <div class=\"scanlines\"><\/div>\n\n      <div class=\"boot-sequence\">\n        <header class=\"top-bar\">\n          <div class=\"dynamic-title flicker-text\"><\/div>\n          <div class=\"line flexible\"><\/div>\n          <div class=\"stats-info\">\n            <span>Community management <span class=\"bold\"> speed &#038; powerfull<\/span><\/span>\n            <span>RSX <span class=\"bold\">95\/100<\/span><\/span>\n            <span class=\"pulse-icon\">\u26a1<\/span>\n          <\/div>\n        <\/header>\n\n        <main class=\"middle-section\">\n          <div class=\"tab-content content-stat\">\n            <aside class=\"side-menu\">\n              <div>Site web<\/div>\n              <div>Instagram<\/div>\n              <div>Facebook<\/div>\n              <div class=\"active-box-static\">Linkedin<\/div>\n            <\/aside>\n\n            <section class=\"clock-display\">\n              <div class=\"terminal-block\">\n                <div class=\"time\">08<span class=\"blink-colon\">:<\/span>40<\/div>\n              <\/div>\n              <div class=\"date\">02.23.2026<\/div>\n            <\/section>\n\n            <aside class=\"right-menu\">\n              <div class=\"hazard-symbol\">\n                <div class=\"hazard-core\"><\/div>\n              <\/div>\n              <div class=\"rad-text\">Warning<\/div>\n            <\/aside>\n          <\/div>\n\n          <div class=\"tab-content content-inv\">\n            <ul class=\"inventory-list\">\n              <li>\n                <span class=\"item-name\">posts reguliers <\/span>\n                \n              <\/li>\n              <li class=\"active-terminal-line\">\n                <span class=\"item-name\">hook originaux<\/span>\n               \n                             <span class=\"item-name\" augmentation=\"\" des=\"\" vues\"<=\"\" span=\"\">\n                \n              <\/span><\/li>\n              <li>\n                <span class=\"item-name\">visuels travaill\u00e9<\/span>\n                <span class=\"item-wgt\">WGT 0.5<\/span>\n              <\/li>\n              <li>\n                <span class=\"item-name\">plus value visuel<\/span>\n                <span class=\"item-wgt\">WGT 3.0<\/span>\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"tab-content content-data\">\n            <div class=\"radar-container\">\n              <span><\/span>\n              <div class=\"blip\"><\/div>\n            <\/div>\n            <div class=\"radar-text flicker-fast\">recherche de public&#8230;<\/div>\n          <\/div>\n        <\/main>\n\n        <footer class=\"bottom-bar\">\n          <label for=\"tab-stat\" class=\"nav-item\">STAT<\/label>\n          <div class=\"line flexible\"><\/div>\n          <label for=\"tab-inv\" class=\"nav-item\">INV<\/label>\n          <div class=\"line flexible\"><\/div>\n          <label for=\"tab-data\" class=\"nav-item\">DATA<\/label>\n          <div class=\"line flexible\"><\/div>\n\n          <div class=\"radio-visualizer\">\n            <div class=\"bar bar-1\"><\/div>\n            <div class=\"bar bar-2\"><\/div>\n            <div class=\"bar bar-3\"><\/div>\n            <div class=\"bar bar-4\"><\/div>\n          <\/div>\n        <\/footer>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h3 class=\"wp-block-heading\">D\u00e9marquez-vous de la concurrence sur les r\u00e9seaux sociaux<\/h3>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h4><strong>Je peux vous proposer diff\u00e9rentes formules adapt\u00e9es \u00e0 vos besoins :<\/strong><\/h4>\n<ul>\n<li>Cr\u00e9ation de templates personnalis\u00e9s<br \/>Des mod\u00e8les de posts r\u00e9utilisables aux couleurs de votre marque pour Instagram, <br \/>Facebook et LinkedIn. Gain de temps garanti pour votre communication quotidienne.<\/li>\n<li>Stories et Reels anim\u00e9s<br \/>Des contenus dynamiques et engageants pour capter l\u2019attention de votre audience <br \/>nantaise. Animations, transitions, effets sp\u00e9ciaux adapt\u00e9s \u00e0 chaque plateforme.<\/li>\n<li>Planification visuelle mensuelle<br \/>Je cr\u00e9e vos visuels pour un mois complet : posts, stories, carrousels. <br \/>Vous n\u2019avez plus qu\u2019\u00e0 les publier selon votre calendrier \u00e9ditorial.<\/li>\n<li>Visuels publicitaires (Facebook Ads, Instagram Ads)<br \/>Des cr\u00e9ations optimis\u00e9es pour la publicit\u00e9 sur les r\u00e9seaux sociaux, <br \/>pens\u00e9es pour maximiser votre ROI.<\/li>\n<li>Community management visuel<br \/>Accompagnement r\u00e9gulier pour maintenir une ligne graphique coh\u00e9rente <br \/>sur tous vos r\u00e9seaux sociaux.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Interface_post_INSTAGRAM.webp\" alt=\"\" class=\"wp-image-3675\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Interface_post_INSTAGRAM.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Interface_post_INSTAGRAM-300x200.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Interface_post_INSTAGRAM-768x512.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La concurrence est rude. Publier des visuels g\u00e9n\u00e9riques ou peu soign\u00e9s vous fait passer inaper\u00e7u. Avec moi, vous avez l\u2019assurance de proposer du contenu <strong data-start=\"2031\" data-end=\"2065\">original, cr\u00e9atif et impactant<\/strong>, qui vous fait sortir du lot.<a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\"> Image fixe, carrousel<\/a>, <a href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design\/\">animation vid\u00e9os<\/a>, effet sp\u00e9ciaux&#8230;\u00a0<\/p>\n<p style=\"text-align: center;\">Vous pourriez aussi \u00eatre int\u00e9ress\u00e9 par d&rsquo;autres de mes services :<br \/><a href=\"https:\/\/nobrainnogain.org\/graphiste\/logo-3\/\">Cr\u00e9ation de logo<\/a> |\u00a0<a href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design\/\">Motion design et animation<\/a> | <a href=\"https:\/\/nobrainnogain.org\/graphiste\/branding-dynamique\/\">Branding et identit\u00e9 visuelle<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/contact-graphiste-nantes\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/mail.svg\" alt=\"Proposer un projet\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Proposer un projet<\/span>\n      <span class=\"side top\">Contactez-moi<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/prendre-rendez-vous-graphiste-freelance-nantes-44\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/rdv.svg\" alt=\"Prendre rendez-vous\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">prendre rdv<\/span>\n      <span class=\"side top\">gratuitement<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/devis\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/devis.svg\" alt=\"Demander un devis\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Demander un devis<\/span>\n      <span class=\"side top\">En ligne<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Graphiste sp\u00e9cialis\u00e9 r\u00e9seaux sociaux \u00e0 Nantes Aujourd\u2019hui,\u00a0 facebook, Instagram, linkedin et les autres sont bien plus que de simples r\u00e9seaux sociaux : ce sont de v\u00e9ritables vitrines pour les marques, les entrepreneurs, les artistes et les cr\u00e9ateurs. Dans un flux o\u00f9 chaque seconde compte, l\u2019impact visuel est d\u00e9cisif. C\u2019est l\u00e0 qu\u2019intervient le graphiste. En tant &#8230; <a title=\"Graphiste sp\u00e9cialis\u00e9 r\u00e9seaux sociaux Nantes 44 | Visuels Instagram, Facebook et LinkedIn\" class=\"read-more\" href=\"https:\/\/nobrainnogain.org\/graphiste\/graphiste-reseaux-sociaux-nantes\/\" aria-label=\"En savoir plus sur Graphiste sp\u00e9cialis\u00e9 r\u00e9seaux sociaux Nantes 44 | Visuels Instagram, Facebook et LinkedIn\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":3836,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3933","page","type-page","status-publish","has-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/comments?post=3933"}],"version-history":[{"count":2,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3933\/revisions"}],"predecessor-version":[{"id":4742,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3933\/revisions\/4742"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media\/3836"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=3933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}